valtech-components 4.0.982 → 4.0.984

package/fesm2022/valtech-components.mjs

@@ -70,7 +70,7 @@ import fixWebmDuration from 'fix-webm-duration';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.982';
+const VERSION = '4.0.984';
 
 function evaluateValtechAccess(rule, context, features = {}, visitedFeatures = new Set()) {
     if (rule == null)
@@ -12998,6 +12998,7 @@ class ButtonComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "val-button", inputs: { preset: "preset", props: "props" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: `
     <ion-button
       [attr.data-testid]="resolvedProps.token"
+      [attr.aria-label]="resolvedProps.ariaLabel || null"
       [type]="resolvedProps.type"
       [color]="resolvedProps.color"
       [expand]="resolvedProps.expand"
@@ -13027,6 +13028,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ selector: 'val-button', standalone: true, imports: [CommonModule, RouterLink, IonButton, IonIcon, IonSpinner, IonText], template: `
     <ion-button
       [attr.data-testid]="resolvedProps.token"
+      [attr.aria-label]="resolvedProps.ariaLabel || null"
       [type]="resolvedProps.type"
       [color]="resolvedProps.color"
       [expand]="resolvedProps.expand"
@@ -38614,6 +38616,66 @@ const REQUEST_STATUSES = [
  */
 const FIELD_TYPE_EMOJI_RATING = 'EMOJI_RATING';
 
+/**
+ * Primitivo de campo de formulario: label (estilo val-form) + contenido proyectado.
+ *
+ * Usar cuando necesitás un campo fuera de val-form pero con el mismo estilo:
+ * image-picker, date-picker, selectores custom, chips, etc.
+ *
+ * NOTA: para ion-input / ion-textarea NO usar ng-content projection — el Shadow DOM
+ * de Ionic no responde al grid del host. Usá en cambio un `<div class="pf-field">`
+ * plano en el template con `<p class="pf-label">` + ion-input directo.
+ *
+ * ```html
+ * <val-form-field label="Imagen">
+ *   <app-image-picker ... />
+ * </val-form-field>
+ *
+ * <!-- Para ion-input: NO val-form-field, usar div plano -->
+ * <div class="pf-field">
+ *   <p class="pf-label">Nombre</p>
+ *   <ion-input fill="outline" ... />
+ * </div>
+ * ```
+ *
+ * El label usa el mismo val-title que val-form (size=small, color=dark, bold=false).
+ * El spacing entre campos se controla con --val-form-field-gap (default 0.5rem).
+ * El padding horizontal se hereda vía --val-form-field-padding (default 0).
+ * Setearlo en el contenedor padre para consistencia sin override en cada campo:
+ *   `.my-card { --val-form-field-padding: 0 16px; }`
+ */
+class FormFieldComponent {
+    constructor() {
+        this.label = input('');
+        this.titleProps = computed(() => ({
+            content: this.label(),
+            size: 'small',
+            color: 'dark',
+            bold: false,
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FormFieldComponent, isStandalone: true, selector: "val-form-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (label()) {
+      <div class="vff-label">
+        <val-title [props]="titleProps()" />
+      </div>
+    }
+    <ng-content />
+  `, isInline: true, styles: [":host{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;margin:var(--val-form-field-gap, .5rem) 0;padding:var(--val-form-field-padding, 0)}.vff-label{margin-bottom:.25rem}.vff-label ::ng-deep p{margin:0}\n"], dependencies: [{ kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-form-field', standalone: true, imports: [TitleComponent], template: `
+    @if (label()) {
+      <div class="vff-label">
+        <val-title [props]="titleProps()" />
+      </div>
+    }
+    <ng-content />
+  `, styles: [":host{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;margin:var(--val-form-field-gap, .5rem) 0;padding:var(--val-form-field-padding, 0)}.vff-label{margin-bottom:.25rem}.vff-label ::ng-deep p{margin:0}\n"] }]
+        }] });
+
 const SURVEY_RESPONSE_I18N = {
     es: {
         nameLabel: 'Tu nombre',
@@ -38653,7 +38715,9 @@ const SURVEY_RESPONSE_I18N = {
     },
 };
 
-const NAMESPACE$2 = 'SurveyResponse';
+const NAMESPACE$3 = 'SurveyResponse';
+/** Tipos cuya respuesta es un booleano, no un texto. */
+const BOOLEAN_TYPES = ['CHECK', 'TOGGLE'];
 /**
  * val-survey-response
  *
@@ -38683,14 +38747,22 @@ class SurveyResponseComponent {
         this.requests = inject(RequestService);
         this.errors = inject(ValtechErrorService);
         this.emojiType = FIELD_TYPE_EMOJI_RATING;
+        this.selectType = InputType.SELECT;
         this.loading = signal(true);
         this.loadError = signal(false);
         this.sent = signal(false);
         this.sending = signal(false);
         this.typeConfig = signal(null);
+        this.multiSelectError = signal(false);
         this.nameControl = new FormControl('', { nonNullable: true });
         this.emailControl = new FormControl('', { nonNullable: true });
         this.form = new FormGroup({});
+        /**
+         * Una casilla por opción de cada pregunta MULTI_SELECT, indexada
+         * `"<pregunta>::<opcion>"`. Viven fuera del `form` porque el valor que viaja
+         * al backend es UNA lista por pregunta, no N booleanos: se arma al enviar.
+         */
+        this.multiControls = new Map();
         /** Preguntas ordenadas — el template las recorre en este orden. */
         this.questions = computed(() => {
             const cfg = this.typeConfig();
@@ -38715,8 +38787,8 @@ class SurveyResponseComponent {
             this.i18n.lang();
             return { variant: 'error', title: this.t('loginRequiredTitle'), description: this.t('loginRequiredBody') };
         });
-        if (!this.i18n.hasNamespace(NAMESPACE$2)) {
-            this.i18n.registerDefaults(NAMESPACE$2, SURVEY_RESPONSE_I18N);
+        if (!this.i18n.hasNamespace(NAMESPACE$3)) {
+            this.i18n.registerDefaults(NAMESPACE$3, SURVEY_RESPONSE_I18N);
         }
     }
     async ngOnInit() {
@@ -38735,6 +38807,19 @@ class SurveyResponseComponent {
     buildForm(cfg) {
         const group = {};
         for (const q of [...cfg.fieldSchema].sort((a, b) => a.order - b.order)) {
+            if (q.type === 'MULTI_SELECT') {
+                for (const opt of q.options ?? []) {
+                    this.multiControls.set(`${q.name}::${opt.id}`, new FormControl(false, { nonNullable: true }));
+                }
+                continue;
+            }
+            if (BOOLEAN_TYPES.includes(q.type)) {
+                // Sin `required`: un booleano SIEMPRE tiene valor. Exigirlo obligaría a
+                // marcarlo, que es otra cosa que responder — y dejaría el envío
+                // bloqueado sin que se vea por qué.
+                group[q.name] = new FormControl(false, { nonNullable: true });
+                continue;
+            }
             group[q.name] = new FormControl({ value: '', disabled: false }, q.required ? [Validators.required] : []);
         }
         this.form = new FormGroup(group);
@@ -38752,6 +38837,74 @@ class SurveyResponseComponent {
     questionControl(name) {
         return this.form.get(name);
     }
+    booleanControl(name) {
+        return this.form.get(name);
+    }
+    optionControl(name, optionId) {
+        const key = `${name}::${optionId}`;
+        let control = this.multiControls.get(key);
+        if (!control) {
+            control = new FormControl(false, { nonNullable: true });
+            this.multiControls.set(key, control);
+        }
+        return control;
+    }
+    /** Opciones tal como las escribió quien creó la encuesta — no se traducen. */
+    optionsOf(q) {
+        return [...(q.options ?? [])]
+            .map((o, index) => ({ id: o.id, name: o.name, order: o.order ?? index }))
+            .sort((a, b) => a.order - b.order);
+    }
+    /**
+     * `val-radio-input` pide un `InputMetadata` completo (no `Partial`), así que
+     * se arma acá en vez de en el template.
+     */
+    radioProps(q) {
+        return {
+            token: q.name,
+            name: q.name,
+            label: '',
+            hint: '',
+            placeholder: '',
+            type: InputType.RADIO,
+            order: q.order,
+            validators: [],
+            errors: {},
+            state: ComponentStates.ENABLED,
+            control: this.questionControl(q.name),
+            options: this.optionsOf(q),
+        };
+    }
+    placeholderOf(q) {
+        return q.placeholderText || q.placeholder || '';
+    }
+    hintOf(q) {
+        return q.hintText || q.hint || '';
+    }
+    /**
+     * Tipo del `<input>` para las preguntas que se responden escribiendo. Nada de
+     * `parseInputType` de `FormSchemaBuilderService`: ese mapea al enum de
+     * `val-form`, y acá no hay `val-form` de por medio (ver el comentario de
+     * clase). Un tipo desconocido cae a texto, que siempre se puede responder.
+     */
+    inputTypeOf(type) {
+        switch (type) {
+            case 'EMAIL':
+                return 'email';
+            case 'NUMBER':
+                return 'number';
+            case 'PHONE':
+                return 'tel';
+            default:
+                return 'text';
+        }
+    }
+    /** Las opciones marcadas de una pregunta MULTI_SELECT, en el orden del schema. */
+    selectedOptions(q) {
+        return this.optionsOf(q)
+            .filter(opt => this.multiControls.get(`${q.name}::${opt.id}`)?.value)
+            .map(opt => opt.id);
+    }
     questionLabel(q) {
         // Texto del CLIENTE (regla #4): quien creó la encuesta escribió el
         // enunciado tal cual, no se traduce.
@@ -38773,8 +38926,20 @@ class SurveyResponseComponent {
         const cfg = this.typeConfig();
         if (!cfg)
             return;
+        // MULTI_SELECT no vive en el FormGroup, así que `form.invalid` no lo cubre:
+        // una obligatoria sin nada marcado hay que frenarla acá o se envía vacía.
+        const multiRequired = this.questions().filter(q => q.type === 'MULTI_SELECT' && q.required);
+        if (multiRequired.some(q => !this.selectedOptions(q).length)) {
+            this.multiSelectError.set(true);
+            return;
+        }
+        this.multiSelectError.set(false);
         this.sending.set(true);
-        const fields = this.form.getRawValue();
+        const fields = { ...this.form.getRawValue() };
+        for (const q of this.questions()) {
+            if (q.type === 'MULTI_SELECT')
+                fields[q.name] = this.selectedOptions(q);
+        }
         const payload = {
             type: cfg.typeId,
             title: cfg.label,
@@ -38797,12 +38962,12 @@ class SurveyResponseComponent {
             this.errors.handle(err, {
                 context: 'surveyResponse.submit',
                 fallbackKey: 'sendError',
-                i18nNamespace: NAMESPACE$2,
+                i18nNamespace: NAMESPACE$3,
             });
         }
     }
     t(key) {
-        return this.i18n.t(key, NAMESPACE$2);
+        return this.i18n.t(key, NAMESPACE$3);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SurveyResponseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SurveyResponseComponent, isStandalone: true, selector: "val-survey-response", inputs: { props: "props" }, outputs: { submitted: "submitted" }, ngImport: i0, template: `
@@ -38839,21 +39004,97 @@ class SurveyResponseComponent {
 
             @for (q of questions(); track q.name) {
               <div class="survey-response__question">
-                @if (q.type === emojiType) {
-                  <val-emoji-rating [props]="{ control: questionControl(q.name), label: questionLabel(q) }" />
-                } @else {
-                  <val-textarea-input
-                    [props]="{
-                      control: questionControl(q.name),
-                      label: questionLabel(q),
-                      hint: q.hint,
-                      placeholder: q.placeholder,
-                    }"
-                  />
+                @switch (q.type) {
+                  @case (emojiType) {
+                    <val-emoji-rating [props]="{ control: questionControl(q.name), label: questionLabel(q) }" />
+                  }
+                  @case ('TEXTAREA') {
+                    <val-textarea-input
+                      [props]="{
+                        control: questionControl(q.name),
+                        label: questionLabel(q),
+                        hint: hintOf(q),
+                        placeholder: placeholderOf(q),
+                        autoGrow: true,
+                      }"
+                    />
+                  }
+                  @case ('SELECT') {
+                    <val-form-field [label]="questionLabel(q)">
+                      <val-select-input
+                        [props]="{
+                          control: questionControl(q.name),
+                          type: selectType,
+                          placeholder: placeholderOf(q),
+                          options: optionsOf(q),
+                        }"
+                      />
+                    </val-form-field>
+                    @if (hintOf(q)) {
+                      <span class="survey-response__hint">{{ hintOf(q) }}</span>
+                    }
+                  }
+                  @case ('RADIO') {
+                    <val-form-field [label]="questionLabel(q)">
+                      <val-radio-input [props]="radioProps(q)" />
+                    </val-form-field>
+                    @if (hintOf(q)) {
+                      <span class="survey-response__hint">{{ hintOf(q) }}</span>
+                    }
+                  }
+                  @case ('MULTI_SELECT') {
+                    <val-form-field [label]="questionLabel(q)">
+                      <div class="survey-response__options">
+                        @for (opt of optionsOf(q); track opt.id) {
+                          <val-check-input
+                            [props]="{ control: optionControl(q.name, opt.id), label: opt.name, labelPlacement: 'end' }"
+                          />
+                        }
+                      </div>
+                    </val-form-field>
+                    @if (hintOf(q)) {
+                      <span class="survey-response__hint">{{ hintOf(q) }}</span>
+                    }
+                  }
+                  @case ('CHECK') {
+                    <val-check-input
+                      [props]="{ control: booleanControl(q.name), label: questionLabel(q), labelPlacement: 'end' }"
+                    />
+                  }
+                  @case ('TOGGLE') {
+                    <val-toggle-input
+                      [props]="{ control: booleanControl(q.name), label: questionLabel(q), justify: 'space-between' }"
+                    />
+                  }
+                  @case ('DATE') {
+                    <val-date-picker
+                      [props]="{
+                        control: questionControl(q.name),
+                        label: questionLabel(q),
+                        hint: hintOf(q),
+                        placeholder: placeholderOf(q),
+                      }"
+                    />
+                  }
+                  @default {
+                    <val-text-input
+                      [props]="{
+                        control: questionControl(q.name),
+                        label: questionLabel(q),
+                        hint: hintOf(q),
+                        placeholder: placeholderOf(q),
+                        inputType: inputTypeOf(q.type),
+                      }"
+                    />
+                  }
                 }
               </div>
             }
 
+            @if (multiSelectError()) {
+              <p class="survey-response__error">{{ t('required') }}</p>
+            }
+
             <val-button
               [props]="{
                 token: 'survey-response-submit',
@@ -38872,7 +39113,7 @@ class SurveyResponseComponent {
         }
       }
     }
-  `, isInline: true, styles: [":host{display:block}.survey-response{display:flex;flex-direction:column;gap:16px}.survey-response__question{display:block}.survey-response__loading{min-height:120px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: TextInputComponent, selector: "val-text-input", inputs: ["preset", "props"] }, { kind: "component", type: TextareaInputComponent, selector: "val-textarea-input", inputs: ["preset", "props"] }, { kind: "component", type: EmojiRatingComponent, selector: "val-emoji-rating", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: EmptyStateComponent, selector: "val-empty-state", inputs: ["props"] }] }); }
+  `, isInline: true, styles: [":host{display:block}.survey-response{display:flex;flex-direction:column;gap:16px}.survey-response__question{display:block}.survey-response__options{display:flex;flex-direction:column;gap:4px}.survey-response__error{margin:0;color:var(--ion-color-danger);font-size:.875rem;font-weight:700}.survey-response__hint{display:block;margin-top:4px;font-size:.8125rem;color:var(--ion-color-medium, #92949c)}.survey-response__loading{min-height:120px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: TextInputComponent, selector: "val-text-input", inputs: ["preset", "props"] }, { kind: "component", type: TextareaInputComponent, selector: "val-textarea-input", inputs: ["preset", "props"] }, { kind: "component", type: SearchSelectorComponent, selector: "val-select-input", inputs: ["preset", "props"] }, { kind: "component", type: RadioInputComponent, selector: "val-radio-input", inputs: ["props"] }, { kind: "component", type: CheckInputComponent, selector: "val-check-input", inputs: ["preset", "props"] }, { kind: "component", type: ToggleInputComponent, selector: "val-toggle-input", inputs: ["preset", "props"] }, { kind: "component", type: DatePickerComponent, selector: "val-date-picker", inputs: ["props"], outputs: ["valueChange"] }, { kind: "component", type: FormFieldComponent, selector: "val-form-field", inputs: ["label"] }, { kind: "component", type: EmojiRatingComponent, selector: "val-emoji-rating", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: EmptyStateComponent, selector: "val-empty-state", inputs: ["props"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SurveyResponseComponent, decorators: [{
             type: Component,
@@ -38883,6 +39124,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TitleComponent,
                         TextInputComponent,
                         TextareaInputComponent,
+                        SearchSelectorComponent,
+                        RadioInputComponent,
+                        CheckInputComponent,
+                        ToggleInputComponent,
+                        DatePickerComponent,
+                        FormFieldComponent,
                         EmojiRatingComponent,
                         ButtonComponent,
                         EmptyStateComponent,
@@ -38920,21 +39167,97 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 
             @for (q of questions(); track q.name) {
               <div class="survey-response__question">
-                @if (q.type === emojiType) {
-                  <val-emoji-rating [props]="{ control: questionControl(q.name), label: questionLabel(q) }" />
-                } @else {
-                  <val-textarea-input
-                    [props]="{
-                      control: questionControl(q.name),
-                      label: questionLabel(q),
-                      hint: q.hint,
-                      placeholder: q.placeholder,
-                    }"
-                  />
+                @switch (q.type) {
+                  @case (emojiType) {
+                    <val-emoji-rating [props]="{ control: questionControl(q.name), label: questionLabel(q) }" />
+                  }
+                  @case ('TEXTAREA') {
+                    <val-textarea-input
+                      [props]="{
+                        control: questionControl(q.name),
+                        label: questionLabel(q),
+                        hint: hintOf(q),
+                        placeholder: placeholderOf(q),
+                        autoGrow: true,
+                      }"
+                    />
+                  }
+                  @case ('SELECT') {
+                    <val-form-field [label]="questionLabel(q)">
+                      <val-select-input
+                        [props]="{
+                          control: questionControl(q.name),
+                          type: selectType,
+                          placeholder: placeholderOf(q),
+                          options: optionsOf(q),
+                        }"
+                      />
+                    </val-form-field>
+                    @if (hintOf(q)) {
+                      <span class="survey-response__hint">{{ hintOf(q) }}</span>
+                    }
+                  }
+                  @case ('RADIO') {
+                    <val-form-field [label]="questionLabel(q)">
+                      <val-radio-input [props]="radioProps(q)" />
+                    </val-form-field>
+                    @if (hintOf(q)) {
+                      <span class="survey-response__hint">{{ hintOf(q) }}</span>
+                    }
+                  }
+                  @case ('MULTI_SELECT') {
+                    <val-form-field [label]="questionLabel(q)">
+                      <div class="survey-response__options">
+                        @for (opt of optionsOf(q); track opt.id) {
+                          <val-check-input
+                            [props]="{ control: optionControl(q.name, opt.id), label: opt.name, labelPlacement: 'end' }"
+                          />
+                        }
+                      </div>
+                    </val-form-field>
+                    @if (hintOf(q)) {
+                      <span class="survey-response__hint">{{ hintOf(q) }}</span>
+                    }
+                  }
+                  @case ('CHECK') {
+                    <val-check-input
+                      [props]="{ control: booleanControl(q.name), label: questionLabel(q), labelPlacement: 'end' }"
+                    />
+                  }
+                  @case ('TOGGLE') {
+                    <val-toggle-input
+                      [props]="{ control: booleanControl(q.name), label: questionLabel(q), justify: 'space-between' }"
+                    />
+                  }
+                  @case ('DATE') {
+                    <val-date-picker
+                      [props]="{
+                        control: questionControl(q.name),
+                        label: questionLabel(q),
+                        hint: hintOf(q),
+                        placeholder: placeholderOf(q),
+                      }"
+                    />
+                  }
+                  @default {
+                    <val-text-input
+                      [props]="{
+                        control: questionControl(q.name),
+                        label: questionLabel(q),
+                        hint: hintOf(q),
+                        placeholder: placeholderOf(q),
+                        inputType: inputTypeOf(q.type),
+                      }"
+                    />
+                  }
                 }
               </div>
             }
 
+            @if (multiSelectError()) {
+              <p class="survey-response__error">{{ t('required') }}</p>
+            }
+
             <val-button
               [props]="{
                 token: 'survey-response-submit',
@@ -38953,7 +39276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }
       }
     }
-  `, styles: [":host{display:block}.survey-response{display:flex;flex-direction:column;gap:16px}.survey-response__question{display:block}.survey-response__loading{min-height:120px}\n"] }]
+  `, styles: [":host{display:block}.survey-response{display:flex;flex-direction:column;gap:16px}.survey-response__question{display:block}.survey-response__options{display:flex;flex-direction:column;gap:4px}.survey-response__error{margin:0;color:var(--ion-color-danger);font-size:.875rem;font-weight:700}.survey-response__hint{display:block;margin-top:4px;font-size:.8125rem;color:var(--ion-color-medium, #92949c)}.survey-response__loading{min-height:120px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { props: [{
                 type: Input
             }], submitted: [{
@@ -39170,6 +39493,427 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+const FIELD_SCHEMA_EDITOR_I18N = {
+    es: {
+        presetsTitle: 'Empieza desde',
+        labelLabel: 'Texto del campo',
+        labelPlaceholder: 'Escribe lo que verá quien responde',
+        typeLabel: 'Tipo de campo',
+        placeholderLabel: 'Texto de ayuda dentro del campo',
+        hintLabel: 'Nota bajo el campo',
+        requiredLabel: 'Obligatorio',
+        optionsTitle: 'Opciones',
+        optionsHint: 'Estas son las alternativas que puede elegir quien responde.',
+        optionsAdd: 'Agregar opción',
+        optionsList: 'Opciones',
+        optionsPlaceholder: 'Escribe una opción',
+        optionsEmpty: 'Todavía no hay opciones.',
+        optionsRemove: 'Quitar opción',
+        optionsReorder: 'Reordenar opción',
+        errorIncomplete: 'Ponle un texto al campo y elige su tipo.',
+        errorOptionsRequired: 'Este tipo de campo necesita al menos una opción.',
+        typeTEXT: 'Texto corto',
+        typeTEXTAREA: 'Texto largo',
+        typeEMAIL: 'Correo',
+        typePHONE: 'Teléfono',
+        typeNUMBER: 'Número',
+        typeDATE: 'Fecha',
+        typeSELECT: 'Lista desplegable',
+        typeRADIO: 'Una sola opción',
+        typeMULTI_SELECT: 'Varias opciones',
+        typeCHECK: 'Casilla',
+        typeTOGGLE: 'Sí o no',
+        typeCURRENCY: 'Monto',
+        typeATTACHMENT: 'Archivo adjunto',
+        typeFILE: 'Archivo',
+        typeEMOJI_RATING: 'Calificación con emoji',
+    },
+    en: {
+        presetsTitle: 'Start from',
+        labelLabel: 'Field text',
+        labelPlaceholder: 'Write what the person will see',
+        typeLabel: 'Field type',
+        placeholderLabel: 'Helper text inside the field',
+        hintLabel: 'Note below the field',
+        requiredLabel: 'Required',
+        optionsTitle: 'Options',
+        optionsHint: 'These are the choices the person can pick.',
+        optionsAdd: 'Add option',
+        optionsList: 'Options',
+        optionsPlaceholder: 'Write an option',
+        optionsEmpty: 'No options yet.',
+        optionsRemove: 'Remove option',
+        optionsReorder: 'Reorder option',
+        errorIncomplete: 'Give the field a text and pick its type.',
+        errorOptionsRequired: 'This field type needs at least one option.',
+        typeTEXT: 'Short text',
+        typeTEXTAREA: 'Long text',
+        typeEMAIL: 'Email',
+        typePHONE: 'Phone',
+        typeNUMBER: 'Number',
+        typeDATE: 'Date',
+        typeSELECT: 'Dropdown',
+        typeRADIO: 'Single choice',
+        typeMULTI_SELECT: 'Multiple choice',
+        typeCHECK: 'Checkbox',
+        typeTOGGLE: 'Yes or no',
+        typeCURRENCY: 'Amount',
+        typeATTACHMENT: 'Attachment',
+        typeFILE: 'File',
+        typeEMOJI_RATING: 'Emoji rating',
+    },
+};
+
+const NAMESPACE$2 = 'FieldSchemaEditor';
+/**
+ * Tipos cuyo valor sale de una lista cerrada que define quien arma el
+ * formulario — sin al menos una opción, el campo no se puede responder.
+ * Espejo de `fieldRequiresOptions` que vivía duplicado en bingo.
+ */
+const FIELD_TYPES_WITH_OPTIONS = ['SELECT', 'RADIO', 'MULTI_SELECT'];
+let fieldUid = 0;
+/**
+ * val-field-schema-editor
+ *
+ * Edita UN campo de un formulario dinámico: texto, tipo, placeholder, nota,
+ * obligatoriedad y opciones. Es la pieza que faltaba en la lib — hasta ahora
+ * el único editor de campos con este nivel vivía dentro de bingo
+ * (`checkout-field-modal.component.ts`), invisible para el resto del factory,
+ * y `val-survey-builder` había terminado con una versión pobre de lo mismo
+ * (dos tipos fijos, sin placeholder ni opciones).
+ *
+ * Es agnóstico de dominio a propósito:
+ * - el **catálogo de tipos** (`allowedTypes`) lo decide el consumer, porque es
+ *   él quien sabe qué sabe renderizar su formulario;
+ * - los **presets** los pasa el consumer, porque "correo del comprador" es de
+ *   checkout y no significa nada en una encuesta.
+ *
+ * No trae cáscara de modal: el consumer lo envuelve en `val-modal-layout` (o
+ * en lo que quiera) y dispara `submit()` desde su propio botón, igual que hace
+ * `survey-create-modal` con `val-survey-builder`.
+ */
+class FieldSchemaEditorComponent {
+    constructor() {
+        this.props = { allowedTypes: ['TEXT'] };
+        this.save = new EventEmitter();
+        /**
+         * Emite en cada tecla, sin validar. Existe porque el consumer necesita el
+         * borrador en vivo: si solo tuviera `save`, lo escrito acá no existiría para
+         * él hasta que alguien toque su botón — y lo escrito ES la intención del
+         * usuario, no un borrador que haya que confirmar.
+         */
+        this.changed = new EventEmitter();
+        this.i18n = inject(I18nService);
+        this.formSchemas = inject(FormSchemaBuilderService);
+        this.labelControl = new FormControl('', { nonNullable: true });
+        this.placeholderControl = new FormControl('', { nonNullable: true });
+        this.hintControl = new FormControl('', { nonNullable: true });
+        this.requiredControl = new FormControl(true, { nonNullable: true });
+        this.typeControl = new FormControl('TEXT', { nonNullable: true });
+        this.options = signal([]);
+        this.validationError = signal('');
+        this.selectedPresetId = signal('');
+        /** Se refresca con cada cambio de tipo — `needsOptions` no puede leer el control directo. */
+        this.currentType = signal('TEXT');
+        /** Una vez que se toca el token a mano (o se edita un campo ya guardado) deja de derivarse del label. */
+        this.nameLocked = false;
+        this.name = '';
+        this.fieldId = '';
+        this.typeSelectProps = computed(() => {
+            this.i18n.lang();
+            return {
+                control: this.typeControl,
+                type: InputType.SELECT,
+                state: this.state(),
+                placeholder: this.t('typeLabel'),
+                // action-sheet y no el popover default de Ionic: el popover se ancla al
+                // campo, y con el campo cerca del borde inferior y un catálogo largo
+                // Ionic lo recorta arriba Y abajo — quedaban tipos imposibles de elegir.
+                // La hoja usa el alto completo y scrollea sola.
+                selectInterface: 'action-sheet',
+                options: this.allowedTypes().map((type, order) => ({ id: type, name: this.typeLabel(type), order })),
+            };
+        });
+        this.optionsEditorProps = computed(() => {
+            this.i18n.lang();
+            return {
+                title: this.t('optionsTitle'),
+                hint: this.t('optionsHint'),
+                addLabel: this.t('optionsAdd'),
+                optionsLabel: this.t('optionsList'),
+                placeholder: this.t('optionsPlaceholder'),
+                emptyText: this.t('optionsEmpty'),
+                removeOptionLabel: this.t('optionsRemove'),
+                reorderOptionLabel: this.t('optionsReorder'),
+                state: this.state(),
+                options: this.options(),
+            };
+        });
+        if (!this.i18n.hasNamespace(NAMESPACE$2)) {
+            this.i18n.registerDefaults(NAMESPACE$2, FIELD_SCHEMA_EDITOR_I18N);
+        }
+        this.typeControl.valueChanges.subscribe(value => {
+            this.currentType.set(value || 'TEXT');
+            this.emitChange();
+        });
+        this.labelControl.valueChanges.subscribe(value => {
+            if (!this.nameLocked)
+                this.name = this.formSchemas.toToken(value || '');
+            this.emitChange();
+        });
+        this.placeholderControl.valueChanges.subscribe(() => this.emitChange());
+        this.hintControl.valueChanges.subscribe(() => this.emitChange());
+        this.requiredControl.valueChanges.subscribe(() => this.emitChange());
+    }
+    ngOnInit() {
+        const initial = this.props.field;
+        if (initial) {
+            this.fieldId = initial.id;
+            this.nameLocked = true;
+            this.name = initial.name;
+            this.labelControl.setValue(initial.label ?? '');
+            this.placeholderControl.setValue(initial.placeholderText ?? '');
+            this.hintControl.setValue(initial.hintText ?? '');
+            this.requiredControl.setValue(!!initial.required);
+            this.typeControl.setValue(this.coerceType(initial.type));
+            this.options.set(initial.options ?? []);
+            return;
+        }
+        this.fieldId = `field-${++fieldUid}`;
+        this.typeControl.setValue(this.coerceType(this.typeControl.value));
+        const first = this.props.presets?.[0];
+        if (first)
+            this.selectPreset(first);
+    }
+    t(key) {
+        this.i18n.lang();
+        return this.i18n.t(key, NAMESPACE$2);
+    }
+    state() {
+        return this.props.state ?? ComponentStates.ENABLED;
+    }
+    showPresets() {
+        return this.props.mode !== 'edit' && !!this.props.presets?.length;
+    }
+    needsOptions() {
+        return FIELD_TYPES_WITH_OPTIONS.includes(this.currentType());
+    }
+    typeLabel(type) {
+        return this.props.typeLabels?.[type] || this.t(`type${type}`);
+    }
+    setOptions(options) {
+        this.options.set(options);
+        this.emitChange();
+    }
+    emitChange() {
+        // Antes de ngOnInit no hay id: emitir ahí daría un campo sin identidad, que
+        // el consumer no sabría a qué fila aplicar.
+        if (this.fieldId)
+            this.changed.emit(this.value());
+    }
+    selectPreset(preset) {
+        this.selectedPresetId.set(preset.id);
+        const value = preset.field;
+        // El preset fija el token: "correo del comprador" tiene que llamarse
+        // `email` aunque después le cambien el texto visible.
+        this.nameLocked = !!value.name;
+        this.name = value.name || this.formSchemas.toToken(value.label || '');
+        this.labelControl.setValue(value.label ?? '');
+        this.placeholderControl.setValue(value.placeholderText ?? '');
+        this.hintControl.setValue(value.hintText ?? '');
+        this.requiredControl.setValue(!!value.required);
+        this.typeControl.setValue(this.coerceType(value.type));
+        this.options.set(value.options ?? []);
+        this.emitChange();
+    }
+    /**
+     * Valida y emite. Público a propósito: lo llama el consumer desde el botón
+     * de su propia cáscara (modal, página o acordeón).
+     */
+    submit() {
+        const field = this.value();
+        if (!field.label || !field.name || !field.type) {
+            this.validationError.set(this.t('errorIncomplete'));
+            return false;
+        }
+        if (this.needsOptions() && !(field.options?.length ?? 0)) {
+            this.validationError.set(this.t('errorOptionsRequired'));
+            return false;
+        }
+        this.validationError.set('');
+        this.save.emit(field);
+        return true;
+    }
+    /** El campo tal como está en pantalla, sin validar. */
+    value() {
+        const label = (this.labelControl.value || '').trim();
+        return {
+            id: this.fieldId,
+            name: this.formSchemas.toToken(this.name || label),
+            label,
+            placeholderText: (this.placeholderControl.value || '').trim(),
+            hintText: (this.hintControl.value || '').trim(),
+            type: this.coerceType(this.typeControl.value),
+            required: this.requiredControl.value,
+            options: this.needsOptions() ? this.options().map((option, index) => ({ ...option, order: index })) : undefined,
+        };
+    }
+    allowedTypes() {
+        return this.props.allowedTypes?.length ? this.props.allowedTypes : ['TEXT'];
+    }
+    /**
+     * Un tipo fuera del catálogo del consumer cae al primero permitido. Pasa al
+     * editar un campo guardado con un tipo que la app ya no ofrece (bingo lo
+     * hacía con ATTACHMENT cuando el medio de pago no lo admite): sin esto, el
+     * select queda en un valor que no está en su lista y se ve vacío.
+     */
+    coerceType(type) {
+        const allowed = this.allowedTypes();
+        return allowed.includes(type) ? type : allowed[0];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldSchemaEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FieldSchemaEditorComponent, isStandalone: true, selector: "val-field-schema-editor", inputs: { props: "props" }, outputs: { save: "save", changed: "changed" }, ngImport: i0, template: `
+    <div class="field-schema-editor">
+      @if (showPresets()) {
+        <section class="field-schema-editor__presets">
+          <span class="field-schema-editor__section-label">{{ props.presetsTitle || t('presetsTitle') }}</span>
+          <div class="field-schema-editor__preset-grid">
+            @for (preset of props.presets; track preset.id) {
+              <button
+                type="button"
+                class="field-schema-editor__preset"
+                [class.field-schema-editor__preset--selected]="selectedPresetId() === preset.id"
+                (click)="selectPreset(preset)"
+              >
+                <strong>{{ preset.label }}</strong>
+                @if (preset.description) {
+                  <span>{{ preset.description }}</span>
+                }
+              </button>
+            }
+          </div>
+        </section>
+      }
+
+      <val-form-field [label]="t('labelLabel')">
+        <val-text-input [props]="{ control: labelControl, placeholder: t('labelPlaceholder'), state: state() }" />
+      </val-form-field>
+
+      <val-form-field [label]="t('typeLabel')">
+        <val-select-input [props]="typeSelectProps()" />
+      </val-form-field>
+
+      @if (props.showPlaceholder !== false) {
+        <val-form-field [label]="t('placeholderLabel')">
+          <val-textarea-input [props]="{ control: placeholderControl, autoGrow: true, state: state() }" />
+        </val-form-field>
+      }
+
+      @if (props.showHint !== false) {
+        <val-form-field [label]="t('hintLabel')">
+          <val-textarea-input [props]="{ control: hintControl, autoGrow: true, state: state() }" />
+        </val-form-field>
+      }
+
+      <val-toggle-input
+        [props]="{
+          control: requiredControl,
+          label: t('requiredLabel'),
+          justify: 'space-between',
+          state: state(),
+        }"
+      />
+
+      @if (needsOptions()) {
+            <val-field-options-editor [props]="optionsEditorProps()" (optionsChange)="setOptions($event)" />
+      }
+
+      @if (validationError()) {
+        <p class="field-schema-editor__error">{{ validationError() }}</p>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block}.field-schema-editor{display:flex;flex-direction:column;gap:12px}.field-schema-editor__presets{display:flex;flex-direction:column;gap:8px}.field-schema-editor__section-label{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ion-color-medium, #92949c)}.field-schema-editor__preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.field-schema-editor__preset{min-height:80px;padding:12px;border:1px solid var(--val-border-color, var(--ion-border-color, rgba(0, 0, 0, .1)));border-radius:var(--val-radius-md, 12px);background:var(--ion-card-background, var(--ion-background-color, #fff));color:var(--ion-text-color);text-align:left;cursor:pointer}.field-schema-editor__preset strong,.field-schema-editor__preset span{display:block}.field-schema-editor__preset span{margin-top:4px;font-size:.8125rem;line-height:1.3;color:var(--ion-color-medium, #92949c)}.field-schema-editor__preset--selected{border-color:var(--ion-color-primary);box-shadow:0 0 0 2px rgba(var(--ion-color-primary-rgb, 255, 0, 178),.14)}.field-schema-editor__error{margin:0;color:var(--ion-color-danger);font-size:.875rem;font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: FormFieldComponent, selector: "val-form-field", inputs: ["label"] }, { kind: "component", type: TextInputComponent, selector: "val-text-input", inputs: ["preset", "props"] }, { kind: "component", type: TextareaInputComponent, selector: "val-textarea-input", inputs: ["preset", "props"] }, { kind: "component", type: SearchSelectorComponent, selector: "val-select-input", inputs: ["preset", "props"] }, { kind: "component", type: ToggleInputComponent, selector: "val-toggle-input", inputs: ["preset", "props"] }, { kind: "component", type: FieldOptionsEditorComponent, selector: "val-field-options-editor", inputs: ["props"], outputs: ["optionsChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldSchemaEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-field-schema-editor', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormFieldComponent,
+                        TextInputComponent,
+                        TextareaInputComponent,
+                        SearchSelectorComponent,
+                        ToggleInputComponent,
+                        FieldOptionsEditorComponent,
+                    ], template: `
+    <div class="field-schema-editor">
+      @if (showPresets()) {
+        <section class="field-schema-editor__presets">
+          <span class="field-schema-editor__section-label">{{ props.presetsTitle || t('presetsTitle') }}</span>
+          <div class="field-schema-editor__preset-grid">
+            @for (preset of props.presets; track preset.id) {
+              <button
+                type="button"
+                class="field-schema-editor__preset"
+                [class.field-schema-editor__preset--selected]="selectedPresetId() === preset.id"
+                (click)="selectPreset(preset)"
+              >
+                <strong>{{ preset.label }}</strong>
+                @if (preset.description) {
+                  <span>{{ preset.description }}</span>
+                }
+              </button>
+            }
+          </div>
+        </section>
+      }
+
+      <val-form-field [label]="t('labelLabel')">
+        <val-text-input [props]="{ control: labelControl, placeholder: t('labelPlaceholder'), state: state() }" />
+      </val-form-field>
+
+      <val-form-field [label]="t('typeLabel')">
+        <val-select-input [props]="typeSelectProps()" />
+      </val-form-field>
+
+      @if (props.showPlaceholder !== false) {
+        <val-form-field [label]="t('placeholderLabel')">
+          <val-textarea-input [props]="{ control: placeholderControl, autoGrow: true, state: state() }" />
+        </val-form-field>
+      }
+
+      @if (props.showHint !== false) {
+        <val-form-field [label]="t('hintLabel')">
+          <val-textarea-input [props]="{ control: hintControl, autoGrow: true, state: state() }" />
+        </val-form-field>
+      }
+
+      <val-toggle-input
+        [props]="{
+          control: requiredControl,
+          label: t('requiredLabel'),
+          justify: 'space-between',
+          state: state(),
+        }"
+      />
+
+      @if (needsOptions()) {
+            <val-field-options-editor [props]="optionsEditorProps()" (optionsChange)="setOptions($event)" />
+      }
+
+      @if (validationError()) {
+        <p class="field-schema-editor__error">{{ validationError() }}</p>
+      }
+    </div>
+  `, styles: [":host{display:block}.field-schema-editor{display:flex;flex-direction:column;gap:12px}.field-schema-editor__presets{display:flex;flex-direction:column;gap:8px}.field-schema-editor__section-label{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ion-color-medium, #92949c)}.field-schema-editor__preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.field-schema-editor__preset{min-height:80px;padding:12px;border:1px solid var(--val-border-color, var(--ion-border-color, rgba(0, 0, 0, .1)));border-radius:var(--val-radius-md, 12px);background:var(--ion-card-background, var(--ion-background-color, #fff));color:var(--ion-text-color);text-align:left;cursor:pointer}.field-schema-editor__preset strong,.field-schema-editor__preset span{display:block}.field-schema-editor__preset span{margin-top:4px;font-size:.8125rem;line-height:1.3;color:var(--ion-color-medium, #92949c)}.field-schema-editor__preset--selected{border-color:var(--ion-color-primary);box-shadow:0 0 0 2px rgba(var(--ion-color-primary-rgb, 255, 0, 178),.14)}.field-schema-editor__error{margin:0;color:var(--ion-color-danger);font-size:.875rem;font-weight:700}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }], save: [{
+                type: Output
+            }], changed: [{
+                type: Output
+            }] } });
+
 class RequestFormBuilderService extends FormSchemaBuilderService {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestFormBuilderService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestFormBuilderService, providedIn: 'root' }); }
@@ -39179,6 +39923,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+/**
+ * Tipos de pregunta que ofrece una encuesta.
+ *
+ * El corte no es estético: **todo tipo que esta lista ofrezca, `val-survey-response`
+ * tiene que saber renderizarlo**, o la encuesta se guarda bien y se responde mal
+ * (un rating dibujado como caja de texto). Ampliar acá obliga a ampliar el
+ * renderer en la misma entrega.
+ *
+ * Los seis primeros son de respuesta cerrada — `closedAnswerTypes` en
+ * `backend/go/services/request/aggregate.go` los cuenta por valor en el
+ * dashboard. Los seis últimos son abiertos: el dashboard lista sus respuestas.
+ *
+ * `FILE`/`ATTACHMENT` quedan deliberadamente fuera: una encuesta es pública y
+ * anónima por default, y aceptar subidas ahí es superficie de abuso sin un caso
+ * de uso que lo pida.
+ */
+const SURVEY_QUESTION_TYPES = [
+    'EMOJI_RATING',
+    'SELECT',
+    'RADIO',
+    'MULTI_SELECT',
+    'CHECK',
+    'TOGGLE',
+    'TEXT',
+    'TEXTAREA',
+    'NUMBER',
+    'DATE',
+    'EMAIL',
+    'PHONE',
+];
+
 const SURVEY_BUILDER_I18N = {
     es: {
         titleLabel: 'Título',
@@ -39187,10 +39962,16 @@ const SURVEY_BUILDER_I18N = {
         subtitlePlaceholder: 'Ej: Ayúdanos a mejorar respondiendo estas preguntas',
         questionsLabel: 'Preguntas',
         questionLabelPlaceholder: 'Escribe la pregunta',
-        typeEmoji: 'Emoji',
-        typeText: 'Texto libre',
         addQuestion: 'Agregar pregunta',
-        removeQuestion: 'Quitar',
+        removeQuestion: 'Quitar pregunta',
+        editQuestion: 'Editar pregunta',
+        duplicateQuestion: 'Duplicar pregunta',
+        moveUp: 'Subir pregunta',
+        moveDown: 'Bajar pregunta',
+        doneEditing: 'Listo',
+        untitledQuestion: 'Pregunta sin texto',
+        requiredTag: 'Obligatoria',
+        missingOptions: 'Hay preguntas de opciones sin ninguna opción cargada.',
         save: 'Guardar encuesta',
         noTitle: 'Ponle un título a la encuesta',
         noQuestions: 'Agrega al menos una pregunta',
@@ -39205,10 +39986,16 @@ const SURVEY_BUILDER_I18N = {
         subtitlePlaceholder: 'E.g: Help us improve by answering these questions',
         questionsLabel: 'Questions',
         questionLabelPlaceholder: 'Write the question',
-        typeEmoji: 'Emoji',
-        typeText: 'Free text',
         addQuestion: 'Add question',
-        removeQuestion: 'Remove',
+        removeQuestion: 'Remove question',
+        editQuestion: 'Edit question',
+        duplicateQuestion: 'Duplicate question',
+        moveUp: 'Move question up',
+        moveDown: 'Move question down',
+        doneEditing: 'Done',
+        untitledQuestion: 'Question with no text',
+        requiredTag: 'Required',
+        missingOptions: 'Some choice questions have no options set.',
         save: 'Save survey',
         noTitle: 'Give the survey a title',
         noQuestions: 'Add at least one question',
@@ -39219,6 +40006,7 @@ const SURVEY_BUILDER_I18N = {
 };
 
 const NAMESPACE$1 = 'SurveyBuilder';
+const EDITOR_NAMESPACE = 'FieldSchemaEditor';
 const DEFAULT_TYPE_PREFIX = 'survey';
 let rowUid = 0;
 /**
@@ -39229,11 +40017,14 @@ let rowUid = 0;
  * true` (cada respuesta se agrega, no se revisa una por una) y el `EntityRef`
  * que le pasa el consumer (ej. el evento de bingo dueño de la encuesta).
  *
- * v1 solo ofrece los dos tipos de pregunta que `val-survey-response` sabe
- * renderizar: emoji-rating y texto libre. Reusa `RequestFormBuilderService`
- * (`toToken`/`uniqueFieldName`/`createFieldSchema`) para el nombre de campo —
- * es la misma primitiva que ya arma el formulario dinámico de `request`, no
- * una reimplementación.
+ * Cada pregunta se edita con `val-field-schema-editor`, el mismo editor que usa
+ * el checkout de bingo — de ahí que una pregunta tenga tipo, placeholder, nota
+ * y opciones, no solo texto. La v1 de este componente tenía su propio editor
+ * pobre (dos tipos, sin opciones); la Fase 5 del ADR-092 lo reemplazó por el
+ * organism compartido en vez de mejorarlo por duplicado.
+ *
+ * El catálogo que ofrece sale de `SURVEY_QUESTION_TYPES` — acotado a lo que
+ * `val-survey-response` sabe renderizar, no a lo que el editor sabe editar.
  */
 class SurveyBuilderComponent {
     constructor() {
@@ -39243,15 +40034,21 @@ class SurveyBuilderComponent {
         this.requests = inject(RequestService);
         this.formBuilder = inject(RequestFormBuilderService);
         this.errors = inject(ValtechErrorService);
-        this.emojiType = FIELD_TYPE_EMOJI_RATING;
         this.titleControl = new FormControl('', { nonNullable: true });
         this.subtitleControl = new FormControl('', { nonNullable: true });
         this.questions = signal([]);
+        this.editingId = signal('');
+        this.validationError = signal('');
         this.saving = signal(false);
-        this.rowControls = new Map();
         if (!this.i18n.hasNamespace(NAMESPACE$1)) {
             this.i18n.registerDefaults(NAMESPACE$1, SURVEY_BUILDER_I18N);
         }
+        // El nombre del tipo de cada pregunta se muestra en la fila colapsada, que
+        // dibuja este componente y no el editor — si nadie montó un editor todavía,
+        // el namespace no existiría y la fila mostraría la clave cruda.
+        if (!this.i18n.hasNamespace(EDITOR_NAMESPACE)) {
+            this.i18n.registerDefaults(EDITOR_NAMESPACE, FIELD_SCHEMA_EDITOR_I18N);
+        }
     }
     async ngOnInit() {
         if (!this.props.typeId)
@@ -39270,53 +40067,143 @@ class SurveyBuilderComponent {
             });
         }
     }
-    rowFromField(f) {
-        const id = `row-${rowUid++}`;
-        this.rowControls.set(id, new FormControl(f.label ?? '', { nonNullable: true }));
+    t(key) {
+        this.i18n.lang();
+        return this.i18n.t(key, NAMESPACE$1);
+    }
+    typeLabel(type) {
+        this.i18n.lang();
+        return this.i18n.t(`type${type}`, EDITOR_NAMESPACE);
+    }
+    questionTypes() {
+        return this.props.questionTypes?.length ? this.props.questionTypes : SURVEY_QUESTION_TYPES;
+    }
+    editorProps(row) {
+        return { mode: 'edit', field: row, allowedTypes: this.questionTypes() };
+    }
+    iconAction(token, icon, label, disabled = false, color = 'dark') {
         return {
-            id,
-            label: f.label ?? '',
-            type: f.type === FIELD_TYPE_EMOJI_RATING ? 'EMOJI_RATING' : 'TEXTAREA',
-            required: !!f.required,
+            token,
+            text: '',
+            ariaLabel: label,
+            color,
+            fill: 'clear',
+            shape: 'round',
+            size: 'small',
+            type: 'button',
+            state: disabled ? ComponentStates.DISABLED : ComponentStates.ENABLED,
+            icon: { name: icon, slot: 'icon-only' },
         };
     }
-    rowLabelControl(row) {
-        let control = this.rowControls.get(row.id);
-        if (!control) {
-            control = new FormControl(row.label, { nonNullable: true });
-            this.rowControls.set(row.id, control);
-        }
-        return control;
-    }
     addQuestion() {
-        const id = `row-${rowUid++}`;
-        this.rowControls.set(id, new FormControl('', { nonNullable: true }));
-        this.questions.update(rows => [...rows, { id, label: '', type: 'TEXTAREA', required: true }]);
+        const row = {
+            id: `row-${rowUid++}`,
+            name: '',
+            label: '',
+            placeholderText: '',
+            hintText: '',
+            type: this.questionTypes()[0],
+            required: true,
+        };
+        this.questions.update(rows => [...rows, row]);
+        // Una pregunta recién agregada está vacía: abrirla es el único paso
+        // siguiente posible, y dejarla cerrada la haría ver como una fila rota.
+        this.editingId.set(row.id);
+    }
+    toggleEdit(row) {
+        this.editingId.update(current => (current === row.id ? '' : row.id));
     }
     removeQuestion(row) {
-        this.rowControls.delete(row.id);
         this.questions.update(rows => rows.filter(r => r.id !== row.id));
+        if (this.editingId() === row.id)
+            this.editingId.set('');
+    }
+    duplicate(row) {
+        const copy = {
+            ...row,
+            id: `row-${rowUid++}`,
+            // Sin token propio la copia pisaría las respuestas del original: dos
+            // campos con el mismo `name` son el mismo campo para el backend.
+            name: this.formBuilder.uniqueFieldName(row.name || row.label, this.questions()),
+            options: row.options ? row.options.map(o => ({ ...o })) : undefined,
+        };
+        this.questions.update(rows => {
+            const index = rows.findIndex(r => r.id === row.id);
+            return [...rows.slice(0, index + 1), copy, ...rows.slice(index + 1)];
+        });
+    }
+    move(index, delta) {
+        const target = index + delta;
+        this.questions.update(rows => {
+            if (target < 0 || target >= rows.length)
+                return rows;
+            const next = [...rows];
+            [next[index], next[target]] = [next[target], next[index]];
+            return next;
+        });
     }
-    setType(row, type) {
-        this.questions.update(rows => rows.map(r => (r.id === row.id ? { ...r, type } : r)));
+    /**
+     * Guarda lo que se está escribiendo, sin cerrar el editor ni validar.
+     *
+     * Sin esto, lo tipeado solo existía dentro del editor hasta que alguien
+     * tocaba "Listo": la fila seguía diciendo "Pregunta sin texto" y, peor,
+     * "Guardar encuesta" fallaba con "todas las preguntas necesitan texto" sobre
+     * una pregunta que en pantalla claramente tenía texto. Tocar "Listo" era un
+     * paso obligatorio que no se veía por ningún lado.
+     */
+    draftQuestion(field) {
+        this.questions.update(rows => rows.map(r => (r.id === field.id ? { ...r, ...field } : r)));
+        if (this.validationError())
+            this.validationError.set('');
+    }
+    applyQuestion(field) {
+        this.questions.update(rows => rows.map(r => r.id === field.id
+            ? {
+                ...field,
+                name: this.formBuilder.uniqueFieldName(field.name || field.label, rows.filter(o => o.id !== r.id)),
+            }
+            : r));
+        this.editingId.set('');
+        this.validationError.set('');
     }
     async save() {
         if (this.saving())
             return;
+        this.validationError.set('');
         const title = this.titleControl.value.trim();
         if (!title) {
             this.titleControl.markAsTouched();
+            this.validationError.set(this.t('noTitle'));
             return;
         }
         const rows = this.questions();
-        const labels = rows.map(r => (this.rowControls.get(r.id)?.value ?? '').trim());
-        if (rows.length === 0 || labels.some(l => !l))
+        if (!rows.length) {
+            this.validationError.set(this.t('noQuestions'));
+            return;
+        }
+        if (rows.some(r => !r.label.trim())) {
+            this.validationError.set(this.t('emptyQuestionLabel'));
+            return;
+        }
+        // El editor ya lo valida al cerrar cada pregunta, pero una pregunta abierta
+        // (o cargada de una encuesta vieja) puede llegar acá sin opciones.
+        if (rows.some(r => FIELD_TYPES_WITH_OPTIONS.includes(r.type) && !r.options?.length)) {
+            this.validationError.set(this.t('missingOptions'));
             return;
+        }
         this.saving.set(true);
         const fieldSchema = [];
         rows.forEach((row, index) => {
-            const name = this.formBuilder.uniqueFieldName(labels[index], fieldSchema);
-            fieldSchema.push(this.formBuilder.createFieldSchema({ name, label: labels[index], type: row.type, required: row.required }, index));
+            const name = this.formBuilder.uniqueFieldName(row.name || row.label, fieldSchema);
+            fieldSchema.push(this.formBuilder.createFieldSchema({
+                name,
+                label: row.label.trim(),
+                type: row.type,
+                required: row.required,
+                placeholderText: row.placeholderText,
+                hintText: row.hintText,
+                options: row.options,
+            }, index));
         });
         const typeId = this.props.typeId ?? `${this.props.typePrefix ?? DEFAULT_TYPE_PREFIX}:${this.formBuilder.toToken(title)}`;
         const subtitle = this.subtitleControl.value.trim();
@@ -39346,68 +40233,89 @@ class SurveyBuilderComponent {
             });
         }
     }
-    t(key) {
-        return this.i18n.t(key, NAMESPACE$1);
+    rowFromField(f) {
+        return {
+            id: `row-${rowUid++}`,
+            name: f.name,
+            label: f.label ?? '',
+            placeholderText: f.placeholderText ?? '',
+            hintText: f.hintText ?? '',
+            type: f.type,
+            required: !!f.required,
+            options: f.options,
+        };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SurveyBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SurveyBuilderComponent, isStandalone: true, selector: "val-survey-builder", inputs: { props: "props" }, outputs: { saved: "saved" }, ngImport: i0, template: `
     <div class="survey-builder">
-      <div class="survey-builder__field">
-        <val-title [props]="{ content: t('titleLabel'), size: 'small', color: 'dark', bold: false }" />
+      <val-form-field [label]="t('titleLabel')">
         <val-text-input [props]="{ control: titleControl, placeholder: t('titlePlaceholder') }" />
-      </div>
-      <div class="survey-builder__field">
-        <val-title [props]="{ content: t('subtitleLabel'), size: 'small', color: 'dark', bold: false }" />
+      </val-form-field>
+      <val-form-field [label]="t('subtitleLabel')">
         <val-text-input [props]="{ control: subtitleControl, placeholder: t('subtitlePlaceholder') }" />
-      </div>
+      </val-form-field>
 
       <div class="survey-builder__questions">
         <span class="survey-builder__questions-label">{{ t('questionsLabel') }}</span>
 
-        @for (row of questions(); track row.id) {
+        @if (!questions().length) {
+          <p class="survey-builder__empty">{{ t('noQuestions') }}</p>
+        }
+
+        @for (row of questions(); track row.id; let i = $index; let first = $first; let last = $last) {
           <div class="survey-builder__row">
-            <val-text-input [props]="{ control: rowLabelControl(row), placeholder: t('questionLabelPlaceholder') }" />
-            <div class="survey-builder__row-actions">
-              <val-button
-                [props]="{
-                  token: 'q-type-emoji-' + row.id,
-                  text: t('typeEmoji'),
-                  color: row.type === emojiType ? 'primary' : 'medium',
-                  fill: row.type === emojiType ? 'solid' : 'outline',
-                  shape: 'round',
-                  size: 'small',
-                  type: 'button',
-                  state: 'ENABLED',
-                }"
-                (onClick)="setType(row, emojiType)"
-              />
-              <val-button
-                [props]="{
-                  token: 'q-type-text-' + row.id,
-                  text: t('typeText'),
-                  color: row.type === 'TEXTAREA' ? 'primary' : 'medium',
-                  fill: row.type === 'TEXTAREA' ? 'solid' : 'outline',
-                  shape: 'round',
-                  size: 'small',
-                  type: 'button',
-                  state: 'ENABLED',
-                }"
-                (onClick)="setType(row, 'TEXTAREA')"
-              />
-              <val-button
-                [props]="{
-                  token: 'q-remove-' + row.id,
-                  text: t('removeQuestion'),
-                  color: 'danger',
-                  fill: 'clear',
-                  shape: 'round',
-                  size: 'small',
-                  type: 'button',
-                  state: 'ENABLED',
-                }"
-                (onClick)="removeQuestion(row)"
-              />
+            <div class="survey-builder__row-head">
+              <div class="survey-builder__row-text">
+                <strong>{{ row.label || t('untitledQuestion') }}</strong>
+                <span>{{ typeLabel(row.type) }}{{ row.required ? ' · ' + t('requiredTag') : '' }}</span>
+              </div>
+              <div class="survey-builder__row-actions">
+                <val-button
+                  [props]="iconAction('q-up-' + row.id, 'arrow-up-outline', t('moveUp'), first)"
+                  (onClick)="move(i, -1)"
+                />
+                <val-button
+                  [props]="iconAction('q-down-' + row.id, 'arrow-down-outline', t('moveDown'), last)"
+                  (onClick)="move(i, 1)"
+                />
+                <val-button
+                  [props]="iconAction('q-copy-' + row.id, 'copy-outline', t('duplicateQuestion'))"
+                  (onClick)="duplicate(row)"
+                />
+                <val-button
+                  [props]="iconAction('q-edit-' + row.id, 'create-outline', t('editQuestion'))"
+                  (onClick)="toggleEdit(row)"
+                />
+                <val-button
+                  [props]="iconAction('q-remove-' + row.id, 'trash-outline', t('removeQuestion'), false, 'danger')"
+                  (onClick)="removeQuestion(row)"
+                />
+              </div>
             </div>
+
+            @if (editingId() === row.id) {
+              <div class="survey-builder__row-editor">
+                <val-field-schema-editor
+                  #editor
+                  [props]="editorProps(row)"
+                  (changed)="draftQuestion($event)"
+                  (save)="applyQuestion($event)"
+                />
+                <val-button
+                  [props]="{
+                    token: 'q-done-' + row.id,
+                    text: t('doneEditing'),
+                    color: 'dark',
+                    fill: 'solid',
+                    shape: 'round',
+                    size: 'default',
+                    type: 'button',
+                    state: 'ENABLED',
+                  }"
+                  (onClick)="editor.submit()"
+                />
+              </div>
+            }
           </div>
         }
 
@@ -39427,6 +40335,10 @@ class SurveyBuilderComponent {
         />
       </div>
 
+      @if (validationError()) {
+        <p class="survey-builder__error">{{ validationError() }}</p>
+      }
+
       <val-button
         [props]="{
           token: 'survey-builder-save',
@@ -39434,6 +40346,7 @@ class SurveyBuilderComponent {
           color: 'dark',
           fill: 'solid',
           shape: 'round',
+          size: 'large',
           expand: 'block',
           type: 'button',
           state: saving() ? 'WORKING' : 'ENABLED',
@@ -39441,68 +40354,87 @@ class SurveyBuilderComponent {
         (onClick)="save()"
       />
     </div>
-  `, isInline: true, styles: [":host{display:block}.survey-builder{display:flex;flex-direction:column;gap:16px}.survey-builder__field{display:flex;flex-direction:column;gap:6px}.survey-builder__questions{display:flex;flex-direction:column;gap:12px}.survey-builder__questions-label{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ion-color-medium, #92949c)}.survey-builder__row{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:12px;background:var(--ion-card-background, var(--ion-background-color, #fff))}.survey-builder__row-actions{display:flex;gap:8px;flex-wrap:wrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TextInputComponent, selector: "val-text-input", inputs: ["preset", "props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
+  `, isInline: true, styles: [":host{display:block}.survey-builder{display:flex;flex-direction:column;gap:16px}.survey-builder__questions{display:flex;flex-direction:column;gap:12px}.survey-builder__questions-label{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ion-color-medium, #92949c)}.survey-builder__empty{margin:0;font-size:.875rem;color:var(--ion-color-medium, #92949c)}.survey-builder__row{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:var(--val-radius-md, 12px);background:var(--ion-card-background, var(--ion-background-color, #fff))}.survey-builder__row-head{display:flex;flex-direction:column;gap:8px}.survey-builder__row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.survey-builder__row-text strong{color:var(--ion-text-color, #000);font-size:.9375rem}.survey-builder__row-text span{color:var(--ion-color-medium, #92949c);font-size:.8125rem}.survey-builder__row-actions{display:flex;gap:4px;flex-wrap:wrap}.survey-builder__row-editor{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--ion-border-color, rgba(0, 0, 0, .1))}.survey-builder__error{margin:0;color:var(--ion-color-danger);font-size:.875rem;font-weight:700}@media (min-width: 576px){.survey-builder__row-head{flex-direction:row;align-items:flex-start;justify-content:space-between}.survey-builder__row-text{flex:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: TextInputComponent, selector: "val-text-input", inputs: ["preset", "props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: FormFieldComponent, selector: "val-form-field", inputs: ["label"] }, { kind: "component", type: FieldSchemaEditorComponent, selector: "val-field-schema-editor", inputs: ["props"], outputs: ["save", "changed"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SurveyBuilderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'val-survey-builder', standalone: true, imports: [CommonModule, ReactiveFormsModule, TextInputComponent, ButtonComponent, TitleComponent], template: `
+            args: [{ selector: 'val-survey-builder', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        TextInputComponent,
+                        ButtonComponent,
+                        FormFieldComponent,
+                        FieldSchemaEditorComponent,
+                    ], template: `
     <div class="survey-builder">
-      <div class="survey-builder__field">
-        <val-title [props]="{ content: t('titleLabel'), size: 'small', color: 'dark', bold: false }" />
+      <val-form-field [label]="t('titleLabel')">
         <val-text-input [props]="{ control: titleControl, placeholder: t('titlePlaceholder') }" />
-      </div>
-      <div class="survey-builder__field">
-        <val-title [props]="{ content: t('subtitleLabel'), size: 'small', color: 'dark', bold: false }" />
+      </val-form-field>
+      <val-form-field [label]="t('subtitleLabel')">
         <val-text-input [props]="{ control: subtitleControl, placeholder: t('subtitlePlaceholder') }" />
-      </div>
+      </val-form-field>
 
       <div class="survey-builder__questions">
         <span class="survey-builder__questions-label">{{ t('questionsLabel') }}</span>
 
-        @for (row of questions(); track row.id) {
+        @if (!questions().length) {
+          <p class="survey-builder__empty">{{ t('noQuestions') }}</p>
+        }
+
+        @for (row of questions(); track row.id; let i = $index; let first = $first; let last = $last) {
           <div class="survey-builder__row">
-            <val-text-input [props]="{ control: rowLabelControl(row), placeholder: t('questionLabelPlaceholder') }" />
-            <div class="survey-builder__row-actions">
-              <val-button
-                [props]="{
-                  token: 'q-type-emoji-' + row.id,
-                  text: t('typeEmoji'),
-                  color: row.type === emojiType ? 'primary' : 'medium',
-                  fill: row.type === emojiType ? 'solid' : 'outline',
-                  shape: 'round',
-                  size: 'small',
-                  type: 'button',
-                  state: 'ENABLED',
-                }"
-                (onClick)="setType(row, emojiType)"
-              />
-              <val-button
-                [props]="{
-                  token: 'q-type-text-' + row.id,
-                  text: t('typeText'),
-                  color: row.type === 'TEXTAREA' ? 'primary' : 'medium',
-                  fill: row.type === 'TEXTAREA' ? 'solid' : 'outline',
-                  shape: 'round',
-                  size: 'small',
-                  type: 'button',
-                  state: 'ENABLED',
-                }"
-                (onClick)="setType(row, 'TEXTAREA')"
-              />
-              <val-button
-                [props]="{
-                  token: 'q-remove-' + row.id,
-                  text: t('removeQuestion'),
-                  color: 'danger',
-                  fill: 'clear',
-                  shape: 'round',
-                  size: 'small',
-                  type: 'button',
-                  state: 'ENABLED',
-                }"
-                (onClick)="removeQuestion(row)"
-              />
+            <div class="survey-builder__row-head">
+              <div class="survey-builder__row-text">
+                <strong>{{ row.label || t('untitledQuestion') }}</strong>
+                <span>{{ typeLabel(row.type) }}{{ row.required ? ' · ' + t('requiredTag') : '' }}</span>
+              </div>
+              <div class="survey-builder__row-actions">
+                <val-button
+                  [props]="iconAction('q-up-' + row.id, 'arrow-up-outline', t('moveUp'), first)"
+                  (onClick)="move(i, -1)"
+                />
+                <val-button
+                  [props]="iconAction('q-down-' + row.id, 'arrow-down-outline', t('moveDown'), last)"
+                  (onClick)="move(i, 1)"
+                />
+                <val-button
+                  [props]="iconAction('q-copy-' + row.id, 'copy-outline', t('duplicateQuestion'))"
+                  (onClick)="duplicate(row)"
+                />
+                <val-button
+                  [props]="iconAction('q-edit-' + row.id, 'create-outline', t('editQuestion'))"
+                  (onClick)="toggleEdit(row)"
+                />
+                <val-button
+                  [props]="iconAction('q-remove-' + row.id, 'trash-outline', t('removeQuestion'), false, 'danger')"
+                  (onClick)="removeQuestion(row)"
+                />
+              </div>
             </div>
+
+            @if (editingId() === row.id) {
+              <div class="survey-builder__row-editor">
+                <val-field-schema-editor
+                  #editor
+                  [props]="editorProps(row)"
+                  (changed)="draftQuestion($event)"
+                  (save)="applyQuestion($event)"
+                />
+                <val-button
+                  [props]="{
+                    token: 'q-done-' + row.id,
+                    text: t('doneEditing'),
+                    color: 'dark',
+                    fill: 'solid',
+                    shape: 'round',
+                    size: 'default',
+                    type: 'button',
+                    state: 'ENABLED',
+                  }"
+                  (onClick)="editor.submit()"
+                />
+              </div>
+            }
           </div>
         }
 
@@ -39522,6 +40454,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         />
       </div>
 
+      @if (validationError()) {
+        <p class="survey-builder__error">{{ validationError() }}</p>
+      }
+
       <val-button
         [props]="{
           token: 'survey-builder-save',
@@ -39529,6 +40465,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           color: 'dark',
           fill: 'solid',
           shape: 'round',
+          size: 'large',
           expand: 'block',
           type: 'button',
           state: saving() ? 'WORKING' : 'ENABLED',
@@ -39536,7 +40473,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         (onClick)="save()"
       />
     </div>
-  `, styles: [":host{display:block}.survey-builder{display:flex;flex-direction:column;gap:16px}.survey-builder__field{display:flex;flex-direction:column;gap:6px}.survey-builder__questions{display:flex;flex-direction:column;gap:12px}.survey-builder__questions-label{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ion-color-medium, #92949c)}.survey-builder__row{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:12px;background:var(--ion-card-background, var(--ion-background-color, #fff))}.survey-builder__row-actions{display:flex;gap:8px;flex-wrap:wrap}\n"] }]
+  `, styles: [":host{display:block}.survey-builder{display:flex;flex-direction:column;gap:16px}.survey-builder__questions{display:flex;flex-direction:column;gap:12px}.survey-builder__questions-label{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ion-color-medium, #92949c)}.survey-builder__empty{margin:0;font-size:.875rem;color:var(--ion-color-medium, #92949c)}.survey-builder__row{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:var(--val-radius-md, 12px);background:var(--ion-card-background, var(--ion-background-color, #fff))}.survey-builder__row-head{display:flex;flex-direction:column;gap:8px}.survey-builder__row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.survey-builder__row-text strong{color:var(--ion-text-color, #000);font-size:.9375rem}.survey-builder__row-text span{color:var(--ion-color-medium, #92949c);font-size:.8125rem}.survey-builder__row-actions{display:flex;gap:4px;flex-wrap:wrap}.survey-builder__row-editor{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--ion-border-color, rgba(0, 0, 0, .1))}.survey-builder__error{margin:0;color:var(--ion-color-danger);font-size:.875rem;font-weight:700}@media (min-width: 576px){.survey-builder__row-head{flex-direction:row;align-items:flex-start;justify-content:space-between}.survey-builder__row-text{flex:1}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { props: [{
                 type: Input
             }], saved: [{
@@ -89158,66 +90095,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * aporta la sesión de escaneo, el feedback y el historial.
  */
 
-/**
- * Primitivo de campo de formulario: label (estilo val-form) + contenido proyectado.
- *
- * Usar cuando necesitás un campo fuera de val-form pero con el mismo estilo:
- * image-picker, date-picker, selectores custom, chips, etc.
- *
- * NOTA: para ion-input / ion-textarea NO usar ng-content projection — el Shadow DOM
- * de Ionic no responde al grid del host. Usá en cambio un `<div class="pf-field">`
- * plano en el template con `<p class="pf-label">` + ion-input directo.
- *
- * ```html
- * <val-form-field label="Imagen">
- *   <app-image-picker ... />
- * </val-form-field>
- *
- * <!-- Para ion-input: NO val-form-field, usar div plano -->
- * <div class="pf-field">
- *   <p class="pf-label">Nombre</p>
- *   <ion-input fill="outline" ... />
- * </div>
- * ```
- *
- * El label usa el mismo val-title que val-form (size=small, color=dark, bold=false).
- * El spacing entre campos se controla con --val-form-field-gap (default 0.5rem).
- * El padding horizontal se hereda vía --val-form-field-padding (default 0).
- * Setearlo en el contenedor padre para consistencia sin override en cada campo:
- *   `.my-card { --val-form-field-padding: 0 16px; }`
- */
-class FormFieldComponent {
-    constructor() {
-        this.label = input('');
-        this.titleProps = computed(() => ({
-            content: this.label(),
-            size: 'small',
-            color: 'dark',
-            bold: false,
-        }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FormFieldComponent, isStandalone: true, selector: "val-form-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    @if (label()) {
-      <div class="vff-label">
-        <val-title [props]="titleProps()" />
-      </div>
-    }
-    <ng-content />
-  `, isInline: true, styles: [":host{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;margin:var(--val-form-field-gap, .5rem) 0;padding:var(--val-form-field-padding, 0)}.vff-label{margin-bottom:.25rem}.vff-label ::ng-deep p{margin:0}\n"], dependencies: [{ kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-form-field', standalone: true, imports: [TitleComponent], template: `
-    @if (label()) {
-      <div class="vff-label">
-        <val-title [props]="titleProps()" />
-      </div>
-    }
-    <ng-content />
-  `, styles: [":host{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;margin:var(--val-form-field-gap, .5rem) 0;padding:var(--val-form-field-padding, 0)}.vff-label{margin-bottom:.25rem}.vff-label ::ng-deep p{margin:0}\n"] }]
-        }] });
-
 /**
  * Token de inyeccion para la configuracion del Chat.
  */
@@ -92031,5 +92908,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACCESS_REQUEST_TYPE, ACCESS_REQUEST_VIEW_I18N, ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, APP_VERSION_PLATFORM_PLUGIN, APP_VERSION_REMOTE_PLUGIN, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AboutViewComponent, AccessControlService, AccessRequestViewComponent, AccordionComponent, AccountViewComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimalCardComponent, AnimatedTerminalComponent, ApiKeyCreateModalComponent, ApiKeyService, ApiKeysModalComponent, ApiKeysViewComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BackButtonComponent, BannerComponent, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, BubbleBlitzGameComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CanAccessDirective, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, ChatComposerComponent, ChatInputComponent, ChatWindowComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ChipSelectComponent, ClientTelemetryService, CodeDisplayComponent, CodeValidatorComponent, CollectionsService, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CommsPreferencesService, CommsPreferencesSettingsComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ConfirmationDialogV2Component, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentReactionModalComponent, ContentService, ContentTransformer, ConversationListItemComponent, ConversationService, CookieBannerComponent, CookieSettingsComponent, CountdownComponent, CreateOrgModalComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_BUTTON_PRESETS, DEFAULT_CANCEL_BUTTON, DEFAULT_CANONICAL_FIELD_ALIASES, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, DEFAULT_EMOJI_RATING_FACES, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_LOGIN_LOGO, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_POST_UPDATE_GRACE_MS, DEFAULT_PRESETS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DangerSectionComponent, DataTableComponent, DatasetPaginationService, DateInputComponent, DatePickerComponent, DateRangeInputComponent, DebugConsoleComponent, DeleteAccountModalComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EXPECTED_NOT_FOUND, EditOrgModalComponent, EmojiRatingComponent, EmptyStateComponent, EntityCardComponent, EntityFeedService, EntradaSerializada, ExpandableTextComponent, ExternalBrowserService, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeatureControlService, FeatureGuardDirective, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FieldListComponent, FieldOptionsEditorComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FolderTabsComponent, FontSizeOption, FontSizeSelectorComponent, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormFieldComponent, FormSchemaBuilderService, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GAME_AVATAR_CATALOG_SIZE_PER_STYLE, GameAvatarComponent, GameProfileService, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, GroupMembersComponent, GroupPickerComponent, GroupsService, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandleService, HandoffService, HapticsService, HasPermissionDirective, HeaderActionsService, HeaderComponent, HintComponent, HorizontalScrollComponent, HrefComponent, HtmlViewerModalComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, IONIC_COLORS$5 as IONIC_COLORS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, InviteMemberModalComponent, ItemListComponent, KNOWN_ROUTES, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGGED_IN_HINT_COOKIE, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LanguageSelectorV2Component, LayeredCardComponent, LegalContentService, LegalLinkService, LightRippleDirective, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LiveReadFallbackService, LoadMoreComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METADATA_LIST_DEFAULTS, META_SCHEMA_VERSION, METRIC_CARD_DEFAULTS, MINI_GAMES_I18N, MINI_GAME_PLAYER_AVATARS, MINI_GAME_PLAYER_COLORS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MediaViewerModalComponent, MemberCardComponent, MemberDetailModalComponent, MemberImportModalComponent, MemoryGameComponent, MenuComponent, MessageBubbleComponent, MessagingService, MetaService, MetadataListComponent, MeteringService, MetricCardComponent, MfaModalComponent, MiniGameCalloutComponent, MiniGamePlayerProfileService, MiniGameScorePopComponent, MiniGamesMenuComponent, ModalLayoutComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NoticeComponent, NotificationActionService, NotificationPreferencesViewComponent, NotificationsService, NotificationsViewComponent, NumberFromToComponent, NumberPickerComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OperationReferenceComponent, OptionCardsComponent, OptionSheetComponent, OptionSheetService, OrgInfoSheetComponent, OrgService, OrgSwitchService, OrganizationViewComponent, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PERSONA_CONFIG, PLATFORM_CONFIGS, POST_UPDATE_TS_KEY, PageBlockComponent, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PdfService, PermissionCatalogService, PermissionSelectorComponent, PermissionsModalComponent, PermissionsViewComponent, PersonaService, PhoneDisplayComponent, PhoneFormatService, PhoneInputComponent, PickerV2Component, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, PricingTableComponent, ProcessLinksPipe, ProfileCardComponent, ProfileContentComponent, ProfileModalComponent, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrBrandValidationError, QrCodeComponent, QrGeneratorService, QrScannerComponent, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RbacService, ReactionBarComponent, ReactionsService, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestFormComponent, RequestModalComponent, RequestReviewPanelComponent, RequestService, RetroAudioService, RichEditorComponent, RightsFooterComponent, RoleManagerComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SETTINGS_SECTIONS_CATALOG, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchHeaderComponent, SearchSelectorComponent, SearchbarComponent, SectionHeaderComponent, SecurityViewComponent, SegmentControlComponent, SelectSearchComponent, SelectSearchPickerModalComponent, SessionListModalComponent, SessionService, SessionTransitionOverlayComponent, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimonGameComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SplashComponent, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SupportTicketCtaComponent, SurveyBuilderComponent, SurveyResponseComponent, SwipeCarouselComponent, SwitchOrgModalComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeSelectorComponent, ThemeService, ThreadPanelComponent, TicketCardComponent, TicketCardImageService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TransferOwnershipModalComponent, TranslatePipe, TypedCollection, TypingIndicatorComponent, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UsageMetersComponent, UsageService, UserAvatarComponent, UsernameInputComponent, VALTECH_ACCESS_FEATURES, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_CHAT_CONFIG, VALTECH_COLLECTIONS_CONFIG, VALTECH_COMMS_PREFERENCES_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, VALTECH_COPYRIGHT_TEMPLATE, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DIAGRAMS, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_LEGAL_ENTITY, VALTECH_MENU_I18N, VALTECH_NETWORK_ERROR_KEY, VALTECH_REACTIONS_CONFIG, VALTECH_SETTINGS_MENU_LINKS, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VALTECH_WHATSAPP_CONFIG, VAL_REGISTERED_ICONS, VERSION, ValCommentThreadComponent, ValQuotaWarningComponent, ValtechErrorService, VerifyViewComponent, VideoPlayerComponent, VideoUploadService, WhatsappFabComponent, WhatsappService, WizardComponent, WizardFooterComponent, WorkflowService, accessGuard, accessGuardFromRoute, applyDefaultValueToControl, articleToTiptapDoc, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildPlatformMenu, buildSettingsCards, buildSideNavItemsFromBottomNav, button, canSubmitRequestType, classifyChip, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGameAvatarCatalog, createGameAvatarProps, createGlowCardProps, createInitialDatasetState, createInitialPaginationState, createNumberFromToField, createPageState, createPermissionLabeler, createRefreshableStream, createTitleProps, datasetPageFromLegacyCursor, defaultQrBrand, docs, errorLoggingInterceptor, evaluateValtechAccess, extractPathParams, firmaDeSesionDeCustomToken, formatClockTime, formatDateSeparator, formatRelativeTime, gameAvatarCatalogEntryToMetadata, gameAvatarDataUri, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, groupPermissionsByScope, guestGuard, hasEmulators, iconButton, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isIonicColor, isKnownRoute, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, providePersona, provideSplashScreen, provideValtechAboutRoutes, provideValtechAccessFeatures, provideValtechAccountRoutes, provideValtechAds, provideValtechApiKeysRoutes, provideValtechAppConfig, provideValtechAppVersion, provideValtechAppVersionHttp, provideValtechAuth, provideValtechAuthInterceptor, provideValtechChat, provideValtechCollections, provideValtechCommsPreferences, provideValtechContent, provideValtechDebugConsole, provideValtechDiagrams, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechNotificationClickActions, provideValtechNotificationPreferencesRoutes, provideValtechNotificationsRoutes, provideValtechOrganizationRoutes, provideValtechPermissionsRoutes, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechReactions, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, provideValtechWhatsapp, qrContrastRatio, qrErrorCorrectionFor, query, rbacGuard, renderGameAvatarSvg, renderPatternSvgInner, replaceSpecialChars, requestSubmitMode, resolveColor, resolveCopyrightTemplate, resolveInputDefaultValue, resolveIonicColor, resolveWebBaseUrl, roleGuard, roleOf, selectableRequestTypes, storagePaths, suggestEmailFix, superAdminGuard, supportedGameAvatarStyles, tiptapDocToArticle, tiptapDocToArticleElements, toArticle, validateQrBrand, validateRoutes };
+export { ACCESS_REQUEST_TYPE, ACCESS_REQUEST_VIEW_I18N, ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, APP_VERSION_PLATFORM_PLUGIN, APP_VERSION_REMOTE_PLUGIN, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, ARTICLE_STRIP_DEFAULTS, AUTH_CTA_DEFAULTS, AVATAR_UPLOAD_DEFAULTS, AboutViewComponent, AccessControlService, AccessRequestViewComponent, AccordionComponent, AccountViewComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimalCardComponent, AnimatedTerminalComponent, ApiKeyCreateModalComponent, ApiKeyService, ApiKeysModalComponent, ApiKeysViewComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BackButtonComponent, BannerComponent, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, BubbleBlitzGameComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CanAccessDirective, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, ChatComposerComponent, ChatInputComponent, ChatWindowComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, ChipSelectComponent, ClientTelemetryService, CodeDisplayComponent, CodeValidatorComponent, CollectionsService, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CommsPreferencesService, CommsPreferencesSettingsComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ConfirmationDialogV2Component, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentReactionModalComponent, ContentService, ContentTransformer, ConversationListItemComponent, ConversationService, CookieBannerComponent, CookieSettingsComponent, CountdownComponent, CreateOrgModalComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_BUTTON_PRESETS, DEFAULT_CANCEL_BUTTON, DEFAULT_CANONICAL_FIELD_ALIASES, DEFAULT_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, DEFAULT_EMOJI_RATING_FACES, DEFAULT_EMPTY_STATE, DEFAULT_EMULATOR_CONFIG, DEFAULT_FEEDBACK_CONFIG, DEFAULT_FEEDBACK_TYPE_OPTIONS, DEFAULT_HOME_HEADER, DEFAULT_INFINITE_LIST_METADATA, DEFAULT_LOGIN_LOGO, DEFAULT_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_POST_UPDATE_GRACE_MS, DEFAULT_PRESETS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DangerSectionComponent, DataTableComponent, DatasetPaginationService, DateInputComponent, DatePickerComponent, DateRangeInputComponent, DebugConsoleComponent, DeleteAccountModalComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EXPECTED_NOT_FOUND, EditOrgModalComponent, EmojiRatingComponent, EmptyStateComponent, EntityCardComponent, EntityFeedService, EntradaSerializada, ExpandableTextComponent, ExternalBrowserService, FEATURES_LIST_DEFAULTS, FIELD_TYPES_WITH_OPTIONS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeatureControlService, FeatureGuardDirective, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FieldListComponent, FieldOptionsEditorComponent, FieldSchemaEditorComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FolderTabsComponent, FontSizeOption, FontSizeSelectorComponent, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormFieldComponent, FormSchemaBuilderService, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GAME_AVATAR_CATALOG_SIZE_PER_STYLE, GameAvatarComponent, GameProfileService, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, GroupMembersComponent, GroupPickerComponent, GroupsService, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandleService, HandoffService, HapticsService, HasPermissionDirective, HeaderActionsService, HeaderComponent, HintComponent, HorizontalScrollComponent, HrefComponent, HtmlViewerModalComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, IONIC_COLORS$5 as IONIC_COLORS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, InviteMemberModalComponent, ItemListComponent, KNOWN_ROUTES, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGGED_IN_HINT_COOKIE, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LanguageSelectorV2Component, LayeredCardComponent, LegalContentService, LegalLinkService, LightRippleDirective, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LiveReadFallbackService, LoadMoreComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METADATA_LIST_DEFAULTS, META_SCHEMA_VERSION, METRIC_CARD_DEFAULTS, MINI_GAMES_I18N, MINI_GAME_PLAYER_AVATARS, MINI_GAME_PLAYER_COLORS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MediaViewerModalComponent, MemberCardComponent, MemberDetailModalComponent, MemberImportModalComponent, MemoryGameComponent, MenuComponent, MessageBubbleComponent, MessagingService, MetaService, MetadataListComponent, MeteringService, MetricCardComponent, MfaModalComponent, MiniGameCalloutComponent, MiniGamePlayerProfileService, MiniGameScorePopComponent, MiniGamesMenuComponent, ModalLayoutComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NoticeComponent, NotificationActionService, NotificationPreferencesViewComponent, NotificationsService, NotificationsViewComponent, NumberFromToComponent, NumberPickerComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OperationReferenceComponent, OptionCardsComponent, OptionSheetComponent, OptionSheetService, OrgInfoSheetComponent, OrgService, OrgSwitchService, OrganizationViewComponent, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PERSONA_CONFIG, PLATFORM_CONFIGS, POST_UPDATE_TS_KEY, PageBlockComponent, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PdfService, PermissionCatalogService, PermissionSelectorComponent, PermissionsModalComponent, PermissionsViewComponent, PersonaService, PhoneDisplayComponent, PhoneFormatService, PhoneInputComponent, PickerV2Component, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, PricingTableComponent, ProcessLinksPipe, ProfileCardComponent, ProfileContentComponent, ProfileModalComponent, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrBrandValidationError, QrCodeComponent, QrGeneratorService, QrScannerComponent, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RbacService, ReactionBarComponent, ReactionsService, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestFormComponent, RequestModalComponent, RequestReviewPanelComponent, RequestService, RetroAudioService, RichEditorComponent, RightsFooterComponent, RoleManagerComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SETTINGS_SECTIONS_CATALOG, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SURVEY_QUESTION_TYPES, SearchHeaderComponent, SearchSelectorComponent, SearchbarComponent, SectionHeaderComponent, SecurityViewComponent, SegmentControlComponent, SelectSearchComponent, SelectSearchPickerModalComponent, SessionListModalComponent, SessionService, SessionTransitionOverlayComponent, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimonGameComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SplashComponent, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SupportTicketCtaComponent, SurveyBuilderComponent, SurveyResponseComponent, SwipeCarouselComponent, SwitchOrgModalComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeSelectorComponent, ThemeService, ThreadPanelComponent, TicketCardComponent, TicketCardImageService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TransferOwnershipModalComponent, TranslatePipe, TypedCollection, TypingIndicatorComponent, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UsageMetersComponent, UsageService, UserAvatarComponent, UsernameInputComponent, VALTECH_ACCESS_FEATURES, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_CHAT_CONFIG, VALTECH_COLLECTIONS_CONFIG, VALTECH_COMMS_PREFERENCES_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, VALTECH_COPYRIGHT_TEMPLATE, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DIAGRAMS, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_LEGAL_ENTITY, VALTECH_MENU_I18N, VALTECH_NETWORK_ERROR_KEY, VALTECH_REACTIONS_CONFIG, VALTECH_SETTINGS_MENU_LINKS, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VALTECH_WHATSAPP_CONFIG, VAL_REGISTERED_ICONS, VERSION, ValCommentThreadComponent, ValQuotaWarningComponent, ValtechErrorService, VerifyViewComponent, VideoPlayerComponent, VideoUploadService, WhatsappFabComponent, WhatsappService, WizardComponent, WizardFooterComponent, WorkflowService, accessGuard, accessGuardFromRoute, applyDefaultValueToControl, articleToTiptapDoc, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildPlatformMenu, buildSettingsCards, buildSideNavItemsFromBottomNav, button, canSubmitRequestType, classifyChip, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGameAvatarCatalog, createGameAvatarProps, createGlowCardProps, createInitialDatasetState, createInitialPaginationState, createNumberFromToField, createPageState, createPermissionLabeler, createRefreshableStream, createTitleProps, datasetPageFromLegacyCursor, defaultQrBrand, docs, errorLoggingInterceptor, evaluateValtechAccess, extractPathParams, firmaDeSesionDeCustomToken, formatClockTime, formatDateSeparator, formatRelativeTime, gameAvatarCatalogEntryToMetadata, gameAvatarDataUri, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, groupPermissionsByScope, guestGuard, hasEmulators, iconButton, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isIonicColor, isKnownRoute, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, providePersona, provideSplashScreen, provideValtechAboutRoutes, provideValtechAccessFeatures, provideValtechAccountRoutes, provideValtechAds, provideValtechApiKeysRoutes, provideValtechAppConfig, provideValtechAppVersion, provideValtechAppVersionHttp, provideValtechAuth, provideValtechAuthInterceptor, provideValtechChat, provideValtechCollections, provideValtechCommsPreferences, provideValtechContent, provideValtechDebugConsole, provideValtechDiagrams, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechNotificationClickActions, provideValtechNotificationPreferencesRoutes, provideValtechNotificationsRoutes, provideValtechOrganizationRoutes, provideValtechPermissionsRoutes, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechReactions, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, provideValtechWhatsapp, qrContrastRatio, qrErrorCorrectionFor, query, rbacGuard, renderGameAvatarSvg, renderPatternSvgInner, replaceSpecialChars, requestSubmitMode, resolveColor, resolveCopyrightTemplate, resolveInputDefaultValue, resolveIonicColor, resolveWebBaseUrl, roleGuard, roleOf, selectableRequestTypes, storagePaths, suggestEmailFix, superAdminGuard, supportedGameAvatarStyles, tiptapDocToArticle, tiptapDocToArticleElements, toArticle, validateQrBrand, validateRoutes };
 //# sourceMappingURL=valtech-components.mjs.map