valtech-components 4.0.999 → 4.0.1001

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.999';
+const VERSION = '4.0.1001';
 
 function evaluateValtechAccess(rule, context, features = {}, visitedFeatures = new Set()) {
     if (rule == null)
@@ -12688,6 +12688,8 @@ var InputType;
      * apilan en vertical y su objetivo táctil es el círculo, no la etiqueta.
      */
     InputType[InputType["CHIP_SELECT"] = 27] = "CHIP_SELECT";
+    /** Selector numérico con controles -/+ (`val-number-picker`). */
+    InputType[InputType["NUMBER_PICKER"] = 28] = "NUMBER_PICKER";
 })(InputType || (InputType = {}));
 /**
  * Possible action types for a toolbar.
@@ -22480,6 +22482,7 @@ function parseValueByType(value, type) {
         case InputType.DATE:
             return new Date(value).toISOString();
         case InputType.NUMBER:
+        case InputType.NUMBER_PICKER:
             return parseFloat(value) || 0;
         case InputType.CHECK:
             return value === 'true' || value === '1';
@@ -22508,6 +22511,7 @@ function getAutoDefaultValue(type) {
         case InputType.DATE:
             return new Date().toISOString();
         case InputType.NUMBER:
+        case InputType.NUMBER_PICKER:
             return 0;
         case InputType.CHECK:
             return false;
@@ -37586,6 +37590,7 @@ class FormComponent {
         this.textInputPropMemo = new WeakMap();
         this.datePickerPropMemo = new WeakMap();
         this.emojiRatingPropMemo = new WeakMap();
+        this.numberPickerPropMemo = new WeakMap();
         // Ids estables por field para el wiring de accesibilidad label↔input↔error.
         // Estables entre CD cycles (memoizados por referencia de field) → aria-* no parpadea.
         this.fieldIdMemo = new WeakMap();
@@ -37939,6 +37944,29 @@ class FormComponent {
         this.emojiRatingPropMemo.set(field, result);
         return result;
     }
+    getNumberPickerProp(field) {
+        const cached = this.numberPickerPropMemo.get(field);
+        if (cached)
+            return cached;
+        const control = this.getControl(field.name);
+        const result = {
+            control,
+            token: field.token,
+            label: '',
+            hint: field.hint,
+            min: field.range?.min,
+            max: field.range?.max,
+            step: field.step,
+            unitLabel: field.unitLabel,
+            variant: field.numberPickerVariant,
+            editable: field.numberPickerEditable,
+            inputMode: field.numberPickerInputMode,
+            precision: field.precision,
+            state: field.state,
+        };
+        this.numberPickerPropMemo.set(field, result);
+        return result;
+    }
     setBooleanValue(fieldName, value) {
         const control = this.getControl(fieldName);
         if (control.disabled)
@@ -38165,6 +38193,9 @@ class FormComponent {
                   @case (types.NUMBER) {
                     <val-text-input [props]="getTextInputProp(f, 'number')"></val-text-input>
                   }
+                  @case (types.NUMBER_PICKER) {
+                    <val-number-picker [props]="getNumberPickerProp(f)"></val-number-picker>
+                  }
                   @case (types.NUMBER_FROM_TO) {
                     <val-number-from-to [props]="getFieldProp(f)"></val-number-from-to>
                   }
@@ -38271,7 +38302,7 @@ class FormComponent {
         }
       </form>
     </div>
-  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-xl-wide: 1280px;--val-container-md-wide: 900px;--val-container-aside: 0px;--val-container-padding: 16px;--val-radius-xs: 10px;--val-radius-sm: 16px;--val-radius-md: 20px;--val-radius-lg: 28px;--val-radius-xl: 36px;--val-radius-full: 999px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--ion-color-warning: #ffde38;--ion-color-warning-rgb: 255, 222, 56;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0c331;--ion-color-warning-tint: #ffe14c;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-dark)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.container--sticky-footer{--val-form-sticky-footer-space: 7rem;padding-bottom:calc(var(--val-form-sticky-footer-space) + env(safe-area-inset-bottom))}.section{margin-top:1rem}.input{margin:var(--val-form-field-gap, .5rem) 0}@media (min-width: 768px){.input{margin:var(--val-form-field-gap, .75rem) 0}}.submit-actions{display:block;width:100%;box-sizing:border-box}.submit-actions--sticky{position:sticky;bottom:0;z-index:20;width:calc(100% + var(--val-form-sticky-footer-bleed, 0px) * 2);margin-inline:calc(var(--val-form-sticky-footer-bleed, 0px) * -1);background:var(--ion-card-background, var(--ion-background-color, #ffffff));border-top:1px solid var(--ion-color-step-150, rgba(0, 0, 0, .08));box-shadow:0 -.25rem 1rem rgba(var(--ion-text-color-rgb, 0, 0, 0),.08);padding:.75rem var(--val-form-sticky-footer-inline-padding, var(--val-form-sticky-footer-bleed, 0px)) max(.75rem,env(safe-area-inset-bottom));isolation:isolate;transform:translateZ(0)}.field-description{display:block;font-size:.75rem;color:var(--ion-color-dark);margin-bottom:.25rem;line-height:1.4}.email-suggestion{margin:6px 0 0;font-size:.875rem;color:var(--ion-text-color, #000)}.email-suggestion__apply{padding:0;margin-left:4px;background:none;border:none;font:inherit;font-weight:700;color:var(--ion-color-primary);text-decoration:underline;cursor:pointer}.boolean-answer{display:inline-flex;width:fit-content;gap:.25rem;padding:.25rem;border:1px solid var(--ion-color-light-shade, #d7d8da);border-radius:999px;background:var(--ion-color-light, #f4f5f8)}.boolean-answer__option{min-width:3.5rem;min-height:2.25rem;border:0;border-radius:999px;background:transparent;color:var(--ion-color-medium);font:inherit;font-weight:700;cursor:pointer}.boolean-answer__option--active{background:var(--ion-color-primary);color:var(--ion-color-primary-contrast, #fff);box-shadow:0 .0625rem .25rem rgba(var(--ion-color-dark-rgb, 34, 36, 40),.16)}.boolean-answer__option:focus-visible:focus{outline:none}.boolean-answer__option:focus-visible:focus-visible{outline:.125rem solid var(--ion-color-primary, #7026df);outline-offset:2px;border-radius:inherit}.simple-multi{display:flex;flex-direction:column;gap:.5rem}.simple-multi__option{display:flex;align-items:center;gap:.625rem;width:fit-content;color:var(--ion-text-color);cursor:pointer}.simple-multi__option input{inline-size:1.125rem;block-size:1.125rem;accent-color:var(--ion-color-primary)}.simple-multi__option input:focus-visible:focus{outline:none}.simple-multi__option input:focus-visible:focus-visible{outline:.125rem solid var(--ion-color-primary, #7026df);outline-offset:2px;border-radius:inherit}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: EmojiRatingComponent, selector: "val-emoji-rating", 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: CheckInputComponent, selector: "val-check-input", inputs: ["preset", "props"] }, { kind: "component", type: ButtonGroupComponent, selector: "val-button-group", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: DividerComponent, selector: "val-divider", inputs: ["props"] }, { kind: "component", type: HintComponent, selector: "val-hint", inputs: ["props", "id", "isError"] }, { kind: "component", type: CommentInputComponent, selector: "val-comment-input", inputs: ["props"] }, { kind: "component", type: DateInputComponent, selector: "val-date-input", inputs: ["preset", "props"] }, { kind: "component", type: FileInputComponent, selector: "val-file-input", inputs: ["props"] }, { kind: "component", type: NumberFromToComponent, selector: "val-number-from-to", inputs: ["props"] }, { kind: "component", type: RadioInputComponent, selector: "val-radio-input", inputs: ["props"] }, { kind: "component", type: PasswordInputComponent, selector: "val-password-input", inputs: ["preset", "props"] }, { kind: "component", type: PinInputComponent, selector: "val-pin-input", inputs: ["props"] }, { kind: "component", type: SelectSearchComponent, selector: "val-select-search", inputs: ["label", "labelProperty", "valueProperty", "multiple", "placeholder", "props"] }, { kind: "component", type: MultiSelectSearchComponent, selector: "val-multi-select-search", inputs: ["label", "labelProperty", "valueProperty", "placeholder", "props"] }, { kind: "component", type: SearchSelectorComponent, selector: "val-select-input", inputs: ["preset", "props"] }, { kind: "component", type: PhoneInputComponent, selector: "val-phone-input", inputs: ["preset", "props"], outputs: ["phoneChange"] }, { kind: "component", type: CheckboxRadioInputComponent, selector: "val-checkbox-radio-input", inputs: ["props"] }, { kind: "component", type: ChipSelectComponent, selector: "val-chip-select", inputs: ["props"] }, { kind: "component", type: UsernameInputComponent, selector: "val-username-input", inputs: ["props"] }, { kind: "component", type: AttachmentUploaderComponent, selector: "val-attachment-uploader", inputs: ["props"], outputs: ["attachmentsChange"] }, { kind: "component", type: DatePickerComponent, selector: "val-date-picker", inputs: ["props"], outputs: ["valueChange"] }] }); }
+  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-xl-wide: 1280px;--val-container-md-wide: 900px;--val-container-aside: 0px;--val-container-padding: 16px;--val-radius-xs: 10px;--val-radius-sm: 16px;--val-radius-md: 20px;--val-radius-lg: 28px;--val-radius-xl: 36px;--val-radius-full: 999px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--ion-color-warning: #ffde38;--ion-color-warning-rgb: 255, 222, 56;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0c331;--ion-color-warning-tint: #ffe14c;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-dark)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}.container--sticky-footer{--val-form-sticky-footer-space: 7rem;padding-bottom:calc(var(--val-form-sticky-footer-space) + env(safe-area-inset-bottom))}.section{margin-top:1rem}.input{margin:var(--val-form-field-gap, .5rem) 0}@media (min-width: 768px){.input{margin:var(--val-form-field-gap, .75rem) 0}}.submit-actions{display:block;width:100%;box-sizing:border-box}.submit-actions--sticky{position:sticky;bottom:0;z-index:20;width:calc(100% + var(--val-form-sticky-footer-bleed, 0px) * 2);margin-inline:calc(var(--val-form-sticky-footer-bleed, 0px) * -1);background:var(--ion-card-background, var(--ion-background-color, #ffffff));border-top:1px solid var(--ion-color-step-150, rgba(0, 0, 0, .08));box-shadow:0 -.25rem 1rem rgba(var(--ion-text-color-rgb, 0, 0, 0),.08);padding:.75rem var(--val-form-sticky-footer-inline-padding, var(--val-form-sticky-footer-bleed, 0px)) max(.75rem,env(safe-area-inset-bottom));isolation:isolate;transform:translateZ(0)}.field-description{display:block;font-size:.75rem;color:var(--ion-color-dark);margin-bottom:.25rem;line-height:1.4}.email-suggestion{margin:6px 0 0;font-size:.875rem;color:var(--ion-text-color, #000)}.email-suggestion__apply{padding:0;margin-left:4px;background:none;border:none;font:inherit;font-weight:700;color:var(--ion-color-primary);text-decoration:underline;cursor:pointer}.boolean-answer{display:inline-flex;width:fit-content;gap:.25rem;padding:.25rem;border:1px solid var(--ion-color-light-shade, #d7d8da);border-radius:999px;background:var(--ion-color-light, #f4f5f8)}.boolean-answer__option{min-width:3.5rem;min-height:2.25rem;border:0;border-radius:999px;background:transparent;color:var(--ion-color-medium);font:inherit;font-weight:700;cursor:pointer}.boolean-answer__option--active{background:var(--ion-color-primary);color:var(--ion-color-primary-contrast, #fff);box-shadow:0 .0625rem .25rem rgba(var(--ion-color-dark-rgb, 34, 36, 40),.16)}.boolean-answer__option:focus-visible:focus{outline:none}.boolean-answer__option:focus-visible:focus-visible{outline:.125rem solid var(--ion-color-primary, #7026df);outline-offset:2px;border-radius:inherit}.simple-multi{display:flex;flex-direction:column;gap:.5rem}.simple-multi__option{display:flex;align-items:center;gap:.625rem;width:fit-content;color:var(--ion-text-color);cursor:pointer}.simple-multi__option input{inline-size:1.125rem;block-size:1.125rem;accent-color:var(--ion-color-primary)}.simple-multi__option input:focus-visible:focus{outline:none}.simple-multi__option input:focus-visible:focus-visible{outline:.125rem solid var(--ion-color-primary, #7026df);outline-offset:2px;border-radius:inherit}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: EmojiRatingComponent, selector: "val-emoji-rating", 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: CheckInputComponent, selector: "val-check-input", inputs: ["preset", "props"] }, { kind: "component", type: ButtonGroupComponent, selector: "val-button-group", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: DividerComponent, selector: "val-divider", inputs: ["props"] }, { kind: "component", type: HintComponent, selector: "val-hint", inputs: ["props", "id", "isError"] }, { kind: "component", type: CommentInputComponent, selector: "val-comment-input", inputs: ["props"] }, { kind: "component", type: DateInputComponent, selector: "val-date-input", inputs: ["preset", "props"] }, { kind: "component", type: FileInputComponent, selector: "val-file-input", inputs: ["props"] }, { kind: "component", type: NumberFromToComponent, selector: "val-number-from-to", inputs: ["props"] }, { kind: "component", type: NumberPickerComponent, selector: "val-number-picker", inputs: ["props"], outputs: ["valueChange"] }, { kind: "component", type: RadioInputComponent, selector: "val-radio-input", inputs: ["props"] }, { kind: "component", type: PasswordInputComponent, selector: "val-password-input", inputs: ["preset", "props"] }, { kind: "component", type: PinInputComponent, selector: "val-pin-input", inputs: ["props"] }, { kind: "component", type: SelectSearchComponent, selector: "val-select-search", inputs: ["label", "labelProperty", "valueProperty", "multiple", "placeholder", "props"] }, { kind: "component", type: MultiSelectSearchComponent, selector: "val-multi-select-search", inputs: ["label", "labelProperty", "valueProperty", "placeholder", "props"] }, { kind: "component", type: SearchSelectorComponent, selector: "val-select-input", inputs: ["preset", "props"] }, { kind: "component", type: PhoneInputComponent, selector: "val-phone-input", inputs: ["preset", "props"], outputs: ["phoneChange"] }, { kind: "component", type: CheckboxRadioInputComponent, selector: "val-checkbox-radio-input", inputs: ["props"] }, { kind: "component", type: ChipSelectComponent, selector: "val-chip-select", inputs: ["props"] }, { kind: "component", type: UsernameInputComponent, selector: "val-username-input", inputs: ["props"] }, { kind: "component", type: AttachmentUploaderComponent, selector: "val-attachment-uploader", inputs: ["props"], outputs: ["attachmentsChange"] }, { kind: "component", type: DatePickerComponent, selector: "val-date-picker", inputs: ["props"], outputs: ["valueChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormComponent, decorators: [{
             type: Component,
@@ -38291,6 +38322,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         DateInputComponent,
                         FileInputComponent,
                         NumberFromToComponent,
+                        NumberPickerComponent,
                         RadioInputComponent,
                         PasswordInputComponent,
                         PinInputComponent,
@@ -38377,6 +38409,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                   @case (types.NUMBER) {
                     <val-text-input [props]="getTextInputProp(f, 'number')"></val-text-input>
                   }
+                  @case (types.NUMBER_PICKER) {
+                    <val-number-picker [props]="getNumberPickerProp(f)"></val-number-picker>
+                  }
                   @case (types.NUMBER_FROM_TO) {
                     <val-number-from-to [props]="getFieldProp(f)"></val-number-from-to>
                   }
@@ -39132,6 +39167,12 @@ class FormSchemaBuilderService {
             order: def.order,
             validators,
             options,
+            step: def.step,
+            unitLabel: def.unitLabel,
+            numberPickerVariant: def.numberPickerVariant,
+            numberPickerEditable: def.numberPickerEditable,
+            numberPickerInputMode: def.numberPickerInputMode,
+            precision: def.precision,
             errors,
             value: def.value,
             state,
@@ -39154,6 +39195,12 @@ class FormSchemaBuilderService {
             required: !!field.required,
             validators,
             options: this.normalizeOptions(field.options),
+            step: field.step,
+            unitLabel: field.unitLabel,
+            numberPickerVariant: field.numberPickerVariant,
+            numberPickerEditable: field.numberPickerEditable,
+            numberPickerInputMode: field.numberPickerInputMode,
+            precision: field.precision,
             order,
         };
     }
@@ -39256,6 +39303,7 @@ class FormSchemaBuilderService {
             TEXTAREA: InputType.TEXTAREA,
             EMAIL: InputType.EMAIL,
             NUMBER: InputType.NUMBER,
+            NUMBER_PICKER: InputType.NUMBER_PICKER,
             DATE: InputType.DATE,
             SELECT: InputType.SELECT,
             MULTI_SELECT: InputType.MULTI_SELECT,
@@ -39840,6 +39888,7 @@ const FIELD_SCHEMA_EDITOR_I18N = {
         typeEMAIL: 'Correo',
         typePHONE: 'Teléfono',
         typeNUMBER: 'Número',
+        typeNUMBER_PICKER: 'Número con botones',
         typeDATE: 'Fecha',
         typeSELECT: 'Lista desplegable',
         typeRADIO: 'Una sola opción',
@@ -39874,6 +39923,7 @@ const FIELD_SCHEMA_EDITOR_I18N = {
         typeEMAIL: 'Email',
         typePHONE: 'Phone',
         typeNUMBER: 'Number',
+        typeNUMBER_PICKER: 'Number with buttons',
         typeDATE: 'Date',
         typeSELECT: 'Dropdown',
         typeRADIO: 'Single choice',
@@ -40650,6 +40700,7 @@ const SURVEY_QUESTION_TYPES = [
     'TEXT',
     'TEXTAREA',
     'NUMBER',
+    'NUMBER_PICKER',
     'DATE',
     'EMAIL',
     'PHONE',
@@ -40664,6 +40715,12 @@ const SURVEY_BUILDER_I18N = {
         presentationLabel: 'Presentación',
         headerImageLabel: 'Imagen inicial',
         headerImagePlaceholder: 'URL de la imagen que abre la encuesta',
+        imageUpload: 'Subir imagen',
+        imageChange: 'Cambiar imagen',
+        imageRemove: 'Quitar imagen',
+        imageTypeError: 'Usa una imagen JPG, PNG, WEBP o GIF.',
+        imageSizeError: 'La imagen no puede pesar más de 10 MB.',
+        imageUploadError: 'No pudimos subir la imagen. Intenta nuevamente.',
         successTitleLabel: 'Título de agradecimiento',
         successTitlePlaceholder: 'Ej: Gracias por responder',
         successMessageLabel: 'Mensaje de agradecimiento',
@@ -40697,6 +40754,12 @@ const SURVEY_BUILDER_I18N = {
         presentationLabel: 'Presentation',
         headerImageLabel: 'Opening image',
         headerImagePlaceholder: 'Image URL shown at the start of the survey',
+        imageUpload: 'Upload image',
+        imageChange: 'Change image',
+        imageRemove: 'Remove image',
+        imageTypeError: 'Use a JPG, PNG, WEBP or GIF image.',
+        imageSizeError: 'The image must be 10 MB or less.',
+        imageUploadError: "We couldn't upload the image. Try again.",
         successTitleLabel: 'Thank-you title',
         successTitlePlaceholder: 'E.g: Thanks for answering',
         successMessageLabel: 'Thank-you message',
@@ -40770,6 +40833,9 @@ class SurveyBuilderComponent {
         this.editingId = signal('');
         this.validationError = signal('');
         this.saving = signal(false);
+        this.uploadingImage = signal('');
+        this.allowedImageTypes = ['image/jpeg', 'image/png', 'image/webp', 'image/gif'];
+        this.maxImageBytes = 10 * 1024 * 1024;
         if (!this.i18n.hasNamespace(NAMESPACE$1)) {
             this.i18n.registerDefaults(NAMESPACE$1, SURVEY_BUILDER_I18N);
         }
@@ -40779,6 +40845,7 @@ class SurveyBuilderComponent {
         if (!this.i18n.hasNamespace(EDITOR_NAMESPACE)) {
             this.i18n.registerDefaults(EDITOR_NAMESPACE, FIELD_SCHEMA_EDITOR_I18N);
         }
+        addIcons({ cloudUploadOutline, trashOutline });
     }
     async ngOnInit() {
         // Sembrado directo: la app ya tenía la encuesta, no hace falta leerla.
@@ -40899,6 +40966,49 @@ class SurveyBuilderComponent {
         this.editingId.set('');
         this.validationError.set('');
     }
+    async onPresentationFileSelected(slot, event) {
+        const input = event.target;
+        const file = input.files?.[0];
+        input.value = '';
+        if (!file || !this.props.presentationImageUpload || this.uploadingImage())
+            return;
+        if (file.type && !this.allowedImageTypes.includes(file.type)) {
+            this.validationError.set(this.t('imageTypeError'));
+            return;
+        }
+        if (file.size > this.maxImageBytes) {
+            this.validationError.set(this.t('imageSizeError'));
+            return;
+        }
+        this.uploadingImage.set(slot);
+        this.validationError.set('');
+        try {
+            const url = await this.props.presentationImageUpload(slot, file);
+            if (slot === 'header') {
+                this.headerImageControl.setValue(url);
+            }
+            else {
+                this.successImageControl.setValue(url);
+            }
+        }
+        catch (err) {
+            this.errors.handle(err, {
+                context: `surveyBuilder.presentationImageUpload slot=${slot}`,
+                fallbackKey: 'imageUploadError',
+                i18nNamespace: NAMESPACE$1,
+            });
+        }
+        finally {
+            this.uploadingImage.set('');
+        }
+    }
+    clearPresentationImage(slot) {
+        if (slot === 'header') {
+            this.headerImageControl.setValue('');
+            return;
+        }
+        this.successImageControl.setValue('');
+    }
     async save() {
         if (this.saving())
             return;
@@ -41021,18 +41131,80 @@ class SurveyBuilderComponent {
 
       <div class="survey-builder__presentation">
         <span class="survey-builder__questions-label">{{ t('presentationLabel') }}</span>
-        <val-form-field [label]="t('headerImageLabel')">
-          <val-text-input [props]="{ control: headerImageControl, placeholder: t('headerImagePlaceholder') }" />
-        </val-form-field>
+        <div class="survey-builder__image-field">
+          <val-form-field [label]="t('headerImageLabel')">
+            <val-text-input [props]="{ control: headerImageControl, placeholder: t('headerImagePlaceholder') }" />
+          </val-form-field>
+          @if (headerImageControl.value) {
+            <div class="survey-builder__image-preview">
+              <img [src]="headerImageControl.value" alt="" />
+              <button
+                type="button"
+                class="survey-builder__image-clear"
+                [attr.aria-label]="t('imageRemove')"
+                (click)="clearPresentationImage('header')"
+              >
+                <ion-icon name="trash-outline" aria-hidden="true" />
+              </button>
+            </div>
+          }
+          @if (props.presentationImageUpload) {
+            <label class="survey-builder__image-upload" [class.survey-builder__image-upload--loading]="uploadingImage() === 'header'">
+              @if (uploadingImage() === 'header') {
+                <ion-spinner name="crescent" />
+              } @else {
+                <ion-icon name="cloud-upload-outline" aria-hidden="true" />
+              }
+              <span>{{ headerImageControl.value ? t('imageChange') : t('imageUpload') }}</span>
+              <input
+                type="file"
+                accept="image/jpeg,image/png,image/webp,image/gif,.jpg,.jpeg,.png,.webp,.gif"
+                [disabled]="uploadingImage() === 'header'"
+                (change)="onPresentationFileSelected('header', $event)"
+              />
+            </label>
+          }
+        </div>
         <val-form-field [label]="t('successTitleLabel')">
           <val-text-input [props]="{ control: successTitleControl, placeholder: t('successTitlePlaceholder') }" />
         </val-form-field>
         <val-form-field [label]="t('successMessageLabel')">
           <val-text-input [props]="{ control: successMessageControl, placeholder: t('successMessagePlaceholder') }" />
         </val-form-field>
-        <val-form-field [label]="t('successImageLabel')">
-          <val-text-input [props]="{ control: successImageControl, placeholder: t('successImagePlaceholder') }" />
-        </val-form-field>
+        <div class="survey-builder__image-field">
+          <val-form-field [label]="t('successImageLabel')">
+            <val-text-input [props]="{ control: successImageControl, placeholder: t('successImagePlaceholder') }" />
+          </val-form-field>
+          @if (successImageControl.value) {
+            <div class="survey-builder__image-preview">
+              <img [src]="successImageControl.value" alt="" />
+              <button
+                type="button"
+                class="survey-builder__image-clear"
+                [attr.aria-label]="t('imageRemove')"
+                (click)="clearPresentationImage('success')"
+              >
+                <ion-icon name="trash-outline" aria-hidden="true" />
+              </button>
+            </div>
+          }
+          @if (props.presentationImageUpload) {
+            <label class="survey-builder__image-upload" [class.survey-builder__image-upload--loading]="uploadingImage() === 'success'">
+              @if (uploadingImage() === 'success') {
+                <ion-spinner name="crescent" />
+              } @else {
+                <ion-icon name="cloud-upload-outline" aria-hidden="true" />
+              }
+              <span>{{ successImageControl.value ? t('imageChange') : t('imageUpload') }}</span>
+              <input
+                type="file"
+                accept="image/jpeg,image/png,image/webp,image/gif,.jpg,.jpeg,.png,.webp,.gif"
+                [disabled]="uploadingImage() === 'success'"
+                (change)="onPresentationFileSelected('success', $event)"
+              />
+            </label>
+          }
+        </div>
       </div>
 
       <div class="survey-builder__questions">
@@ -41134,13 +41306,15 @@ class SurveyBuilderComponent {
         (onClick)="save()"
       />
     </div>
-  `, 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__presentation{display:flex;flex-direction:column;gap:12px;padding-top:4px}.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"] }] }); }
+  `, 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__presentation{display:flex;flex-direction:column;gap:12px;padding-top:4px}.survey-builder__image-field{display:flex;flex-direction:column;gap:10px}.survey-builder__image-preview{position:relative;width:100%}.survey-builder__image-preview img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:8px;background:var(--ion-color-light, #f4f5f8)}.survey-builder__image-clear{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:999px;background:#0009;color:#fff;cursor:pointer}.survey-builder__image-upload{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:2px dashed var(--ion-border-color, rgba(0, 0, 0, .16));border-radius:20px;color:var(--ion-color-medium-shade, #6b6675);font-size:.875rem;font-weight:600;cursor:pointer}.survey-builder__image-upload:hover{border-color:var(--ion-color-primary);color:var(--ion-color-primary)}.survey-builder__image-upload--loading{opacity:.7;cursor:default}.survey-builder__image-upload ion-spinner{width:16px;height:16px}.survey-builder__image-upload input{display:none}.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: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { 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,
+                        IonIcon,
+                        IonSpinner,
                         TextInputComponent,
                         ButtonComponent,
                         FormFieldComponent,
@@ -41156,18 +41330,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 
       <div class="survey-builder__presentation">
         <span class="survey-builder__questions-label">{{ t('presentationLabel') }}</span>
-        <val-form-field [label]="t('headerImageLabel')">
-          <val-text-input [props]="{ control: headerImageControl, placeholder: t('headerImagePlaceholder') }" />
-        </val-form-field>
+        <div class="survey-builder__image-field">
+          <val-form-field [label]="t('headerImageLabel')">
+            <val-text-input [props]="{ control: headerImageControl, placeholder: t('headerImagePlaceholder') }" />
+          </val-form-field>
+          @if (headerImageControl.value) {
+            <div class="survey-builder__image-preview">
+              <img [src]="headerImageControl.value" alt="" />
+              <button
+                type="button"
+                class="survey-builder__image-clear"
+                [attr.aria-label]="t('imageRemove')"
+                (click)="clearPresentationImage('header')"
+              >
+                <ion-icon name="trash-outline" aria-hidden="true" />
+              </button>
+            </div>
+          }
+          @if (props.presentationImageUpload) {
+            <label class="survey-builder__image-upload" [class.survey-builder__image-upload--loading]="uploadingImage() === 'header'">
+              @if (uploadingImage() === 'header') {
+                <ion-spinner name="crescent" />
+              } @else {
+                <ion-icon name="cloud-upload-outline" aria-hidden="true" />
+              }
+              <span>{{ headerImageControl.value ? t('imageChange') : t('imageUpload') }}</span>
+              <input
+                type="file"
+                accept="image/jpeg,image/png,image/webp,image/gif,.jpg,.jpeg,.png,.webp,.gif"
+                [disabled]="uploadingImage() === 'header'"
+                (change)="onPresentationFileSelected('header', $event)"
+              />
+            </label>
+          }
+        </div>
         <val-form-field [label]="t('successTitleLabel')">
           <val-text-input [props]="{ control: successTitleControl, placeholder: t('successTitlePlaceholder') }" />
         </val-form-field>
         <val-form-field [label]="t('successMessageLabel')">
           <val-text-input [props]="{ control: successMessageControl, placeholder: t('successMessagePlaceholder') }" />
         </val-form-field>
-        <val-form-field [label]="t('successImageLabel')">
-          <val-text-input [props]="{ control: successImageControl, placeholder: t('successImagePlaceholder') }" />
-        </val-form-field>
+        <div class="survey-builder__image-field">
+          <val-form-field [label]="t('successImageLabel')">
+            <val-text-input [props]="{ control: successImageControl, placeholder: t('successImagePlaceholder') }" />
+          </val-form-field>
+          @if (successImageControl.value) {
+            <div class="survey-builder__image-preview">
+              <img [src]="successImageControl.value" alt="" />
+              <button
+                type="button"
+                class="survey-builder__image-clear"
+                [attr.aria-label]="t('imageRemove')"
+                (click)="clearPresentationImage('success')"
+              >
+                <ion-icon name="trash-outline" aria-hidden="true" />
+              </button>
+            </div>
+          }
+          @if (props.presentationImageUpload) {
+            <label class="survey-builder__image-upload" [class.survey-builder__image-upload--loading]="uploadingImage() === 'success'">
+              @if (uploadingImage() === 'success') {
+                <ion-spinner name="crescent" />
+              } @else {
+                <ion-icon name="cloud-upload-outline" aria-hidden="true" />
+              }
+              <span>{{ successImageControl.value ? t('imageChange') : t('imageUpload') }}</span>
+              <input
+                type="file"
+                accept="image/jpeg,image/png,image/webp,image/gif,.jpg,.jpeg,.png,.webp,.gif"
+                [disabled]="uploadingImage() === 'success'"
+                (change)="onPresentationFileSelected('success', $event)"
+              />
+            </label>
+          }
+        </div>
       </div>
 
       <div class="survey-builder__questions">
@@ -41269,7 +41505,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__questions{display:flex;flex-direction:column;gap:12px}.survey-builder__presentation{display:flex;flex-direction:column;gap:12px;padding-top:4px}.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"] }]
+  `, 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__presentation{display:flex;flex-direction:column;gap:12px;padding-top:4px}.survey-builder__image-field{display:flex;flex-direction:column;gap:10px}.survey-builder__image-preview{position:relative;width:100%}.survey-builder__image-preview img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));border-radius:8px;background:var(--ion-color-light, #f4f5f8)}.survey-builder__image-clear{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:999px;background:#0009;color:#fff;cursor:pointer}.survey-builder__image-upload{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:2px dashed var(--ion-border-color, rgba(0, 0, 0, .16));border-radius:20px;color:var(--ion-color-medium-shade, #6b6675);font-size:.875rem;font-weight:600;cursor:pointer}.survey-builder__image-upload:hover{border-color:var(--ion-color-primary);color:var(--ion-color-primary)}.survey-builder__image-upload--loading{opacity:.7;cursor:default}.survey-builder__image-upload ion-spinner{width:16px;height:16px}.survey-builder__image-upload input{display:none}.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: [{