valtech-components 2.0.948 → 2.0.950

package/fesm2022/valtech-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, InjectionToken, makeEnvironmentProviders, APP_INITIALIZER, ErrorHandler, Injectable, DestroyRef, Inject, signal, computed, PLATFORM_ID, isDevMode, Optional, runInInjectionContext, effect, Pipe, TemplateRef, ViewContainerRef, input, Directive, EventEmitter, Component, Input, Output, ChangeDetectionStrategy, HostBinding, HostListener, NgZone, ViewChild, ChangeDetectorRef, ContentChild, output, Injector, isSignal, ElementRef, ViewEncapsulation } from '@angular/core';
+import { inject, InjectionToken, makeEnvironmentProviders, APP_INITIALIZER, ErrorHandler, Injectable, DestroyRef, Inject, signal, computed, PLATFORM_ID, isDevMode, Optional, runInInjectionContext, effect, Pipe, TemplateRef, ViewContainerRef, input, Directive, EventEmitter, Component, Input, Output, ChangeDetectionStrategy, HostBinding, HostListener, NgZone, ViewChild, ChangeDetectorRef, output, ContentChild, ElementRef, Injector, isSignal, ViewEncapsulation } from '@angular/core';
 import { BehaviorSubject, throwError, Subject, map, distinctUntilChanged, filter as filter$1, take as take$1, firstValueFrom, of, from, EMPTY, Observable, interval, debounceTime, switchMap as switchMap$1, catchError as catchError$1, takeUntil, isObservable, shareReplay, race, timer, forkJoin } from 'rxjs';
 import { catchError, switchMap, finalize, filter, take, map as map$1, tap, retry, timeout, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs/operators';
 import * as i1$3 from '@angular/common/http';
@@ -54,7 +54,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.948';
+const VERSION = '2.0.950';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -25120,91 +25120,126 @@ const FEATURES_LIST_DEFAULTS = {
     mode: 'vertical',
     gap: 'medium',
     alignment: 'start',
+    imageShape: 'square',
+    maxVisible: 0,
 };
 
+/**
+ * Defaults i18n (es/en) — auto-registrados si el consumer no proveyó el
+ * namespace `FeaturesList`. Cubre los labels de "ver más"/"ver menos".
+ */
+const FEATURES_LIST_I18N = {
+    es: { showMore: 'Ver más', showLess: 'Ver menos' },
+    en: { showMore: 'Show more', showLess: 'Show less' },
+};
 /**
  * val-features-list
  *
- * A component to display a list of features with icons, titles, and descriptions.
- * Supports i18n for all text content.
+ * Lista de features con icono **o imagen**, título y descripción. Soporta i18n,
+ * colapso opcional ("ver más" cuando supera `maxVisible`) y un link al pie
+ * (ej. "Find out more"). Útil para listas de settings, apps, beneficios.
  *
  * @example
  * ```html
  * <val-features-list
  *   [props]="{
  *     features: [
- *       { icon: 'flash-outline', titleKey: 'feature1Title', descriptionKey: 'feature1Desc' },
- *       { icon: 'color-palette-outline', titleKey: 'feature2Title', descriptionKey: 'feature2Desc' }
+ *       { icon: 'flash-outline', titleKey: 'Rápido', descriptionKey: 'Carga al instante' },
+ *       { image: '/logos/app.png', titleKey: 'Mi App', descriptionKey: 'Gestión de equipos', token: 'app' }
  *     ],
- *     i18nNamespace: 'Features',
- *     iconColor: 'primary',
- *     mode: 'vertical'
- *   }"
- * />
- * ```
- *
- * @example With custom SVG icons
- * ```html
- * <val-features-list
- *   [props]="{
- *     features: [
- *       {
- *         icon: 'custom',
- *         svgPath: 'M13 2L3 14h9l-1 8 10-12h-9l1-8z',
- *         titleKey: 'Fast & Secure',
- *         descriptionKey: 'Modern authentication with OAuth and MFA'
- *       }
- *     ]
+ *     maxVisible: 3,
+ *     footerLink: { label: 'Ver todo', routerLink: '/apps' }
  *   }"
+ *   (itemClick)="open($event)"
  * />
  * ```
  */
 class FeaturesListComponent {
     constructor() {
         this.i18n = inject(I18nService);
+        this.navigation = inject(NavigationService);
         /** Component configuration */
         this.props = input.required();
+        /** Emitido al tocar un item (con su `token`). */
+        this.itemClick = output();
+        /** Emitido al tocar el footer link (con su `token`). */
+        this.footerClick = output();
+        this._expanded = signal(false);
+        this.expanded = this._expanded.asReadonly();
         /** Merged configuration with defaults */
         this.config = computed(() => ({
             ...FEATURES_LIST_DEFAULTS,
             ...this.props(),
         }));
+        /** Items visibles según el estado de colapso. */
+        this.visibleFeatures = computed(() => {
+            const cfg = this.config();
+            const all = cfg.features ?? [];
+            if (cfg.maxVisible > 0 && !this._expanded() && all.length > cfg.maxVisible) {
+                return all.slice(0, cfg.maxVisible);
+            }
+            return all;
+        });
+        /** Si hay items de sobra para colapsar/expandir. */
+        this.canCollapse = computed(() => {
+            const cfg = this.config();
+            return cfg.maxVisible > 0 && (cfg.features?.length ?? 0) > cfg.maxVisible;
+        });
+        this.showMoreText = computed(() => {
+            this.i18n.lang();
+            return this.config().showMoreLabel || this.i18n.t('showMore', 'FeaturesList');
+        });
+        this.showLessText = computed(() => {
+            this.i18n.lang();
+            return this.config().showLessLabel || this.i18n.t('showLess', 'FeaturesList');
+        });
         /** Resolved icon color (handles Ionic colors and CSS colors) */
         this.iconColorStyle = computed(() => {
             const color = this.config().iconColor;
-            // Check if it's an Ionic color variable
             if (color && !color.startsWith('#') && !color.startsWith('rgb')) {
                 return `var(--ion-color-${color})`;
             }
             return color;
         });
+        if (!this.i18n.hasNamespace('FeaturesList')) {
+            this.i18n.registerContent('FeaturesList', FEATURES_LIST_I18N);
+        }
     }
-    /**
-     * Get translated title or return direct text
-     */
+    toggle() {
+        this._expanded.set(!this._expanded());
+    }
+    onItem(feature) {
+        if (feature.token != null) {
+            this.itemClick.emit(feature.token);
+        }
+    }
+    onFooter(event, link) {
+        this.footerClick.emit(link.token);
+        if (link.href) {
+            event.preventDefault();
+            this.navigation.openInNewTab(link.href);
+        }
+    }
+    /** Get translated title or return direct text */
     getTitle(feature) {
         const namespace = this.props().i18nNamespace;
         if (namespace) {
-            // Track language changes
             this.i18n.lang();
             return this.i18n.t(feature.titleKey, namespace);
         }
         return feature.titleKey;
     }
-    /**
-     * Get translated description or return direct text
-     */
+    /** Get translated description or return direct text */
     getDescription(feature) {
         const namespace = this.props().i18nNamespace;
         if (namespace) {
-            // Track language changes
             this.i18n.lang();
             return this.i18n.t(feature.descriptionKey, namespace);
         }
         return feature.descriptionKey;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FeaturesListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FeaturesListComponent, isStandalone: true, selector: "val-features-list", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FeaturesListComponent, isStandalone: true, selector: "val-features-list", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { itemClick: "itemClick", footerClick: "footerClick" }, ngImport: i0, template: `
     <div
       class="features-list"
       [class.features-list--vertical]="config().mode === 'vertical'"
@@ -25214,15 +25249,22 @@ class FeaturesListComponent {
       [class.features-list--gap-large]="config().gap === 'large'"
       [class.features-list--center]="config().alignment === 'center'"
     >
-      @for (feature of props().features; track feature.titleKey) {
-        <div class="feature">
+      @for (feature of visibleFeatures(); track feature.titleKey) {
+        <div class="feature" [class.feature--clickable]="feature.token != null" (click)="onItem(feature)">
           <div
             class="feature__icon"
             [style.color]="iconColorStyle()"
             [style.width.px]="config().iconSize"
             [style.height.px]="config().iconSize"
           >
-            @if (feature.icon === 'custom' && feature.svgPath) {
+            @if (feature.image) {
+              <img
+                class="feature__image"
+                [class.feature__image--circle]="config().imageShape === 'circle'"
+                [src]="feature.image"
+                [alt]="getTitle(feature)"
+              />
+            } @else if (feature.icon === 'custom' && feature.svgPath) {
               <svg
                 [attr.width]="config().iconSize"
                 [attr.height]="config().iconSize"
@@ -25235,7 +25277,7 @@ class FeaturesListComponent {
               >
                 <path [attr.d]="feature.svgPath" />
               </svg>
-            } @else {
+            } @else if (feature.icon) {
               <ion-icon [name]="feature.icon" [style.font-size.px]="config().iconSize"></ion-icon>
             }
           </div>
@@ -25245,12 +25287,24 @@ class FeaturesListComponent {
           </div>
         </div>
       }
+
+      @if (canCollapse()) {
+        <button type="button" class="features-list__more" (click)="toggle()">
+          {{ expanded() ? showLessText() : showMoreText() }}
+        </button>
+      }
+
+      @if (config().footerLink; as link) {
+        <a class="features-list__footer" [routerLink]="link.routerLink ?? null" (click)="onFooter($event, link)">
+          {{ link.label }}
+        </a>
+      }
     </div>
-  `, isInline: true, styles: [":host{display:block}.features-list{display:flex}.features-list--vertical{flex-direction:column}.features-list--horizontal{flex-direction:row;flex-wrap:wrap}.features-list--horizontal .feature{flex:1;min-width:200px}.features-list--gap-small{gap:1rem}.features-list--gap-medium{gap:1.5rem}.features-list--gap-large{gap:2rem}.features-list--center{align-items:center;text-align:center}.features-list--center .feature{flex-direction:column;align-items:center}.features-list--center .feature__content{text-align:center}.feature{display:flex;align-items:flex-start;gap:1rem}.feature__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.feature__content{flex:1}.feature__title{display:block;font-size:1.1rem;font-weight:600;color:var(--ion-text-color);margin-bottom:.25rem}.feature__description{margin:0;font-size:.95rem;color:var(--ion-color-medium);line-height:1.5}:host-context(.dark) .feature__title,:host-context(.ion-palette-dark) .feature__title,:host-context(html.ion-palette-dark) .feature__title,:host-context(body.dark) .feature__title,:host-context([data-theme=\"dark\"]) .feature__title{color:var(--ion-text-color, #fff)}:host-context(.dark) .feature__description,:host-context(.ion-palette-dark) .feature__description,:host-context(html.ion-palette-dark) .feature__description,:host-context(body.dark) .feature__description,:host-context([data-theme=\"dark\"]) .feature__description{color:var(--ion-color-medium, #a0a0a0)}:host-context(.dark) .feature__icon,:host-context(.ion-palette-dark) .feature__icon,:host-context(html.ion-palette-dark) .feature__icon,:host-context(body.dark) .feature__icon,:host-context([data-theme=\"dark\"]) .feature__icon{opacity:.9}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+  `, isInline: true, styles: [":host{display:block}.features-list{display:flex}.features-list--vertical{flex-direction:column}.features-list--horizontal{flex-direction:row;flex-wrap:wrap}.features-list--horizontal .feature{flex:1;min-width:200px}.features-list--gap-small{gap:1rem}.features-list--gap-medium{gap:1.5rem}.features-list--gap-large{gap:2rem}.features-list--center{align-items:center;text-align:center}.features-list--center .feature{flex-direction:column;align-items:center}.features-list--center .feature__content{text-align:center}.feature{display:flex;align-items:flex-start;gap:1rem}.feature--clickable{cursor:pointer;border-radius:10px;transition:background-color .15s ease}.feature--clickable:hover{background:var(--ion-color-light, rgba(0, 0, 0, .03))}.feature__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.feature__image{width:100%;height:100%;object-fit:contain;border-radius:8px}.feature__image--circle{object-fit:cover;border-radius:50%}.feature__content{flex:1}.feature__title{display:block;font-size:1.1rem;font-weight:600;color:var(--ion-text-color);margin-bottom:.25rem}.feature__description{margin:0;font-size:.95rem;color:var(--ion-color-medium);line-height:1.5}.features-list__more{align-self:flex-start;margin-top:.25rem;padding:0;background:none;border:none;font:inherit;font-weight:600;color:var(--ion-color-primary);cursor:pointer}.features-list--center .features-list__more,.features-list--center .features-list__footer{align-self:center}.features-list__footer{align-self:flex-start;margin-top:.25rem;font-weight:600;color:var(--ion-color-primary);text-decoration:none;cursor:pointer}.features-list__footer:hover{text-decoration:underline}:host-context(.dark) .feature__title,:host-context(.ion-palette-dark) .feature__title,:host-context(html.ion-palette-dark) .feature__title,:host-context(body.dark) .feature__title,:host-context([data-theme=\"dark\"]) .feature__title{color:var(--ion-text-color, #fff)}:host-context(.dark) .feature__description,:host-context(.ion-palette-dark) .feature__description,:host-context(html.ion-palette-dark) .feature__description,:host-context(body.dark) .feature__description,:host-context([data-theme=\"dark\"]) .feature__description{color:var(--ion-color-medium, #a0a0a0)}:host-context(.dark) .feature--clickable:hover,:host-context(.ion-palette-dark) .feature--clickable:hover,:host-context(html.ion-palette-dark) .feature--clickable:hover,:host-context(body.dark) .feature--clickable:hover,:host-context([data-theme=\"dark\"]) .feature--clickable:hover{background:#ffffff0a}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: FeaturesListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'val-features-list', standalone: true, imports: [CommonModule, IonIcon], template: `
+            args: [{ selector: 'val-features-list', standalone: true, imports: [CommonModule, RouterLink, IonIcon], template: `
     <div
       class="features-list"
       [class.features-list--vertical]="config().mode === 'vertical'"
@@ -25260,15 +25314,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       [class.features-list--gap-large]="config().gap === 'large'"
       [class.features-list--center]="config().alignment === 'center'"
     >
-      @for (feature of props().features; track feature.titleKey) {
-        <div class="feature">
+      @for (feature of visibleFeatures(); track feature.titleKey) {
+        <div class="feature" [class.feature--clickable]="feature.token != null" (click)="onItem(feature)">
           <div
             class="feature__icon"
             [style.color]="iconColorStyle()"
             [style.width.px]="config().iconSize"
             [style.height.px]="config().iconSize"
           >
-            @if (feature.icon === 'custom' && feature.svgPath) {
+            @if (feature.image) {
+              <img
+                class="feature__image"
+                [class.feature__image--circle]="config().imageShape === 'circle'"
+                [src]="feature.image"
+                [alt]="getTitle(feature)"
+              />
+            } @else if (feature.icon === 'custom' && feature.svgPath) {
               <svg
                 [attr.width]="config().iconSize"
                 [attr.height]="config().iconSize"
@@ -25281,7 +25342,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
               >
                 <path [attr.d]="feature.svgPath" />
               </svg>
-            } @else {
+            } @else if (feature.icon) {
               <ion-icon [name]="feature.icon" [style.font-size.px]="config().iconSize"></ion-icon>
             }
           </div>
@@ -25291,9 +25352,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           </div>
         </div>
       }
+
+      @if (canCollapse()) {
+        <button type="button" class="features-list__more" (click)="toggle()">
+          {{ expanded() ? showLessText() : showMoreText() }}
+        </button>
+      }
+
+      @if (config().footerLink; as link) {
+        <a class="features-list__footer" [routerLink]="link.routerLink ?? null" (click)="onFooter($event, link)">
+          {{ link.label }}
+        </a>
+      }
     </div>
-  `, styles: [":host{display:block}.features-list{display:flex}.features-list--vertical{flex-direction:column}.features-list--horizontal{flex-direction:row;flex-wrap:wrap}.features-list--horizontal .feature{flex:1;min-width:200px}.features-list--gap-small{gap:1rem}.features-list--gap-medium{gap:1.5rem}.features-list--gap-large{gap:2rem}.features-list--center{align-items:center;text-align:center}.features-list--center .feature{flex-direction:column;align-items:center}.features-list--center .feature__content{text-align:center}.feature{display:flex;align-items:flex-start;gap:1rem}.feature__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.feature__content{flex:1}.feature__title{display:block;font-size:1.1rem;font-weight:600;color:var(--ion-text-color);margin-bottom:.25rem}.feature__description{margin:0;font-size:.95rem;color:var(--ion-color-medium);line-height:1.5}:host-context(.dark) .feature__title,:host-context(.ion-palette-dark) .feature__title,:host-context(html.ion-palette-dark) .feature__title,:host-context(body.dark) .feature__title,:host-context([data-theme=\"dark\"]) .feature__title{color:var(--ion-text-color, #fff)}:host-context(.dark) .feature__description,:host-context(.ion-palette-dark) .feature__description,:host-context(html.ion-palette-dark) .feature__description,:host-context(body.dark) .feature__description,:host-context([data-theme=\"dark\"]) .feature__description{color:var(--ion-color-medium, #a0a0a0)}:host-context(.dark) .feature__icon,:host-context(.ion-palette-dark) .feature__icon,:host-context(html.ion-palette-dark) .feature__icon,:host-context(body.dark) .feature__icon,:host-context([data-theme=\"dark\"]) .feature__icon{opacity:.9}\n"] }]
-        }] });
+  `, styles: [":host{display:block}.features-list{display:flex}.features-list--vertical{flex-direction:column}.features-list--horizontal{flex-direction:row;flex-wrap:wrap}.features-list--horizontal .feature{flex:1;min-width:200px}.features-list--gap-small{gap:1rem}.features-list--gap-medium{gap:1.5rem}.features-list--gap-large{gap:2rem}.features-list--center{align-items:center;text-align:center}.features-list--center .feature{flex-direction:column;align-items:center}.features-list--center .feature__content{text-align:center}.feature{display:flex;align-items:flex-start;gap:1rem}.feature--clickable{cursor:pointer;border-radius:10px;transition:background-color .15s ease}.feature--clickable:hover{background:var(--ion-color-light, rgba(0, 0, 0, .03))}.feature__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.feature__image{width:100%;height:100%;object-fit:contain;border-radius:8px}.feature__image--circle{object-fit:cover;border-radius:50%}.feature__content{flex:1}.feature__title{display:block;font-size:1.1rem;font-weight:600;color:var(--ion-text-color);margin-bottom:.25rem}.feature__description{margin:0;font-size:.95rem;color:var(--ion-color-medium);line-height:1.5}.features-list__more{align-self:flex-start;margin-top:.25rem;padding:0;background:none;border:none;font:inherit;font-weight:600;color:var(--ion-color-primary);cursor:pointer}.features-list--center .features-list__more,.features-list--center .features-list__footer{align-self:center}.features-list__footer{align-self:flex-start;margin-top:.25rem;font-weight:600;color:var(--ion-color-primary);text-decoration:none;cursor:pointer}.features-list__footer:hover{text-decoration:underline}:host-context(.dark) .feature__title,:host-context(.ion-palette-dark) .feature__title,:host-context(html.ion-palette-dark) .feature__title,:host-context(body.dark) .feature__title,:host-context([data-theme=\"dark\"]) .feature__title{color:var(--ion-text-color, #fff)}:host-context(.dark) .feature__description,:host-context(.ion-palette-dark) .feature__description,:host-context(html.ion-palette-dark) .feature__description,:host-context(body.dark) .feature__description,:host-context([data-theme=\"dark\"]) .feature__description{color:var(--ion-color-medium, #a0a0a0)}:host-context(.dark) .feature--clickable:hover,:host-context(.ion-palette-dark) .feature--clickable:hover,:host-context(html.ion-palette-dark) .feature--clickable:hover,:host-context(body.dark) .feature--clickable:hover,:host-context([data-theme=\"dark\"]) .feature--clickable:hover{background:#ffffff0a}\n"] }]
+        }], ctorParameters: () => [] });
 
 /**
  * val-footer-links
@@ -29533,9 +29606,9 @@ class AttachmentUploaderComponent {
             cameraOutline,
             checkmarkCircleOutline,
             closeCircleOutline,
+            closeOutline,
             documentOutline,
             imageOutline,
-            trashOutline,
         });
     }
     async onFilesSelected(event) {
@@ -29593,11 +29666,11 @@ class AttachmentUploaderComponent {
         return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AttachmentUploaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AttachmentUploaderComponent, isStandalone: true, selector: "val-attachment-uploader", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { attachmentsChange: "attachmentsChange" }, ngImport: i0, template: "<div class=\"attachment-uploader\">\n  <input #filePicker type=\"file\" [accept]=\"accept()\" multiple class=\"hidden-input\" (change)=\"onFilesSelected($event)\" />\n\n  <div class=\"attachment-actions\">\n    <ion-button fill=\"outline\" size=\"small\" [disabled]=\"isDisabled()\" (click)=\"filePicker.click()\">\n      <ion-icon slot=\"start\" name=\"attach-outline\"></ion-icon>\n      {{ i18n.t('attachAdd') }}\n    </ion-button>\n    <!-- label trick: native browser gesture forwarding \u2192 iOS/PWA no bloquea el picker -->\n    <label class=\"camera-label\" [class.camera-label--disabled]=\"isDisabled()\">\n      <input\n        type=\"file\"\n        accept=\"image/*\"\n        capture=\"environment\"\n        class=\"hidden-input\"\n        [disabled]=\"isDisabled()\"\n        (change)=\"onFilesSelected($event)\"\n      />\n      <ion-icon name=\"camera-outline\"></ion-icon>\n      {{ i18n.t('attachCamera') }}\n    </label>\n  </div>\n\n  @if (maxReached()) {\n  <ion-note color=\"warning\" class=\"max-note\">\n    {{ i18n.t('attachMaxCount', '_global', { count: maxFiles().toString() }) }}\n  </ion-note>\n  } @if (attachments().length > 0) {\n  <div class=\"attachment-list\">\n    @for (item of attachments(); track item.id) {\n    <div class=\"attachment-item\" [class]=\"'status-' + item.status\">\n      <ion-icon\n        class=\"file-icon\"\n        [name]=\"item.file.type.startsWith('image/') ? 'image-outline' : 'document-outline'\"\n      ></ion-icon>\n      <div class=\"file-info\">\n        <span class=\"file-name\">{{ item.file.name }}</span>\n        <span class=\"file-size\">{{ formatSize(item.file.size) }}</span>\n      </div>\n\n      @if (item.status === 'uploading') {\n      <ion-spinner class=\"status-icon\" name=\"circular\"></ion-spinner>\n      } @else if (item.status === 'ready') {\n      <ion-icon class=\"status-icon\" name=\"checkmark-circle-outline\" color=\"success\"></ion-icon>\n      } @else if (item.status === 'error') {\n      <ion-icon class=\"status-icon\" name=\"close-circle-outline\" color=\"danger\"></ion-icon>\n      } @if (item.status !== 'uploading') {\n      <ion-button fill=\"clear\" size=\"small\" color=\"medium\" (click)=\"remove(item.id)\">\n        <ion-icon slot=\"icon-only\" name=\"trash-outline\"></ion-icon>\n      </ion-button>\n      } @if (item.status === 'error' && item.error) {\n      <ion-note color=\"danger\" class=\"error-note\">{{ item.error }}</ion-note>\n      }\n    </div>\n    }\n  </div>\n  }\n</div>\n", styles: [".hidden-input{display:none}.camera-label{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:32px;font-size:14px;font-weight:500;border-radius:4px;border:1px solid currentColor;color:var(--ion-color-dark);background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s}.camera-label ion-icon{font-size:16px;flex-shrink:0}.camera-label--disabled{opacity:.4;pointer-events:none}.attachment-uploader{display:flex;flex-direction:column;gap:8px}.attachment-actions{display:flex;gap:8px;flex-wrap:wrap}.attachment-list{display:flex;flex-direction:column;gap:4px}.attachment-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:var(--ion-color-light);flex-wrap:wrap}.attachment-item.status-error{background:var(--ion-color-danger-tint)}.attachment-item.status-ready{background:var(--ion-color-success-tint)}.file-icon{font-size:20px;flex-shrink:0}.file-info{flex:1;min-width:0;display:flex;flex-direction:column}.file-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:12px;color:var(--ion-color-medium)}.status-icon{font-size:20px;flex-shrink:0}.error-note{font-size:11px;width:100%}.max-note{font-size:12px}\n"], dependencies: [{ 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"] }, { kind: "component", type: IonNote, selector: "ion-note", inputs: ["color", "mode"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AttachmentUploaderComponent, isStandalone: true, selector: "val-attachment-uploader", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { attachmentsChange: "attachmentsChange" }, ngImport: i0, template: "<div class=\"attachment-uploader\">\n  <input #filePicker type=\"file\" [accept]=\"accept()\" multiple class=\"hidden-input\" (change)=\"onFilesSelected($event)\" />\n\n  <div class=\"attachment-actions\">\n    <ion-button fill=\"outline\" color=\"dark\" size=\"small\" [disabled]=\"isDisabled()\" (click)=\"filePicker.click()\">\n      <ion-icon slot=\"start\" name=\"attach-outline\"></ion-icon>\n      {{ i18n.t('attachAdd') }}\n    </ion-button>\n    <!-- label trick: native browser gesture forwarding \u2192 iOS/PWA no bloquea el picker -->\n    <label class=\"camera-label\" [class.camera-label--disabled]=\"isDisabled()\">\n      <input\n        type=\"file\"\n        accept=\"image/*\"\n        capture=\"environment\"\n        class=\"hidden-input\"\n        [disabled]=\"isDisabled()\"\n        (change)=\"onFilesSelected($event)\"\n      />\n      <ion-icon name=\"camera-outline\"></ion-icon>\n      {{ i18n.t('attachCamera') }}\n    </label>\n  </div>\n\n  @if (maxReached()) {\n  <ion-note color=\"warning\" class=\"max-note\">\n    {{ i18n.t('attachMaxCount', '_global', { count: maxFiles().toString() }) }}\n  </ion-note>\n  } @if (attachments().length > 0) {\n  <div class=\"attachment-list\">\n    @for (item of attachments(); track item.id) {\n    <div class=\"attachment-item\" [class]=\"'status-' + item.status\">\n      <ion-icon\n        class=\"file-icon\"\n        [name]=\"item.file.type.startsWith('image/') ? 'image-outline' : 'document-outline'\"\n      ></ion-icon>\n      <div class=\"file-info\">\n        <span class=\"file-name\">{{ item.file.name }}</span>\n        <span class=\"file-size\">{{ formatSize(item.file.size) }}</span>\n      </div>\n\n      @if (item.status === 'uploading') {\n      <ion-spinner class=\"status-icon\" name=\"circular\"></ion-spinner>\n      } @else if (item.status === 'ready') {\n      <ion-icon class=\"status-icon\" name=\"checkmark-circle-outline\" color=\"success\"></ion-icon>\n      } @else if (item.status === 'error') {\n      <ion-icon class=\"status-icon\" name=\"close-circle-outline\" color=\"danger\"></ion-icon>\n      } @if (item.status !== 'uploading') {\n      <ion-button fill=\"clear\" size=\"small\" color=\"dark\" (click)=\"remove(item.id)\">\n        <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n      </ion-button>\n      } @if (item.status === 'error' && item.error) {\n      <ion-note color=\"danger\" class=\"error-note\">{{ item.error }}</ion-note>\n      }\n    </div>\n    }\n  </div>\n  }\n</div>\n", styles: [".hidden-input{display:none}.camera-label{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:32px;font-size:14px;font-weight:500;border-radius:4px;border:1px solid currentColor;color:var(--ion-color-dark);background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s}.camera-label ion-icon{font-size:16px;flex-shrink:0}.camera-label--disabled{opacity:.4;pointer-events:none}.attachment-uploader{display:flex;flex-direction:column;gap:8px}.attachment-actions{display:flex;gap:8px;flex-wrap:wrap}.attachment-list{display:flex;flex-direction:column;gap:4px}.attachment-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--ion-background-color, #fff);border:1px solid var(--ion-color-light-shade, rgba(0, 0, 0, .08));flex-wrap:wrap}.attachment-item.status-error{border-color:var(--ion-color-danger)}.file-icon{font-size:22px;color:var(--ion-text-color);flex-shrink:0}.file-info{flex:1;min-width:0;display:flex;flex-direction:column}.file-name{font-size:13px;color:var(--ion-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:11px;color:var(--ion-color-medium)}:host-context(.dark) .attachment-item,:host-context(.ion-palette-dark) .attachment-item,:host-context(html.ion-palette-dark) .attachment-item,:host-context(body.dark) .attachment-item,:host-context([data-theme=dark]) .attachment-item{background:#ffffff0a;border-color:#ffffff1f}:host-context(.dark) .attachment-item.status-error,:host-context(.ion-palette-dark) .attachment-item.status-error,:host-context(html.ion-palette-dark) .attachment-item.status-error,:host-context(body.dark) .attachment-item.status-error,:host-context([data-theme=dark]) .attachment-item.status-error{border-color:var(--ion-color-danger)}.status-icon{font-size:20px;flex-shrink:0}.error-note{font-size:11px;width:100%}.max-note{font-size:12px}\n"], dependencies: [{ 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"] }, { kind: "component", type: IonNote, selector: "ion-note", inputs: ["color", "mode"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AttachmentUploaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'val-attachment-uploader', standalone: true, imports: [IonButton, IonIcon, IonNote, IonSpinner], template: "<div class=\"attachment-uploader\">\n  <input #filePicker type=\"file\" [accept]=\"accept()\" multiple class=\"hidden-input\" (change)=\"onFilesSelected($event)\" />\n\n  <div class=\"attachment-actions\">\n    <ion-button fill=\"outline\" size=\"small\" [disabled]=\"isDisabled()\" (click)=\"filePicker.click()\">\n      <ion-icon slot=\"start\" name=\"attach-outline\"></ion-icon>\n      {{ i18n.t('attachAdd') }}\n    </ion-button>\n    <!-- label trick: native browser gesture forwarding \u2192 iOS/PWA no bloquea el picker -->\n    <label class=\"camera-label\" [class.camera-label--disabled]=\"isDisabled()\">\n      <input\n        type=\"file\"\n        accept=\"image/*\"\n        capture=\"environment\"\n        class=\"hidden-input\"\n        [disabled]=\"isDisabled()\"\n        (change)=\"onFilesSelected($event)\"\n      />\n      <ion-icon name=\"camera-outline\"></ion-icon>\n      {{ i18n.t('attachCamera') }}\n    </label>\n  </div>\n\n  @if (maxReached()) {\n  <ion-note color=\"warning\" class=\"max-note\">\n    {{ i18n.t('attachMaxCount', '_global', { count: maxFiles().toString() }) }}\n  </ion-note>\n  } @if (attachments().length > 0) {\n  <div class=\"attachment-list\">\n    @for (item of attachments(); track item.id) {\n    <div class=\"attachment-item\" [class]=\"'status-' + item.status\">\n      <ion-icon\n        class=\"file-icon\"\n        [name]=\"item.file.type.startsWith('image/') ? 'image-outline' : 'document-outline'\"\n      ></ion-icon>\n      <div class=\"file-info\">\n        <span class=\"file-name\">{{ item.file.name }}</span>\n        <span class=\"file-size\">{{ formatSize(item.file.size) }}</span>\n      </div>\n\n      @if (item.status === 'uploading') {\n      <ion-spinner class=\"status-icon\" name=\"circular\"></ion-spinner>\n      } @else if (item.status === 'ready') {\n      <ion-icon class=\"status-icon\" name=\"checkmark-circle-outline\" color=\"success\"></ion-icon>\n      } @else if (item.status === 'error') {\n      <ion-icon class=\"status-icon\" name=\"close-circle-outline\" color=\"danger\"></ion-icon>\n      } @if (item.status !== 'uploading') {\n      <ion-button fill=\"clear\" size=\"small\" color=\"medium\" (click)=\"remove(item.id)\">\n        <ion-icon slot=\"icon-only\" name=\"trash-outline\"></ion-icon>\n      </ion-button>\n      } @if (item.status === 'error' && item.error) {\n      <ion-note color=\"danger\" class=\"error-note\">{{ item.error }}</ion-note>\n      }\n    </div>\n    }\n  </div>\n  }\n</div>\n", styles: [".hidden-input{display:none}.camera-label{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:32px;font-size:14px;font-weight:500;border-radius:4px;border:1px solid currentColor;color:var(--ion-color-dark);background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s}.camera-label ion-icon{font-size:16px;flex-shrink:0}.camera-label--disabled{opacity:.4;pointer-events:none}.attachment-uploader{display:flex;flex-direction:column;gap:8px}.attachment-actions{display:flex;gap:8px;flex-wrap:wrap}.attachment-list{display:flex;flex-direction:column;gap:4px}.attachment-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:var(--ion-color-light);flex-wrap:wrap}.attachment-item.status-error{background:var(--ion-color-danger-tint)}.attachment-item.status-ready{background:var(--ion-color-success-tint)}.file-icon{font-size:20px;flex-shrink:0}.file-info{flex:1;min-width:0;display:flex;flex-direction:column}.file-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:12px;color:var(--ion-color-medium)}.status-icon{font-size:20px;flex-shrink:0}.error-note{font-size:11px;width:100%}.max-note{font-size:12px}\n"] }]
+            args: [{ selector: 'val-attachment-uploader', standalone: true, imports: [IonButton, IonIcon, IonNote, IonSpinner], template: "<div class=\"attachment-uploader\">\n  <input #filePicker type=\"file\" [accept]=\"accept()\" multiple class=\"hidden-input\" (change)=\"onFilesSelected($event)\" />\n\n  <div class=\"attachment-actions\">\n    <ion-button fill=\"outline\" color=\"dark\" size=\"small\" [disabled]=\"isDisabled()\" (click)=\"filePicker.click()\">\n      <ion-icon slot=\"start\" name=\"attach-outline\"></ion-icon>\n      {{ i18n.t('attachAdd') }}\n    </ion-button>\n    <!-- label trick: native browser gesture forwarding \u2192 iOS/PWA no bloquea el picker -->\n    <label class=\"camera-label\" [class.camera-label--disabled]=\"isDisabled()\">\n      <input\n        type=\"file\"\n        accept=\"image/*\"\n        capture=\"environment\"\n        class=\"hidden-input\"\n        [disabled]=\"isDisabled()\"\n        (change)=\"onFilesSelected($event)\"\n      />\n      <ion-icon name=\"camera-outline\"></ion-icon>\n      {{ i18n.t('attachCamera') }}\n    </label>\n  </div>\n\n  @if (maxReached()) {\n  <ion-note color=\"warning\" class=\"max-note\">\n    {{ i18n.t('attachMaxCount', '_global', { count: maxFiles().toString() }) }}\n  </ion-note>\n  } @if (attachments().length > 0) {\n  <div class=\"attachment-list\">\n    @for (item of attachments(); track item.id) {\n    <div class=\"attachment-item\" [class]=\"'status-' + item.status\">\n      <ion-icon\n        class=\"file-icon\"\n        [name]=\"item.file.type.startsWith('image/') ? 'image-outline' : 'document-outline'\"\n      ></ion-icon>\n      <div class=\"file-info\">\n        <span class=\"file-name\">{{ item.file.name }}</span>\n        <span class=\"file-size\">{{ formatSize(item.file.size) }}</span>\n      </div>\n\n      @if (item.status === 'uploading') {\n      <ion-spinner class=\"status-icon\" name=\"circular\"></ion-spinner>\n      } @else if (item.status === 'ready') {\n      <ion-icon class=\"status-icon\" name=\"checkmark-circle-outline\" color=\"success\"></ion-icon>\n      } @else if (item.status === 'error') {\n      <ion-icon class=\"status-icon\" name=\"close-circle-outline\" color=\"danger\"></ion-icon>\n      } @if (item.status !== 'uploading') {\n      <ion-button fill=\"clear\" size=\"small\" color=\"dark\" (click)=\"remove(item.id)\">\n        <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n      </ion-button>\n      } @if (item.status === 'error' && item.error) {\n      <ion-note color=\"danger\" class=\"error-note\">{{ item.error }}</ion-note>\n      }\n    </div>\n    }\n  </div>\n  }\n</div>\n", styles: [".hidden-input{display:none}.camera-label{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:32px;font-size:14px;font-weight:500;border-radius:4px;border:1px solid currentColor;color:var(--ion-color-dark);background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s}.camera-label ion-icon{font-size:16px;flex-shrink:0}.camera-label--disabled{opacity:.4;pointer-events:none}.attachment-uploader{display:flex;flex-direction:column;gap:8px}.attachment-actions{display:flex;gap:8px;flex-wrap:wrap}.attachment-list{display:flex;flex-direction:column;gap:4px}.attachment-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--ion-background-color, #fff);border:1px solid var(--ion-color-light-shade, rgba(0, 0, 0, .08));flex-wrap:wrap}.attachment-item.status-error{border-color:var(--ion-color-danger)}.file-icon{font-size:22px;color:var(--ion-text-color);flex-shrink:0}.file-info{flex:1;min-width:0;display:flex;flex-direction:column}.file-name{font-size:13px;color:var(--ion-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:11px;color:var(--ion-color-medium)}:host-context(.dark) .attachment-item,:host-context(.ion-palette-dark) .attachment-item,:host-context(html.ion-palette-dark) .attachment-item,:host-context(body.dark) .attachment-item,:host-context([data-theme=dark]) .attachment-item{background:#ffffff0a;border-color:#ffffff1f}:host-context(.dark) .attachment-item.status-error,:host-context(.ion-palette-dark) .attachment-item.status-error,:host-context(html.ion-palette-dark) .attachment-item.status-error,:host-context(body.dark) .attachment-item.status-error,:host-context([data-theme=dark]) .attachment-item.status-error{border-color:var(--ion-color-danger)}.status-icon{font-size:20px;flex-shrink:0}.error-note{font-size:11px;width:100%}.max-note{font-size:12px}\n"] }]
         }], ctorParameters: () => [] });
 
 /**
@@ -33885,6 +33958,166 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
 
+/**
+ * Default values for SearchHeaderMetadata.
+ */
+const SEARCH_HEADER_DEFAULTS = {
+    searchToken: 'search',
+    maxWidth: '720px',
+    startOpen: false,
+    showClose: true,
+};
+
+addIcons({ closeOutline });
+/**
+ * `val-search-header` — header/toolbar con búsqueda desplegable.
+ *
+ * El botón de búsqueda es una ICON action del toolbar (igual que
+ * menu/avatar/notificaciones), identificada por su `token` (`searchToken`).
+ * Al presionarla se despliega un `val-searchbar` debajo del toolbar: 100% del
+ * ancho en mobile, un máximo centrado en desktop.
+ *
+ * Reusa `val-toolbar` para el header — las demás acciones se emiten por
+ * `(onAction)`. La query se emite por `(search)`.
+ *
+ * @example
+ * ```html
+ * <val-search-header
+ *   [props]="{
+ *     header: { toolbar: { title: 'AWS', withActions: true, withBack: false,
+ *       actions: [
+ *         { type: 'ICON', description: 'search-outline', token: 'search', position: 'right' },
+ *         { type: 'ICON', description: 'notifications-outline', token: 'notif', position: 'right' }
+ *       ] } },
+ *     searchbar: { placeholder: 'Buscar...' }
+ *   }"
+ *   (search)="onSearch($event)"
+ *   (onAction)="onAction($event)"
+ * >
+ *   <ion-button slot="search-actions" fill="outline">Filter: All</ion-button>
+ * </val-search-header>
+ * ```
+ */
+class SearchHeaderComponent {
+    constructor() {
+        this.host = inject((ElementRef));
+        /** Configuración del search header. */
+        this.props = {
+            header: { toolbar: { title: '', withActions: true, withBack: false, actions: [] } },
+        };
+        /** Emite el token de cualquier acción del toolbar que NO sea la de búsqueda. */
+        this.onAction = new EventEmitter();
+        /** Emite la query del searchbar. */
+        this.search = new EventEmitter();
+        /** Emite al abrir/cerrar la barra de búsqueda. */
+        this.searchToggle = new EventEmitter();
+        /** Emite cuando el searchbar pierde el foco. */
+        this.blur = new EventEmitter();
+        this._open = signal(false);
+        this.open = this._open.asReadonly();
+        this.config = computed(() => ({
+            ...SEARCH_HEADER_DEFAULTS,
+            ...this.props,
+        }));
+        // startOpen se respeta una vez, en la primera lectura de props.
+        if (this.props.startOpen) {
+            this._open.set(true);
+        }
+    }
+    handleToolbar(token) {
+        if (token && token === this.config().searchToken) {
+            this.toggle();
+            return;
+        }
+        this.onAction.emit(token);
+    }
+    toggle() {
+        const next = !this._open();
+        this._open.set(next);
+        this.searchToggle.emit(next);
+        if (next) {
+            this.focusSearchbar();
+        }
+    }
+    focusSearchbar() {
+        // Enfoca el ion-searchbar nativo al desplegar (mejor UX, como AWS/Slack).
+        setTimeout(() => {
+            const el = this.host.nativeElement.querySelector('ion-searchbar');
+            el?.setFocus?.();
+        }, 50);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SearchHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SearchHeaderComponent, isStandalone: true, selector: "val-search-header", inputs: { props: "props" }, outputs: { onAction: "onAction", search: "search", searchToggle: "searchToggle", blur: "blur" }, ngImport: i0, template: `
+    <ion-header [class.ion-no-border]="!config().header.bordered" [translucent]="config().header.translucent">
+      <val-toolbar [props]="config().header.toolbar" (onClick)="handleToolbar($event)"></val-toolbar>
+
+      @if (open()) {
+        <div class="search-reveal">
+          <div class="search-reveal__inner" [style.max-width]="config().maxWidth">
+            <val-searchbar
+              class="search-reveal__bar"
+              [props]="config().searchbar || {}"
+              (filterEvent)="search.emit($event)"
+              (blurEvent)="blur.emit()"
+            ></val-searchbar>
+
+            <ng-content select="[search-actions]"></ng-content>
+
+            @if (config().showClose) {
+              <ion-buttons>
+                <ion-button class="search-reveal__close" fill="clear" color="dark" (click)="toggle()">
+                  <ion-icon name="close-outline" slot="icon-only"></ion-icon>
+                </ion-button>
+              </ion-buttons>
+            }
+          </div>
+        </div>
+      }
+    </ion-header>
+  `, isInline: true, styles: [":host{display:block}.search-reveal{width:100%;background:var(--ion-toolbar-background, var(--ion-background-color));border-top:1px solid var(--ion-color-light-shade, rgba(0, 0, 0, .08));overflow:hidden;animation:search-reveal-in .22s ease}.search-reveal__inner{display:flex;align-items:center;gap:.5rem;width:100%;margin:0 auto;padding:.25rem .5rem}.search-reveal__bar{flex:1;min-width:0}.search-reveal__close{flex-shrink:0}@keyframes search-reveal-in{0%{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:120px}}:host-context(.dark) .search-reveal,:host-context(.ion-palette-dark) .search-reveal,:host-context(html.ion-palette-dark) .search-reveal,:host-context(body.dark) .search-reveal,:host-context([data-theme=dark]) .search-reveal{border-top-color:#ffffff1f}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { 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: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: ToolbarComponent, selector: "val-toolbar", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: SearchbarComponent, selector: "val-searchbar", inputs: ["preset", "props"], outputs: ["filterEvent", "focusEvent", "blurEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SearchHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-search-header', standalone: true, imports: [CommonModule, IonHeader, IonButton, IonButtons, IonIcon, ToolbarComponent, SearchbarComponent], template: `
+    <ion-header [class.ion-no-border]="!config().header.bordered" [translucent]="config().header.translucent">
+      <val-toolbar [props]="config().header.toolbar" (onClick)="handleToolbar($event)"></val-toolbar>
+
+      @if (open()) {
+        <div class="search-reveal">
+          <div class="search-reveal__inner" [style.max-width]="config().maxWidth">
+            <val-searchbar
+              class="search-reveal__bar"
+              [props]="config().searchbar || {}"
+              (filterEvent)="search.emit($event)"
+              (blurEvent)="blur.emit()"
+            ></val-searchbar>
+
+            <ng-content select="[search-actions]"></ng-content>
+
+            @if (config().showClose) {
+              <ion-buttons>
+                <ion-button class="search-reveal__close" fill="clear" color="dark" (click)="toggle()">
+                  <ion-icon name="close-outline" slot="icon-only"></ion-icon>
+                </ion-button>
+              </ion-buttons>
+            }
+          </div>
+        </div>
+      }
+    </ion-header>
+  `, styles: [":host{display:block}.search-reveal{width:100%;background:var(--ion-toolbar-background, var(--ion-background-color));border-top:1px solid var(--ion-color-light-shade, rgba(0, 0, 0, .08));overflow:hidden;animation:search-reveal-in .22s ease}.search-reveal__inner{display:flex;align-items:center;gap:.5rem;width:100%;margin:0 auto;padding:.25rem .5rem}.search-reveal__bar{flex:1;min-width:0}.search-reveal__close{flex-shrink:0}@keyframes search-reveal-in{0%{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:120px}}:host-context(.dark) .search-reveal,:host-context(.ion-palette-dark) .search-reveal,:host-context(html.ion-palette-dark) .search-reveal,:host-context(body.dark) .search-reveal,:host-context([data-theme=dark]) .search-reveal{border-top-color:#ffffff1f}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }], onAction: [{
+                type: Output
+            }], search: [{
+                type: Output
+            }], searchToggle: [{
+                type: Output
+            }], blur: [{
+                type: Output
+            }] } });
+
 /** Segundos de espera antes de poder reenviar el código EMAIL/SMS. */
 const RESEND_COOLDOWN_SECONDS = 30;
 /**
@@ -43640,7 +43873,7 @@ const VALTECH_SITE_PATHS = {
     support: '/contact',
     contact: '/contact',
     faq: '/faq',
-    about: '/legal/about',
+    about: '/about',
     terms: '/legal/terms',
     privacy: '/legal/privacy',
     cookies: '/legal/cookies',
@@ -51146,7 +51379,7 @@ const VALTECH_FOOTER_LOGO = {
 const VALTECH_COMPANY_LINKS = {
     // Links legales con `external: true` → abren en tab nueva (target=_blank).
     legal: [
-        { key: 'aboutUs', url: '/legal/about', kind: 'site', external: false },
+        { key: 'aboutUs', url: '/about', kind: 'site', external: false },
         { key: 'privacyPolicy', url: '/legal/privacy', kind: 'legal', external: true },
         { key: 'termsConditions', url: '/legal/terms', kind: 'legal', external: true },
         { key: 'cookiesPolicy', url: '/legal/cookies', kind: 'legal', external: true },
@@ -51496,5 +51729,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, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, 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, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, CookieBannerComponent, CountdownComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, 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_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DebugConsoleComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EmailInputComponent, EmptyStateComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MenuComponent, MessagingService, MetaService, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestService, RightsFooterComponent, RotatingTextComponent, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, 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_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VERSION, ValtechErrorService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, blogPost, buildFooterLinks, buildPath, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSite, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, resolveWebBaseUrl, roleGuard, storagePaths, superAdminGuard, toArticle };
+export { ACTION_CARD_DEFAULTS, AD_SIZE_MAP, API_TABLE_COLUMN_LABELS, ARTICLE_CARD_DEFAULTS, ARTICLE_SPACING, AVATAR_UPLOAD_DEFAULTS, AccordionComponent, ActionCardComponent, ActionHeaderComponent, ActionType, AdSlotComponent, AdsLoaderService, AdsService, AlertBoxComponent, AnalyticsErrorHandler, AnalyticsRouterTracker, AnalyticsService, AnimatedTerminalComponent, AppConfigService, AppVersionService, ArticleBuilder, ArticleCardComponent, ArticleComponent, AttachmentUploaderComponent, AuthBackgroundComponent, AuthService, AuthStateService, AuthStorageService, AuthSyncService, AvatarComponent, AvatarUploadComponent, BOTTOM_NAV_DEFAULTS, BannerComponent, BaseDefault, 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, ClearDefault, ClearDefaultBlock, ClearDefaultFull, ClearDefaultRound, ClearDefaultRoundBlock, ClearDefaultRoundFull, CodeDisplayComponent, CommandDisplayComponent, CommentComponent, CommentInputComponent, CommentSectionComponent, CompanyFooterComponent, ComponentStates, ConfirmationDialogService, ContainerComponent, ContentLoaderComponent, ContentReactionComponent, ContentService, ContentTransformer, CookieBannerComponent, CountdownComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, 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_MODAL_CANCEL_BUTTON, DEFAULT_MODAL_CONFIRM_BUTTON, DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_PLATFORMS, DEFAULT_REFRESHER_METADATA, DEFAULT_SKELETON_CONFIG, DEFAULT_SPLASH_SCREEN_CONFIG, DataTableComponent, DateInputComponent, DateRangeInputComponent, DebugConsoleComponent, DetailSkeletonComponent, DeviceService, DisplayComponent, DividerComponent, DocsApiTableComponent, DocsBreadcrumbComponent, DocsBuilder, DocsCalloutComponent, DocsCodeExampleComponent, DocsLayoutComponent, DocsNavLinksComponent, DocsNavigationService, DocsPageComponent, DocsSearchComponent, DocsSectionComponent, DocsShellComponent, DocsSidebarComponent, DocsTocComponent, DonationService, DownloadService, EmailInputComponent, EmptyStateComponent, ExpandableTextComponent, FEATURES_LIST_DEFAULTS, FUN_MODAL_DEFAULTS, FabComponent, FaqComponent, FeaturesListComponent, FeedbackFormComponent, FeedbackService, FileInputComponent, FirebaseService, FirestoreCollectionFactory, FirestoreService, FooterComponent, FooterLinksComponent, FormComponent, FormFooterComponent, FormSkeletonComponent, FunHeaderComponent, FunModalComponent, GlassComponent, GlowCardComponent, GlowComponent, GridSkeletonComponent, HANDOFF_ROUTE_PARAM, HANDOFF_TOKEN_PARAM, HandoffService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HourInputComponent, HrefComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, ItemListComponent, LANG_STORAGE_KEY$1 as LANG_STORAGE_KEY, LEGAL_CONTENT_CONFIG, LOGIN_DEFAULTS, LandingSplitComponent, LandingStepsComponent, LanguageSelectorComponent, LayeredCardComponent, LegalContentService, LegalLinkService, LinkComponent, LinkProcessorService, LinkedProvidersComponent, LinksAccordionComponent, LinksCakeComponent, ListSkeletonComponent, LoadingDirective, LocalStorageService, LocaleService, LoginComponent, MEDIA_OBJECT_DEFAULTS, MEMBER_CARD_DEFAULTS, MODAL_SIZES, MOTIF_KEYS, MOTION, MaintenancePageComponent, MarkdownArticleParserService, MediaObjectComponent, MemberCardComponent, MenuComponent, MessagingService, MetaService, MfaModalComponent, ModalService, ModalShellComponent, MultiSelectSearchComponent, NUM_KEYS, NavigationService, NetworkBannerComponent, NetworkStatusService, NewsBuilder, NoContentComponent, NotesBoxComponent, NotificationActionService, NotificationsService, NumberFromToComponent, NumberInputComponent, NumberStepperComponent, OAUTH_PROVIDERS_INFO, OAuthCallbackComponent, OAuthService, OrgService, OrgSwitchService, OutlineDefault, OutlineDefaultBlock, OutlineDefaultFull, OutlineDefaultRound, OutlineDefaultRoundBlock, OutlineDefaultRoundFull, PATTERN_MOTIFS, PATTERN_PALETTES, PATTERN_STYLE_CONFIGS, PLATFORM_CONFIGS, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PhoneInputComponent, PillComponent, PinInputComponent, PlainCodeBoxComponent, PopoverSelectorComponent, PreferencesService, PresetService, PriceTagComponent, PrimarySolidBlockButton, PrimarySolidBlockHrefButton, PrimarySolidBlockIconButton, PrimarySolidBlockIconHrefButton, PrimarySolidDefaultRoundButton, PrimarySolidDefaultRoundHrefButton, PrimarySolidDefaultRoundIconButton, PrimarySolidDefaultRoundIconHrefButton, PrimarySolidFullButton, PrimarySolidFullHrefButton, PrimarySolidFullIconButton, PrimarySolidFullIconHrefButton, PrimarySolidLargeRoundButton, PrimarySolidLargeRoundHrefButton, PrimarySolidLargeRoundIconButton, PrimarySolidLargeRoundIconHrefButton, PrimarySolidSmallRoundButton, PrimarySolidSmallRoundHrefButton, PrimarySolidSmallRoundIconButton, PrimarySolidSmallRoundIconHrefButton, ProcessLinksPipe, ProfileSkeletonComponent, ProgressBarComponent, ProgressRingComponent, ProgressStatusComponent, PrompterComponent, QR_PRESETS, QrCodeComponent, QrGeneratorService, QueryBuilder, QuoteBoxComponent, REQUEST_STATUSES, RadioInputComponent, RangeInputComponent, RatingComponent, RefresherComponent, RequestFirestoreService, RequestFormBuilderService, RequestService, RightsFooterComponent, RotatingTextComponent, SEARCH_HEADER_DEFAULTS, SHAPE_KEYS, SHARE_PROFILE_MODAL_DEFAULTS, SKELETON_LAYOUT_DEFAULT_ROWS, SKELETON_PRESETS, SOLID_KEYS, STATS_BAR_DEFAULTS, STROKE_KEYS, SearchHeaderComponent, SearchSelectorComponent, SearchbarComponent, SecondarySolidBlockButton, SecondarySolidBlockHrefButton, SecondarySolidBlockIconButton, SecondarySolidBlockIconHrefButton, SecondarySolidDefaultRoundButton, SecondarySolidDefaultRoundHrefButton, SecondarySolidDefaultRoundIconButton, SecondarySolidDefaultRoundIconHrefButton, SecondarySolidFullButton, SecondarySolidFullHrefButton, SecondarySolidFullIconButton, SecondarySolidFullIconHrefButton, SecondarySolidLargeRoundButton, SecondarySolidLargeRoundHrefButton, SecondarySolidLargeRoundIconButton, SecondarySolidLargeRoundIconHrefButton, SecondarySolidSmallRoundButton, SecondarySolidSmallRoundHrefButton, SecondarySolidSmallRoundIconButton, SecondarySolidSmallRoundIconHrefButton, SegmentControlComponent, SelectSearchComponent, SessionService, ShareButtonsComponent, ShareProfileModalComponent, SimpleComponent, SkeletonComponent, SkeletonLayoutComponent, SkeletonService, SolidBlockButton, SolidDefault, SolidDefaultBlock, SolidDefaultButton, SolidDefaultFull, SolidDefaultRound, SolidDefaultRoundBlock, SolidDefaultRoundButton, SolidDefaultRoundFull, SolidFullButton, SolidLargeButton, SolidLargeRoundButton, SolidSmallButton, SolidSmallRoundButton, SplashScreenService, StatsBarComponent, StatsCardComponent, StepperComponent, StorageService, SwipeCarouselComponent, TRI_KEYS, TabbedContentComponent, TableSkeletonComponent, TabsComponent, Terminal404Component, TestimonialCardComponent, TestimonialCarouselComponent, TextComponent, TextInputComponent, TextareaInputComponent, ThemeOption, ThemeService, TimelineComponent, TitleBlockComponent, TitleComponent, ToastService, ToggleInputComponent, TokenService, ToolbarActionType, ToolbarComponent, 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_SITE_PATHS, VALTECH_SOCIAL_LINKS, VALTECH_SPLASH_SCREEN, VALTECH_WEB_BASE_URLS, VERSION, ValtechErrorService, WizardComponent, WizardFooterComponent, applyDefaultValueToControl, authGuard, authInterceptor, authPasswordValidator, blogPost, buildFooterLinks, buildPath, collections, connectPageRefresh, createErrorStateProps, createFirebaseConfig, createGlowCardProps, createInitialPaginationState, createNumberFromToField, createRefreshableStream, createTitleProps, docs, errorLoggingInterceptor, extractPathParams, generatePatternTiles, generateRandomTile, getAppInfo, getAppVersion, getCollectionPath, getDocumentId, getTimeOfDayKey, goToTop, guestGuard, hasEmulators, interpretError, isAtEnd, isCollectionPath, isDocumentPath, isEmulatorMode, isValidPath, joinPath, maxLength, mulberry32, news, parseMarkdownArticle, permissionGuard, permissionGuardFromRoute, provideLegalContent, provideSplashScreen, provideValtechAds, provideValtechAppConfig, provideValtechAppVersion, provideValtechAuth, provideValtechAuthInterceptor, provideValtechContent, provideValtechDebugConsole, provideValtechDonations, provideValtechErrorHandling, provideValtechFeedback, provideValtechFirebase, provideValtechI18n, provideValtechLegal, provideValtechPresets, provideValtechSite, provideValtechSkeleton, query, renderPatternSvgInner, replaceSpecialChars, resolveColor, resolveInputDefaultValue, resolveWebBaseUrl, roleGuard, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map