valtech-components 4.0.134 → 4.0.136

package/fesm2022/valtech-components.mjs

@@ -56,7 +56,7 @@ import { BrowserMultiFormatReader } from '@zxing/browser';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.134';
+const VERSION = '4.0.136';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -35362,6 +35362,413 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
+class RequestService {
+    constructor(config, http) {
+        this.config = config;
+        this.http = http;
+    }
+    get baseUrl() {
+        return `${this.config.apiUrl}/v2/requests`;
+    }
+    get typesUrl() {
+        return `${this.config.apiUrl}/v2/request-types`;
+    }
+    // ── Requests ──
+    createRequest(payload) {
+        return this.http.post(this.baseUrl, payload);
+    }
+    createAnonymousRequest(payload) {
+        return this.http.post(`${this.baseUrl}/anonymous`, payload);
+    }
+    listRequests(params) {
+        const qs = this.buildQueryString(params);
+        return this.http.get(`${this.baseUrl}${qs}`);
+    }
+    listMyRequests(params) {
+        const qs = this.buildQueryString(params);
+        return this.http.get(`${this.baseUrl}/my${qs}`);
+    }
+    getRequest(id) {
+        return this.http
+            .get(`${this.baseUrl}/${id}`)
+            .pipe(map$1(r => r.request));
+    }
+    updateRequest(id, payload) {
+        return this.http
+            .put(`${this.baseUrl}/${id}`, payload)
+            .pipe(map$1(r => r.request));
+    }
+    transition(id, payload) {
+        return this.http.post(`${this.baseUrl}/${id}/transition`, payload);
+    }
+    // ── Comments ──
+    addComment(requestId, payload) {
+        return this.http
+            .post(`${this.baseUrl}/${requestId}/comments`, payload)
+            .pipe(map$1(r => r.comment));
+    }
+    listComments(requestId) {
+        return this.http.get(`${this.baseUrl}/${requestId}/comments`);
+    }
+    // ── Request Types ──
+    listRequestTypes() {
+        return this.http.get(this.typesUrl);
+    }
+    getRequestType(typeId) {
+        return this.http.get(`${this.typesUrl}/${typeId}`);
+    }
+    createRequestType(payload) {
+        return this.http
+            .post(this.typesUrl, payload)
+            .pipe(map$1(r => r.typeConfig));
+    }
+    updateRequestType(typeId, payload) {
+        return this.http
+            .put(`${this.typesUrl}/${typeId}`, payload)
+            .pipe(map$1(r => r.typeConfig));
+    }
+    deleteRequestType(typeId) {
+        return this.http.delete(`${this.typesUrl}/${typeId}`);
+    }
+    // ── Helpers ──
+    buildQueryString(params) {
+        if (!params)
+            return '';
+        const qs = new URLSearchParams();
+        if (params.type)
+            qs.set('type', params.type);
+        if (params.status)
+            qs.set('status', params.status);
+        if (params.limit != null)
+            qs.set('limit', String(params.limit));
+        if (params.nextToken)
+            qs.set('nextToken', params.nextToken);
+        const str = qs.toString();
+        return str ? `?${str}` : '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [VALTECH_AUTH_CONFIG]
+                }] }, { type: i1$3.HttpClient }] });
+
+const REQUEST_FORM_I18N = {
+    es: {
+        title: 'Título',
+        titlePlaceholder: 'Describe brevemente tu solicitud',
+        titleValidation: 'El título debe tener al menos 3 caracteres',
+        description: 'Descripción',
+        descriptionPlaceholder: 'Añade más detalles aquí',
+        descriptionValidation: 'La descripción es demasiado larga',
+        submit: 'Enviar',
+        attachmentsLabel: 'Archivos adjuntos (opcional)',
+        attachmentsHint: 'Imágenes (JPG/PNG/WebP) o PDF, máx 5 MB cada uno. Hasta 5 archivos.',
+        success: 'Solicitud enviada exitosamente',
+        error: 'Error al enviar la solicitud',
+    },
+    en: {
+        title: 'Title',
+        titlePlaceholder: 'Briefly describe your request',
+        titleValidation: 'Title must be at least 3 characters',
+        description: 'Description',
+        descriptionPlaceholder: 'Add more details here',
+        descriptionValidation: 'Description is too long',
+        submit: 'Submit',
+        attachmentsLabel: 'Attachments (optional)',
+        attachmentsHint: 'Images (JPG/PNG/WebP) or PDF, max 5 MB each. Up to 5 files.',
+        success: 'Request submitted successfully',
+        error: 'Error submitting the request',
+    },
+};
+class RequestFormComponent {
+    constructor() {
+        this.props = { type: '' };
+        this.onSubmit = new EventEmitter();
+        this.onCancel = new EventEmitter();
+        this.i18n = inject(I18nService);
+        this.requestService = inject(RequestService);
+        this.feedbackService = inject(FeedbackService);
+        this.isSubmitting = signal(false);
+        this.isSuccess = signal(false);
+        this.error = signal(null);
+        this.currentAttachments = [];
+        addIcons({ checkmarkCircleOutline, closeCircleOutline });
+        if (!this.i18n.hasNamespace('RequestForm')) {
+            this.i18n.registerDefaults('RequestForm', REQUEST_FORM_I18N);
+        }
+    }
+    ngOnInit() {
+        this.formProps = this.buildFormProps();
+    }
+    buildFormProps() {
+        return {
+            name: '',
+            sections: [
+                {
+                    name: '',
+                    order: 0,
+                    fields: [
+                        {
+                            token: 'request-title',
+                            name: 'title',
+                            label: this.props.titleLabel ?? this.t('title'),
+                            hint: '',
+                            placeholder: this.props.titlePlaceholder ?? this.t('titlePlaceholder'),
+                            type: InputType.TEXT,
+                            order: 1,
+                            validators: [Validators.required, Validators.minLength(3), Validators.maxLength(300)],
+                            errors: {
+                                required: this.t('titleValidation'),
+                                minlength: this.t('titleValidation'),
+                                maxlength: this.t('titleValidation'),
+                            },
+                            state: ComponentStates.ENABLED,
+                        },
+                        {
+                            token: 'request-description',
+                            name: 'description',
+                            label: this.props.descriptionLabel ?? this.t('description'),
+                            hint: '',
+                            placeholder: this.props.descriptionPlaceholder ?? this.t('descriptionPlaceholder'),
+                            type: InputType.TEXTAREA,
+                            order: 2,
+                            validators: [Validators.maxLength(5000)],
+                            errors: { maxlength: this.t('descriptionValidation') },
+                            state: ComponentStates.ENABLED,
+                        },
+                    ],
+                },
+            ],
+            actions: {
+                type: 'submit',
+                color: 'dark',
+                fill: 'solid',
+                shape: 'round',
+                expand: 'block',
+                text: this.props.submitButtonText ?? this.t('submit'),
+                state: ComponentStates.ENABLED,
+            },
+            state: ComponentStates.ENABLED,
+        };
+    }
+    async handleFormSubmit(submitted) {
+        if (this.isSubmitting())
+            return;
+        if (this.currentAttachments.some(a => a.status === 'uploading'))
+            return;
+        this.isSubmitting.set(true);
+        this.error.set(null);
+        this.isSuccess.set(false);
+        this.formProps.state = ComponentStates.WORKING;
+        this.formProps.actions.state = ComponentStates.WORKING;
+        try {
+            const title = submitted.fields['title'].trim();
+            const description = submitted.fields['description']?.trim() ?? '';
+            const attachmentUrls = this.currentAttachments.filter(a => a.status === 'ready').map(a => a.url);
+            const result = await firstValueFrom(this.requestService.createRequest({
+                type: this.props.type,
+                title,
+                fields: {
+                    ...(description ? { description } : {}),
+                    ...(attachmentUrls.length ? { attachmentUrls } : {}),
+                },
+            }));
+            this.isSuccess.set(true);
+            this.onSubmit.emit({
+                requestId: result.requestId,
+                request: result.request,
+                type: this.props.type,
+                title,
+                attachmentUrls,
+            });
+        }
+        catch (err) {
+            this.error.set(err.error?.message || err.message || this.t('error'));
+        }
+        finally {
+            this.isSubmitting.set(false);
+            this.formProps.state = ComponentStates.ENABLED;
+            this.formProps.actions.state = ComponentStates.ENABLED;
+        }
+    }
+    onAttachmentsChange(items) {
+        this.currentAttachments = items;
+    }
+    onCancelClick() {
+        this.onCancel.emit();
+    }
+    t(key) {
+        return this.i18n.t(key, 'RequestForm');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RequestFormComponent, isStandalone: true, selector: "val-request-form", inputs: { props: "props" }, outputs: { onSubmit: "onSubmit", onCancel: "onCancel" }, ngImport: i0, template: `
+    <div class="request-form-wrapper" [class.compact]="props.compact" [ngClass]="props.cssClass">
+      <val-form [props]="formProps" (onSubmit)="handleFormSubmit($event)">
+        @if (props.showAttachments !== false) {
+          <val-attachment-uploader
+            [props]="{
+              title: t('attachmentsLabel'),
+              hint: t('attachmentsHint'),
+              maxFiles: 5,
+            }"
+            (attachmentsChange)="onAttachmentsChange($event)"
+          />
+        }
+
+        @if (error()) {
+          <div class="request-alert error">
+            <ion-icon name="close-circle-outline" aria-hidden="true" />
+            <span>{{ error() }}</span>
+          </div>
+        }
+
+        @if (isSuccess()) {
+          <div class="request-alert success">
+            <ion-icon name="checkmark-circle-outline" aria-hidden="true" />
+            <span>{{ props.successMessage || t('success') }}</span>
+          </div>
+        }
+      </val-form>
+
+      @if (props.cancelButtonText) {
+        <ion-button fill="outline" color="medium" expand="block" class="cancel-button" (click)="onCancelClick()">
+          {{ props.cancelButtonText }}
+        </ion-button>
+      }
+    </div>
+  `, isInline: true, styles: [".request-form-wrapper{display:flex;flex-direction:column;gap:8px;&.compact{gap:4px}}.request-alert{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-top:8px;&.error{background-color:var(--ion-color-danger-tint);color:var(--ion-color-danger-shade)}&.success{background-color:var(--ion-color-success-tint);color:var(--ion-color-success-shade)}ion-icon{font-size:1.25rem}}.cancel-button{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: FormComponent, selector: "val-form", inputs: ["props"], outputs: ["onSubmit", "onInvalid", "onSelectChange"] }, { kind: "component", type: AttachmentUploaderComponent, selector: "val-attachment-uploader", inputs: ["props"], outputs: ["attachmentsChange"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-request-form', standalone: true, imports: [CommonModule, FormComponent, AttachmentUploaderComponent, IonButton, IonIcon], template: `
+    <div class="request-form-wrapper" [class.compact]="props.compact" [ngClass]="props.cssClass">
+      <val-form [props]="formProps" (onSubmit)="handleFormSubmit($event)">
+        @if (props.showAttachments !== false) {
+          <val-attachment-uploader
+            [props]="{
+              title: t('attachmentsLabel'),
+              hint: t('attachmentsHint'),
+              maxFiles: 5,
+            }"
+            (attachmentsChange)="onAttachmentsChange($event)"
+          />
+        }
+
+        @if (error()) {
+          <div class="request-alert error">
+            <ion-icon name="close-circle-outline" aria-hidden="true" />
+            <span>{{ error() }}</span>
+          </div>
+        }
+
+        @if (isSuccess()) {
+          <div class="request-alert success">
+            <ion-icon name="checkmark-circle-outline" aria-hidden="true" />
+            <span>{{ props.successMessage || t('success') }}</span>
+          </div>
+        }
+      </val-form>
+
+      @if (props.cancelButtonText) {
+        <ion-button fill="outline" color="medium" expand="block" class="cancel-button" (click)="onCancelClick()">
+          {{ props.cancelButtonText }}
+        </ion-button>
+      }
+    </div>
+  `, styles: [".request-form-wrapper{display:flex;flex-direction:column;gap:8px;&.compact{gap:4px}}.request-alert{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-top:8px;&.error{background-color:var(--ion-color-danger-tint);color:var(--ion-color-danger-shade)}&.success{background-color:var(--ion-color-success-tint);color:var(--ion-color-success-shade)}ion-icon{font-size:1.25rem}}.cancel-button{margin-top:8px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }], onSubmit: [{
+                type: Output
+            }], onCancel: [{
+                type: Output
+            }] } });
+
+/**
+ * `val-request-modal`
+ *
+ * Modal canónico para crear una solicitud (ticket de soporte, etc.): envuelve
+ * `val-request-form` en el shell de modal de la lib (Regla #5 — header con botón
+ * "Cerrar", sin `ion-title`). Antes cada app duplicaba este `ion-modal` +
+ * `ion-header` + `val-request-form` a mano (ej. `support-ticket-modal` de web).
+ *
+ * Patrón declarativo `[isOpen]` + `(dismissed)` — el padre controla la
+ * visibilidad. El tipo de solicitud y demás opciones se pasan por `formProps`
+ * (default `{ type: 'support_ticket' }`).
+ *
+ * @example
+ * ```html
+ * <val-request-modal
+ *   [isOpen]="ticketOpen()"
+ *   [formProps]="{ type: 'support_ticket' }"
+ *   (submitted)="onTicketCreated($event)"
+ *   (dismissed)="ticketOpen.set(false)" />
+ * ```
+ */
+class RequestModalComponent {
+    constructor() {
+        /** Controla la visibilidad del modal (el padre la maneja). */
+        this.isOpen = false;
+        /** Config del `val-request-form` (tipo de solicitud, labels, etc.). */
+        this.formProps = { type: 'support_ticket' };
+        /** Override del texto del botón cerrar (default: i18n `_global.close`). */
+        this.closeLabel = '';
+        /** Se emite al cerrar el modal (X o backdrop). */
+        this.dismissed = new EventEmitter();
+        /** Se emite cuando el formulario se envía con éxito. */
+        this.submitted = new EventEmitter();
+    }
+    close() {
+        this.isOpen = false;
+        this.dismissed.emit();
+    }
+    onFormSubmit(event) {
+        this.submitted.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RequestModalComponent, isStandalone: true, selector: "val-request-modal", inputs: { isOpen: "isOpen", formProps: "formProps", closeLabel: "closeLabel" }, outputs: { dismissed: "dismissed", submitted: "submitted" }, ngImport: i0, template: `
+    <ion-modal [isOpen]="isOpen" (didDismiss)="close()">
+      <ng-template>
+        <val-modal-shell [closeLabel]="closeLabel" (close)="close()">
+          <val-request-form [props]="formProps" (onSubmit)="onFormSubmit($event)" />
+        </val-modal-shell>
+      </ng-template>
+    </ion-modal>
+  `, isInline: true, dependencies: [{ kind: "component", type: IonModal, selector: "ion-modal" }, { kind: "component", type: ModalShellComponent, selector: "val-modal-shell", inputs: ["title", "subtitle", "closeLabel", "showClose"], outputs: ["close"] }, { kind: "component", type: RequestFormComponent, selector: "val-request-form", inputs: ["props"], outputs: ["onSubmit", "onCancel"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestModalComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'val-request-modal',
+                    standalone: true,
+                    imports: [IonModal, ModalShellComponent, RequestFormComponent],
+                    template: `
+    <ion-modal [isOpen]="isOpen" (didDismiss)="close()">
+      <ng-template>
+        <val-modal-shell [closeLabel]="closeLabel" (close)="close()">
+          <val-request-form [props]="formProps" (onSubmit)="onFormSubmit($event)" />
+        </val-modal-shell>
+      </ng-template>
+    </ion-modal>
+  `,
+                }]
+        }], propDecorators: { isOpen: [{
+                type: Input
+            }], formProps: [{
+                type: Input
+            }], closeLabel: [{
+                type: Input
+            }], dismissed: [{
+                type: Output
+            }], submitted: [{
+                type: Output
+            }] } });
+
 /**
  * `val-cookie-banner` — bottom/top fixed banner asking the user to choose
  * a cookie consent option. Presentational only: emits events on each
@@ -65437,315 +65844,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
-class RequestService {
-    constructor(config, http) {
-        this.config = config;
-        this.http = http;
-    }
-    get baseUrl() {
-        return `${this.config.apiUrl}/v2/requests`;
-    }
-    get typesUrl() {
-        return `${this.config.apiUrl}/v2/request-types`;
-    }
-    // ── Requests ──
-    createRequest(payload) {
-        return this.http.post(this.baseUrl, payload);
-    }
-    createAnonymousRequest(payload) {
-        return this.http.post(`${this.baseUrl}/anonymous`, payload);
-    }
-    listRequests(params) {
-        const qs = this.buildQueryString(params);
-        return this.http.get(`${this.baseUrl}${qs}`);
-    }
-    listMyRequests(params) {
-        const qs = this.buildQueryString(params);
-        return this.http.get(`${this.baseUrl}/my${qs}`);
-    }
-    getRequest(id) {
-        return this.http
-            .get(`${this.baseUrl}/${id}`)
-            .pipe(map$1(r => r.request));
-    }
-    updateRequest(id, payload) {
-        return this.http
-            .put(`${this.baseUrl}/${id}`, payload)
-            .pipe(map$1(r => r.request));
-    }
-    transition(id, payload) {
-        return this.http.post(`${this.baseUrl}/${id}/transition`, payload);
-    }
-    // ── Comments ──
-    addComment(requestId, payload) {
-        return this.http
-            .post(`${this.baseUrl}/${requestId}/comments`, payload)
-            .pipe(map$1(r => r.comment));
-    }
-    listComments(requestId) {
-        return this.http.get(`${this.baseUrl}/${requestId}/comments`);
-    }
-    // ── Request Types ──
-    listRequestTypes() {
-        return this.http.get(this.typesUrl);
-    }
-    getRequestType(typeId) {
-        return this.http.get(`${this.typesUrl}/${typeId}`);
-    }
-    createRequestType(payload) {
-        return this.http
-            .post(this.typesUrl, payload)
-            .pipe(map$1(r => r.typeConfig));
-    }
-    updateRequestType(typeId, payload) {
-        return this.http
-            .put(`${this.typesUrl}/${typeId}`, payload)
-            .pipe(map$1(r => r.typeConfig));
-    }
-    deleteRequestType(typeId) {
-        return this.http.delete(`${this.typesUrl}/${typeId}`);
-    }
-    // ── Helpers ──
-    buildQueryString(params) {
-        if (!params)
-            return '';
-        const qs = new URLSearchParams();
-        if (params.type)
-            qs.set('type', params.type);
-        if (params.status)
-            qs.set('status', params.status);
-        if (params.limit != null)
-            qs.set('limit', String(params.limit));
-        if (params.nextToken)
-            qs.set('nextToken', params.nextToken);
-        const str = qs.toString();
-        return str ? `?${str}` : '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestService, deps: [{ token: VALTECH_AUTH_CONFIG }, { token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [VALTECH_AUTH_CONFIG]
-                }] }, { type: i1$3.HttpClient }] });
-
-const REQUEST_FORM_I18N = {
-    es: {
-        title: 'Título',
-        titlePlaceholder: 'Describe brevemente tu solicitud',
-        titleValidation: 'El título debe tener al menos 3 caracteres',
-        description: 'Descripción',
-        descriptionPlaceholder: 'Añade más detalles aquí',
-        descriptionValidation: 'La descripción es demasiado larga',
-        submit: 'Enviar',
-        success: 'Solicitud enviada exitosamente',
-        error: 'Error al enviar la solicitud',
-    },
-    en: {
-        title: 'Title',
-        titlePlaceholder: 'Briefly describe your request',
-        titleValidation: 'Title must be at least 3 characters',
-        description: 'Description',
-        descriptionPlaceholder: 'Add more details here',
-        descriptionValidation: 'Description is too long',
-        submit: 'Submit',
-        success: 'Request submitted successfully',
-        error: 'Error submitting the request',
-    },
-};
-class RequestFormComponent {
-    constructor() {
-        this.props = { type: '' };
-        this.onSubmit = new EventEmitter();
-        this.onCancel = new EventEmitter();
-        this.i18n = inject(I18nService);
-        this.requestService = inject(RequestService);
-        this.feedbackService = inject(FeedbackService);
-        this.isSubmitting = signal(false);
-        this.isSuccess = signal(false);
-        this.error = signal(null);
-        this.currentAttachments = [];
-        addIcons({ checkmarkCircleOutline, closeCircleOutline });
-        if (!this.i18n.hasNamespace('RequestForm')) {
-            this.i18n.registerDefaults('RequestForm', REQUEST_FORM_I18N);
-        }
-    }
-    ngOnInit() {
-        this.formProps = this.buildFormProps();
-    }
-    buildFormProps() {
-        return {
-            name: '',
-            sections: [
-                {
-                    name: '',
-                    order: 0,
-                    fields: [
-                        {
-                            token: 'request-title',
-                            name: 'title',
-                            label: this.props.titleLabel ?? this.t('title'),
-                            hint: '',
-                            placeholder: this.props.titlePlaceholder ?? this.t('titlePlaceholder'),
-                            type: InputType.TEXT,
-                            order: 1,
-                            validators: [Validators.required, Validators.minLength(3), Validators.maxLength(300)],
-                            errors: {
-                                required: this.t('titleValidation'),
-                                minlength: this.t('titleValidation'),
-                                maxlength: this.t('titleValidation'),
-                            },
-                            state: ComponentStates.ENABLED,
-                        },
-                        {
-                            token: 'request-description',
-                            name: 'description',
-                            label: this.props.descriptionLabel ?? this.t('description'),
-                            hint: '',
-                            placeholder: this.props.descriptionPlaceholder ?? this.t('descriptionPlaceholder'),
-                            type: InputType.TEXTAREA,
-                            order: 2,
-                            validators: [Validators.maxLength(5000)],
-                            errors: { maxlength: this.t('descriptionValidation') },
-                            state: ComponentStates.ENABLED,
-                        },
-                    ],
-                },
-            ],
-            actions: {
-                type: 'submit',
-                color: 'dark',
-                fill: 'solid',
-                shape: 'round',
-                expand: 'block',
-                text: this.props.submitButtonText ?? this.t('submit'),
-                state: ComponentStates.ENABLED,
-            },
-            state: ComponentStates.ENABLED,
-        };
-    }
-    async handleFormSubmit(submitted) {
-        if (this.isSubmitting())
-            return;
-        if (this.currentAttachments.some(a => a.status === 'uploading'))
-            return;
-        this.isSubmitting.set(true);
-        this.error.set(null);
-        this.isSuccess.set(false);
-        this.formProps.state = ComponentStates.WORKING;
-        this.formProps.actions.state = ComponentStates.WORKING;
-        try {
-            const title = submitted.fields['title'].trim();
-            const description = submitted.fields['description']?.trim() ?? '';
-            const attachmentUrls = this.currentAttachments.filter(a => a.status === 'ready').map(a => a.url);
-            const result = await firstValueFrom(this.requestService.createRequest({
-                type: this.props.type,
-                title,
-                fields: {
-                    ...(description ? { description } : {}),
-                    ...(attachmentUrls.length ? { attachmentUrls } : {}),
-                },
-            }));
-            this.isSuccess.set(true);
-            this.onSubmit.emit({
-                requestId: result.requestId,
-                request: result.request,
-                type: this.props.type,
-                title,
-                attachmentUrls,
-            });
-        }
-        catch (err) {
-            this.error.set(err.error?.message || err.message || this.t('error'));
-        }
-        finally {
-            this.isSubmitting.set(false);
-            this.formProps.state = ComponentStates.ENABLED;
-            this.formProps.actions.state = ComponentStates.ENABLED;
-        }
-    }
-    onAttachmentsChange(items) {
-        this.currentAttachments = items;
-    }
-    onCancelClick() {
-        this.onCancel.emit();
-    }
-    t(key) {
-        return this.i18n.t(key, 'RequestForm');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RequestFormComponent, isStandalone: true, selector: "val-request-form", inputs: { props: "props" }, outputs: { onSubmit: "onSubmit", onCancel: "onCancel" }, ngImport: i0, template: `
-    <div class="request-form-wrapper" [class.compact]="props.compact" [ngClass]="props.cssClass">
-      <val-form [props]="formProps" (onSubmit)="handleFormSubmit($event)">
-        @if (props.showAttachments !== false) {
-          <val-attachment-uploader [props]="{ maxFiles: 5 }" (attachmentsChange)="onAttachmentsChange($event)" />
-        }
-
-        @if (error()) {
-          <div class="request-alert error">
-            <ion-icon name="close-circle-outline" aria-hidden="true" />
-            <span>{{ error() }}</span>
-          </div>
-        }
-
-        @if (isSuccess()) {
-          <div class="request-alert success">
-            <ion-icon name="checkmark-circle-outline" aria-hidden="true" />
-            <span>{{ props.successMessage || t('success') }}</span>
-          </div>
-        }
-      </val-form>
-
-      @if (props.cancelButtonText) {
-        <ion-button fill="outline" color="medium" expand="block" class="cancel-button" (click)="onCancelClick()">
-          {{ props.cancelButtonText }}
-        </ion-button>
-      }
-    </div>
-  `, isInline: true, styles: [".request-form-wrapper{display:flex;flex-direction:column;gap:8px;&.compact{gap:4px}}.request-alert{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-top:8px;&.error{background-color:var(--ion-color-danger-tint);color:var(--ion-color-danger-shade)}&.success{background-color:var(--ion-color-success-tint);color:var(--ion-color-success-shade)}ion-icon{font-size:1.25rem}}.cancel-button{margin-top:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: FormComponent, selector: "val-form", inputs: ["props"], outputs: ["onSubmit", "onInvalid", "onSelectChange"] }, { kind: "component", type: AttachmentUploaderComponent, selector: "val-attachment-uploader", inputs: ["props"], outputs: ["attachmentsChange"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RequestFormComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-request-form', standalone: true, imports: [CommonModule, FormComponent, AttachmentUploaderComponent, IonButton, IonIcon], template: `
-    <div class="request-form-wrapper" [class.compact]="props.compact" [ngClass]="props.cssClass">
-      <val-form [props]="formProps" (onSubmit)="handleFormSubmit($event)">
-        @if (props.showAttachments !== false) {
-          <val-attachment-uploader [props]="{ maxFiles: 5 }" (attachmentsChange)="onAttachmentsChange($event)" />
-        }
-
-        @if (error()) {
-          <div class="request-alert error">
-            <ion-icon name="close-circle-outline" aria-hidden="true" />
-            <span>{{ error() }}</span>
-          </div>
-        }
-
-        @if (isSuccess()) {
-          <div class="request-alert success">
-            <ion-icon name="checkmark-circle-outline" aria-hidden="true" />
-            <span>{{ props.successMessage || t('success') }}</span>
-          </div>
-        }
-      </val-form>
-
-      @if (props.cancelButtonText) {
-        <ion-button fill="outline" color="medium" expand="block" class="cancel-button" (click)="onCancelClick()">
-          {{ props.cancelButtonText }}
-        </ion-button>
-      }
-    </div>
-  `, styles: [".request-form-wrapper{display:flex;flex-direction:column;gap:8px;&.compact{gap:4px}}.request-alert{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-top:8px;&.error{background-color:var(--ion-color-danger-tint);color:var(--ion-color-danger-shade)}&.success{background-color:var(--ion-color-success-tint);color:var(--ion-color-success-shade)}ion-icon{font-size:1.25rem}}.cancel-button{margin-top:8px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { props: [{
-                type: Input
-            }], onSubmit: [{
-                type: Output
-            }], onCancel: [{
-                type: Output
-            }] } });
-
 const DEFAULT_SPLASH_SCREEN_CONFIG = {
     fadeOutDuration: 300,
 };
@@ -69961,5 +70059,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { 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, AccordionComponent, AccountViewComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, ApiKeyCreateModalComponent, ApiKeyService, ApiKeysModalComponent, ApiKeysViewComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, CookieBannerComponent, 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_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, 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_PRESETS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, 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, EditOrgModalComponent, EmptyStateComponent, EntityCardComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FieldListComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FontSizeOption, FontSizeSelectorComponent, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormFieldComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HrefComponent, 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, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGGED_IN_HINT_COOKIE, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LanguageSelectorV2Component, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METRIC_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MemberDetailModalComponent, MemberImportModalComponent, MenuComponent, MessagingService, MetaService, MetricCardComponent, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationPreferencesViewComponent, NotificationsService, NotificationsViewComponent, NumberFromToComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OptionCardsComponent, OrgInfoSheetComponent, OrgService, OrgSwitchService, OrganizationViewComponent, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PermissionCatalogService, PermissionSelectorComponent, PermissionsModalComponent, PermissionsViewComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, ProcessLinksPipe, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QrScannerComponent, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestFormComponent, RequestService, RightsFooterComponent, 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, SessionListModalComponent, SessionService, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SplashComponent, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, SwitchOrgModalComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketCardComponent, TicketCardImageService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TransferOwnershipModalComponent, TranslatePipe, TypedCollection, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_NETWORK_ERROR_KEY, VALTECH_SETTINGS_MENU_LINKS, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VALTECH_WHATSAPP_CONFIG, VERSION, ValtechErrorService, VerifyViewComponent, WhatsappFabComponent, WhatsappService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildSettingsCards, button, canSubmitRequestType, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createPageState, createPermissionLabeler, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, iconButton, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isIonicColor, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAboutRoutes, provideValtechAccountRoutes, provideValtechAds, provideValtechApiKeysRoutes, provideValtechAppConfig, provideValtechAppVersion, provideValtechAppVersionHttp, provideValtechAuth, provideValtechAuthInterceptor, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechNotificationPreferencesRoutes, provideValtechNotificationsRoutes, provideValtechOrganizationRoutes, provideValtechPermissionsRoutes, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, provideValtechWhatsapp, query, renderPatternSvgInner, replaceSpecialChars, requestSubmitMode, resolveColor, resolveInputDefaultValue, resolveIonicColor, resolveWebBaseUrl, roleGuard, selectableRequestTypes, storagePaths, superAdminGuard, toArticle };
+export { 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, AccordionComponent, AccountViewComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, ApiKeyCreateModalComponent, ApiKeyService, ApiKeysModalComponent, ApiKeysViewComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, ArticleStripComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthCtaComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BlogPostBuilder, BottomNavComponent, BoxComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CALLOUT_LABELS, CHEV_KEYS, CIRCLE_KEYS, COMMON_COUNTRY_CODES, COMMON_CURRENCIES, CORNER_KEYS, CTA_CARD_DEFAULTS, CURRENCY_INFO, CardComponent, CardSection, CardType, CardsCarouselComponent, ChangeEmailModalComponent, ChangePasswordModalComponent, CheckInputComponent, CheckboxRadioInputComponent, ChipGroupComponent, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, CookieBannerComponent, 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_CHECK_INTERVAL_MS, DEFAULT_CONFIRM_BUTTON, DEFAULT_COUNTDOWN_LABELS, DEFAULT_COUNTDOWN_LABELS_EN, DEFAULT_DEBUG_CONSOLE_CONFIG, DEFAULT_DONATION_CONFIG, 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_PRESETS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, 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, EditOrgModalComponent, EmptyStateComponent, EntityCardComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FieldListComponent, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FontSizeOption, FontSizeSelectorComponent, FontSizeService, FooterComponent, FooterLinksComponent, FormComponent, FormFieldComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HrefComponent, 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, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGGED_IN_HINT_COOKIE, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LanguageSelectorV2Component, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginAttemptModalComponent, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, METRIC_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MemberDetailModalComponent, MemberImportModalComponent, MenuComponent, MessagingService, MetaService, MetricCardComponent, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationPreferencesViewComponent, NotificationsService, NotificationsViewComponent, NumberFromToComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OptionCardsComponent, OrgInfoSheetComponent, OrgService, OrgSwitchService, OrganizationViewComponent, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PermissionCatalogService, PermissionSelectorComponent, PermissionsModalComponent, PermissionsViewComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PreferencesViewComponent, PresetService, PriceTagComponent, ProcessLinksPipe, ProfileSkeletonComponent, ProfileViewComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QrScannerComponent, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestFormComponent, RequestModalComponent, RequestService, RightsFooterComponent, 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, SessionListModalComponent, SessionService, SettingsHubComponent, ShareButtonsComponent, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SplashComponent, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, SwitchOrgModalComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TicketCardComponent, TicketCardImageService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, TransferOwnershipModalComponent, TranslatePipe, TypedCollection, UPDATE_BANNER_DEFAULT_CONTENT, UPDATE_BANNER_I18N_NAMESPACE, UpdateBannerComponent, UserAvatarComponent, UsernameInputComponent, VALTECH_ADS_CONFIG, VALTECH_APP_CONFIG, VALTECH_APP_VERSION, VALTECH_AUTH_CONFIG, VALTECH_COMPANY_LINKS, VALTECH_CONTENT_CONFIG, VALTECH_DEBUG_CONSOLE, VALTECH_DEFAULT_CONTENT, VALTECH_DONATION_CONFIG, VALTECH_FEEDBACK_CONFIG, VALTECH_FIREBASE_CONFIG, VALTECH_FOOTER_I18N, VALTECH_FOOTER_LOGO, VALTECH_LANGUAGE_SELECTOR, VALTECH_LEGAL_CONFIG, VALTECH_NETWORK_ERROR_KEY, VALTECH_SETTINGS_MENU_LINKS, VALTECH_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VALTECH_WHATSAPP_CONFIG, VERSION, ValtechErrorService, VerifyViewComponent, WhatsappFabComponent, WhatsappService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, beautifyLegalArticle, blogPost, buildCompanyFooterProps, buildFooterLinks, buildLegalLinkResolver, buildPath, buildSettingsCards, button, canSubmitRequestType, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createPageState, createPermissionLabeler, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, iconButton, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isIonicColor, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAboutRoutes, provideValtechAccountRoutes, provideValtechAds, provideValtechApiKeysRoutes, provideValtechAppConfig, provideValtechAppVersion, provideValtechAppVersionHttp, provideValtechAuth, provideValtechAuthInterceptor, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechNotificationPreferencesRoutes, provideValtechNotificationsRoutes, provideValtechOrganizationRoutes, provideValtechPermissionsRoutes, provideValtechPreferencesRoutes, provideValtechPresets, provideValtechProfileRoutes, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, provideValtechWhatsapp, query, renderPatternSvgInner, replaceSpecialChars, requestSubmitMode, resolveColor, resolveInputDefaultValue, resolveIonicColor, resolveWebBaseUrl, roleGuard, selectableRequestTypes, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map