npm - valtech-components - Versions diffs - 4.0.209 → 4.0.210 - Mend

valtech-components 4.0.209 → 4.0.210

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/fesm2022/valtech-components.mjs CHANGED Viewed

@@ -3,7 +3,7 @@ import { inject, InjectionToken, makeEnvironmentProviders, APP_INITIALIZER, Erro
 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, forkJoin, race, timer, shareReplay as shareReplay$1 } from 'rxjs';
 import { catchError, switchMap, finalize, filter, take, timeout, map as map$1, tap, shareReplay, distinctUntilChanged as distinctUntilChanged$1, retry, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs/operators';
 import * as i1$3 from '@angular/common/http';
-import { provideHttpClient, withInterceptors, HttpClient, HttpErrorResponse } from '@angular/common/http';
+import { provideHttpClient, withInterceptors, HttpClient, HttpErrorResponse, HttpParams } from '@angular/common/http';
 import * as i1$1 from '@angular/fire/firestore';
 import { provideFirestore, getFirestore, connectFirestoreEmulator, enableMultiTabIndexedDbPersistence, doc, getDoc, collection, query as query$1, getDocs, getCountFromServer, limit, docData, collectionData, serverTimestamp, addDoc, setDoc, updateDoc, deleteDoc, writeBatch, arrayUnion, arrayRemove, increment, where, orderBy, startAfter, startAt, endBefore, endAt, Timestamp, onSnapshot, Firestore } from '@angular/fire/firestore';
 import * as i1$5 from '@angular/common';
@@ -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.209';
+const VERSION = '4.0.210';
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -21166,16 +21166,18 @@ class LoadMoreComponent {
           [shape]="shape()"
           [size]="size()"
           [disabled]="loading()"
+          class="lm-btn"
           (click)="onButtonClick()"
         >
           @if (loading()) {
-            <ion-spinner name="crescent" slot="start" />
+            <ion-spinner name="crescent" />
+          } @else {
+            {{ label() }}
           }
-          {{ label() }}
         </ion-button>
       </div>
     }
-  `, isInline: true, styles: [":host{display:block}.lm-wrap{display:flex;justify-content:center;padding:16px 0 8px}ion-button ion-spinner{--color: currentColor;width:1rem;height:1rem}\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: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonInfiniteScroll, selector: "ion-infinite-scroll", inputs: ["disabled", "position", "threshold"] }, { kind: "component", type: IonInfiniteScrollContent, selector: "ion-infinite-scroll-content", inputs: ["loadingSpinner", "loadingText"] }] }); }
+  `, isInline: true, styles: [":host{display:block}.lm-wrap{display:flex;justify-content:center;padding:16px 0 8px}.lm-btn{min-width:120px}ion-button ion-spinner{--color: currentColor;width:1rem;height:1rem}\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: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonInfiniteScroll, selector: "ion-infinite-scroll", inputs: ["disabled", "position", "threshold"] }, { kind: "component", type: IonInfiniteScrollContent, selector: "ion-infinite-scroll-content", inputs: ["loadingSpinner", "loadingText"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LoadMoreComponent, decorators: [{
             type: Component,
@@ -21192,16 +21194,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
           [shape]="shape()"
           [size]="size()"
           [disabled]="loading()"
+          class="lm-btn"
           (click)="onButtonClick()"
         >
           @if (loading()) {
-            <ion-spinner name="crescent" slot="start" />
+            <ion-spinner name="crescent" />
+          } @else {
+            {{ label() }}
           }
-          {{ label() }}
         </ion-button>
       </div>
     }
-  `, styles: [":host{display:block}.lm-wrap{display:flex;justify-content:center;padding:16px 0 8px}ion-button ion-spinner{--color: currentColor;width:1rem;height:1rem}\n"] }]
+  `, styles: [":host{display:block}.lm-wrap{display:flex;justify-content:center;padding:16px 0 8px}.lm-btn{min-width:120px}ion-button ion-spinner{--color: currentColor;width:1rem;height:1rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { loadMore: [{
                 type: Output
             }] } });
@@ -34632,10 +34636,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * ```
  */
 class OrgSwitchService {
+    /** Notify subscribers that the active org's data was updated. */
+    notifyOrgDataUpdated(org) {
+        this._orgDataUpdated.next(org);
+    }
     constructor(auth) {
         this.auth = auth;
         this._switching = signal(false);
         this._orgChanged = new Subject();
+        this._orgDataUpdated = new Subject();
         /**
          * `true` while a switch is in flight. UI should disable interactions
          * with org-scoped data and show a loading indicator.
@@ -34649,6 +34658,11 @@ class OrgSwitchService {
          * see the updated Firebase user / activeOrg claim.
          */
         this.orgChanged$ = this._orgChanged.asObservable();
+        /**
+         * Fires when org data (name, logoUrl, etc.) changes without a full org switch.
+         * Subscribe in the app shell to keep the header org avatar up to date.
+         */
+        this.orgDataUpdated$ = this._orgDataUpdated.asObservable();
     }
     /**
      * Switch the user's active organization.
@@ -37155,7 +37169,7 @@ class ToolbarComponent {
       <!-- experimental -->
       <ng-content select="[toolbar-bottom]"></ng-content>
     </ion-toolbar>
-  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}ion-button{font-family:var(--ion-default-font),Arial,sans-serif}.left-buttons{margin-left:-1rem}.background{background:var(--ion-background-color)}:host ion-title{--color: var(--ion-text-color)}:host ion-button{--color: var(--ion-text-color)}:host ion-icon{color:var(--ion-text-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { 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: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }, { kind: "component", type: UserAvatarComponent, selector: "val-user-avatar", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: LanguageSelectorComponent, selector: "val-language-selector", inputs: ["props"], outputs: ["languageChange"] }, { kind: "component", type: FontSizeSelectorComponent, selector: "val-font-size-selector", inputs: ["props"] }] }); }
+  `, isInline: true, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}ion-button{font-family:var(--ion-default-font),Arial,sans-serif}.left-buttons{margin-left:-1rem}.background{background:var(--ion-background-color)}:host ion-title{--color: var(--ion-text-color)}:host ion-button{--color: var(--ion-text-color)}:host ion-icon{color:var(--ion-text-color)}:host val-user-avatar+val-user-avatar{margin-left:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { 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: IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: ImageComponent, selector: "val-image", inputs: ["props"] }, { kind: "component", type: UserAvatarComponent, selector: "val-user-avatar", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: LanguageSelectorComponent, selector: "val-language-selector", inputs: ["props"], outputs: ["languageChange"] }, { kind: "component", type: FontSizeSelectorComponent, selector: "val-font-size-selector", inputs: ["props"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
@@ -37280,7 +37294,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       <!-- experimental -->
       <ng-content select="[toolbar-bottom]"></ng-content>
     </ion-toolbar>
-  `, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}ion-button{font-family:var(--ion-default-font),Arial,sans-serif}.left-buttons{margin-left:-1rem}.background{background:var(--ion-background-color)}:host ion-title{--color: var(--ion-text-color)}:host ion-button{--color: var(--ion-text-color)}:host ion-icon{color:var(--ion-text-color)}\n"] }]
+  `, styles: ["@charset \"UTF-8\";:root{--val-container-sm: 540px;--val-container-md: 720px;--val-container-lg: 880px;--val-container-xl: 1100px;--val-container-padding: 16px;--ion-color-primary: #7026df;--ion-color-primary-rgb: 112, 38, 223;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #6321c4;--ion-color-primary-tint: #7e3ce2;--ion-color-secondary: #e2ccff;--ion-color-secondary-rgb: 226, 204, 255;--ion-color-secondary-contrast: #000000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #c7b4e0;--ion-color-secondary-tint: #e5d1ff;--ion-color-texti: #354c69;--ion-color-texti-rgb: 53, 76, 105;--ion-color-texti-contrast: #ffffff;--ion-color-texti-contrast-rgb: 255, 255, 255;--ion-color-texti-shade: #2f435c;--ion-color-texti-tint: #495e78;--ion-color-darki: #090f1b;--ion-color-darki-rgb: 9, 15, 27;--ion-color-darki-contrast: #ffffff;--ion-color-darki-contrast-rgb: 255, 255, 255;--ion-color-darki-shade: #080d18;--ion-color-darki-tint: #222732;--ion-color-medium: #9e9e9e;--ion-color-medium-rgb: 158, 158, 158;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #8b8b8b;--ion-color-medium-tint: #a8a8a8;--swiper-pagination-color: var(--ion-color-primary);--swiper-navigation-color: var(--ion-color-primary);--swiper-pagination-bullet-inactive-color: var(--ion-color-medium)}body.dark,html.ion-palette-dark,body[data-theme=dark]{--ion-color-texti: #8fc1ff;--ion-color-texti-rgb: 143, 193, 255;--ion-color-texti-contrast: #000000;--ion-color-texti-contrast-rgb: 0, 0, 0;--ion-color-texti-shade: #7eaae0;--ion-color-texti-tint: #9ac7ff;--ion-color-darki: #ffffff;--ion-color-darki-rgb: 255, 255, 255;--ion-color-darki-contrast: #000000;--ion-color-darki-contrast-rgb: 0, 0, 0;--ion-color-darki-shade: #e0e0e0;--ion-color-darki-tint: #ffffff;--ion-color-primary: #8f49f8;--ion-color-primary-rgb: 143, 73, 248;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #7e40da;--ion-color-primary-tint: #9a5bf9}.ion-color-texti{--ion-color-base: var(--ion-color-texti);--ion-color-base-rgb: var(--ion-color-texti-rgb);--ion-color-contrast: var(--ion-color-texti-contrast);--ion-color-contrast-rgb: var(--ion-color-texti-contrast-rgb);--ion-color-shade: var(--ion-color-texti-shade);--ion-color-tint: var(--ion-color-texti-tint)}.ion-color-darki{--ion-color-base: var(--ion-color-darki);--ion-color-base-rgb: var(--ion-color-darki-rgb);--ion-color-contrast: var(--ion-color-darki-contrast);--ion-color-contrast-rgb: var(--ion-color-darki-contrast-rgb);--ion-color-shade: var(--ion-color-darki-shade);--ion-color-tint: var(--ion-color-darki-tint)}ion-button{font-family:var(--ion-default-font),Arial,sans-serif}.left-buttons{margin-left:-1rem}.background{background:var(--ion-background-color)}:host ion-title{--color: var(--ion-text-color)}:host ion-button{--color: var(--ion-text-color)}:host ion-icon{color:var(--ion-text-color)}:host val-user-avatar+val-user-avatar{margin-left:6px}\n"] }]
         }], ctorParameters: () => [{ type: IconService }], propDecorators: { props: [{
                 type: Input
             }], onClick: [{
@@ -53887,6 +53901,8 @@ const SWITCH_ORG_MODAL_I18N = {
     es: {
         title: 'Cambiar de cuenta',
         subtitle: 'Selecciona la organización a la que quieres cambiar.',
+        activeOrgLabel: 'Organización activa',
+        manage: 'Administrar',
         searchPlaceholder: 'Buscar organización...',
         noResults: 'No se encontraron organizaciones.',
         current: 'Actual',
@@ -53898,6 +53914,8 @@ const SWITCH_ORG_MODAL_I18N = {
     en: {
         title: 'Switch account',
         subtitle: 'Select the organization you want to switch to.',
+        activeOrgLabel: 'Active organization',
+        manage: 'Manage',
         searchPlaceholder: 'Search organization...',
         noResults: 'No organizations found.',
         current: 'Active',
@@ -53959,9 +53977,11 @@ class SwitchOrgModalComponent {
             const u = this.auth.user();
             return u?.activeOrgId ?? u?.activeOrg ?? '';
         });
+        this.activeOrg = computed(() => this.orgs().find(o => o.id === this.activeOrgId()) ?? null);
         this.filteredOrgs = computed(() => {
             const q = this.query().trim().toLowerCase();
-            const list = this.orgs();
+            const activeId = this.activeOrgId();
+            const list = this.orgs().filter(o => o.id !== activeId);
             if (!q)
                 return list;
             return list.filter(o => o.name.toLowerCase().includes(q));
@@ -54039,6 +54059,10 @@ class SwitchOrgModalComponent {
         this.dismiss();
         this.onProfileClick?.();
     }
+    onManage() {
+        this.dismiss();
+        this.onManageOrg?.();
+    }
     onCreateNew() {
         this.dismiss();
         this.onCreateOrg?.();
@@ -54050,7 +54074,7 @@ class SwitchOrgModalComponent {
         return this.i18n.t(key, this.i18nNamespace);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SwitchOrgModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SwitchOrgModalComponent, isStandalone: true, selector: "val-switch-org-modal", inputs: { _modalRef: "_modalRef", onSuccess: "onSuccess", onProfileClick: "onProfileClick", onCreateOrg: "onCreateOrg", i18nNamespace: "i18nNamespace" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SwitchOrgModalComponent, isStandalone: true, selector: "val-switch-org-modal", inputs: { _modalRef: "_modalRef", onSuccess: "onSuccess", onProfileClick: "onProfileClick", onCreateOrg: "onCreateOrg", onManageOrg: "onManageOrg", i18nNamespace: "i18nNamespace" }, ngImport: i0, template: `
     <ion-header>
       <ion-toolbar>
         <ion-buttons slot="end">
@@ -54098,6 +54122,39 @@ class SwitchOrgModalComponent {
         />
       </div>
+      @if (activeOrg(); as org) {
+        <div class="active-org-card">
+          <div class="org-row__icon">
+            @if (org.logoUrl && !failedLogos().has(org.id)) {
+              <img [src]="org.logoUrl" [alt]="org.name" (error)="onLogoError(org.id)" />
+            } @else {
+              <ion-icon name="business-outline" />
+            }
+          </div>
+          <div class="org-row__body">
+            <span class="active-org-card__label">{{ t('activeOrgLabel') }}</span>
+            <span class="org-row__name">{{ org.name }}</span>
+            @if (org.type) {
+              <span class="org-row__type">{{ org.type }}</span>
+            }
+          </div>
+          @if (onManageOrg) {
+            <val-button
+              [props]="{
+                text: t('manage'),
+                color: 'dark',
+                fill: 'solid',
+                shape: 'round',
+                size: 'small',
+                type: 'button',
+                state: 'ENABLED',
+              }"
+              (click)="onManage()"
+            />
+          }
+        </div>
+      }
       <div class="switch-section">
         <val-searchbar
           [props]="{
@@ -54165,7 +54222,7 @@ class SwitchOrgModalComponent {
         </div>
       }
     </ion-content>
-  `, isInline: true, styles: [".switch-section{margin-top:16px;display:flex;flex-direction:column;gap:12px}.switch-state{display:flex;justify-content:center;padding:24px 0}.orgs-list{display:flex;flex-direction:column;gap:8px}.org-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(var(--ion-color-dark-rgb),.14);border-radius:12px;background:var(--ion-card-background, var(--ion-background-color));cursor:pointer;text-align:left;transition:border-color .15s ease,opacity .15s ease}.org-row:not(:disabled):active{opacity:.7}.org-row:disabled{cursor:default}.org-row--active{border-color:var(--ion-color-dark)}.org-row__icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ion-color-dark);background:rgba(var(--ion-color-dark-rgb),.08)}.org-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.org-row__name{font-weight:600;font-size:.95rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-row__type{font-size:.8rem;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__end{display:flex;align-items:center;gap:6px;flex-shrink:0}.org-row__current{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__check{font-size:1.1rem;color:var(--ion-color-dark)}.org-row__spinner{width:18px;height:18px;color:var(--ion-color-dark)}.org-row__icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-strip{display:flex;align-items:center;gap:12px;padding:12px 0 4px;margin-bottom:8px;border-bottom:1px solid rgba(var(--ion-color-dark-rgb),.1)}.user-strip__avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;overflow:hidden;background:rgba(var(--ion-color-dark-rgb),.1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--ion-color-dark)}.user-strip__avatar img{width:100%;height:100%;object-fit:cover}.user-strip__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-strip__name{font-weight:600;font-size:.9rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-strip__email{font-size:.78rem;color:rgba(var(--ion-color-dark-rgb),.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-org-cta{margin-top:16px;padding-top:16px;border-top:1px solid rgba(var(--ion-color-dark-rgb),.1)}\n"], dependencies: [{ kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { 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: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: EmptyStateComponent, selector: "val-empty-state", inputs: ["props"] }, { kind: "component", type: LoadMoreComponent, selector: "val-load-more", inputs: ["props"], outputs: ["loadMore"] }, { kind: "component", type: SearchbarComponent, selector: "val-searchbar", inputs: ["preset", "props"], outputs: ["filterEvent", "focusEvent", "blurEvent"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
+  `, isInline: true, styles: [".switch-section{margin-top:16px;display:flex;flex-direction:column;gap:12px}.switch-state{display:flex;justify-content:center;padding:24px 0}.orgs-list{display:flex;flex-direction:column;gap:8px}.org-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(var(--ion-color-dark-rgb),.14);border-radius:12px;background:var(--ion-card-background, var(--ion-background-color));cursor:pointer;text-align:left;transition:border-color .15s ease,opacity .15s ease}.org-row:not(:disabled):active{opacity:.7}.org-row:disabled{cursor:default}.org-row--active{border-color:var(--ion-color-dark)}.org-row__icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ion-color-dark);background:rgba(var(--ion-color-dark-rgb),.08)}.org-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.org-row__name{font-weight:600;font-size:.95rem;line-height:1.3;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-row__type{font-size:.8rem;line-height:1.3;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__end{display:flex;align-items:center;gap:6px;flex-shrink:0}.org-row__current{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__check{font-size:1.1rem;color:var(--ion-color-dark)}.org-row__spinner{width:18px;height:18px;color:var(--ion-color-dark)}.org-row__icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-strip{display:flex;align-items:center;gap:12px;padding:12px 0 4px;margin-bottom:8px;border-bottom:1px solid rgba(var(--ion-color-dark-rgb),.1)}.user-strip__avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;overflow:hidden;background:rgba(var(--ion-color-dark-rgb),.1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--ion-color-dark)}.user-strip__avatar img{width:100%;height:100%;object-fit:cover}.user-strip__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-strip__name{font-weight:600;font-size:.9rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-strip__email{font-size:.78rem;color:rgba(var(--ion-color-dark-rgb),.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-org-card{display:flex;align-items:center;gap:12px;padding:14px;margin-top:16px;border:1.5px solid rgba(var(--ion-color-dark-rgb),.5);border-radius:14px;background:var(--ion-card-background, var(--ion-background-color))}.active-org-card__label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--ion-color-dark-rgb),.5);margin-bottom:2px}.new-org-cta{margin-top:16px;padding-top:16px;border-top:1px solid rgba(var(--ion-color-dark-rgb),.1)}\n"], dependencies: [{ kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { 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: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: DisplayComponent, selector: "val-display", inputs: ["props"] }, { kind: "component", type: EmptyStateComponent, selector: "val-empty-state", inputs: ["props"] }, { kind: "component", type: LoadMoreComponent, selector: "val-load-more", inputs: ["props"], outputs: ["loadMore"] }, { kind: "component", type: SearchbarComponent, selector: "val-searchbar", inputs: ["preset", "props"], outputs: ["filterEvent", "focusEvent", "blurEvent"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SwitchOrgModalComponent, decorators: [{
             type: Component,
@@ -54231,6 +54288,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         />
       </div>
+      @if (activeOrg(); as org) {
+        <div class="active-org-card">
+          <div class="org-row__icon">
+            @if (org.logoUrl && !failedLogos().has(org.id)) {
+              <img [src]="org.logoUrl" [alt]="org.name" (error)="onLogoError(org.id)" />
+            } @else {
+              <ion-icon name="business-outline" />
+            }
+          </div>
+          <div class="org-row__body">
+            <span class="active-org-card__label">{{ t('activeOrgLabel') }}</span>
+            <span class="org-row__name">{{ org.name }}</span>
+            @if (org.type) {
+              <span class="org-row__type">{{ org.type }}</span>
+            }
+          </div>
+          @if (onManageOrg) {
+            <val-button
+              [props]="{
+                text: t('manage'),
+                color: 'dark',
+                fill: 'solid',
+                shape: 'round',
+                size: 'small',
+                type: 'button',
+                state: 'ENABLED',
+              }"
+              (click)="onManage()"
+            />
+          }
+        </div>
+      }
       <div class="switch-section">
         <val-searchbar
           [props]="{
@@ -54298,7 +54388,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         </div>
       }
     </ion-content>
-  `, styles: [".switch-section{margin-top:16px;display:flex;flex-direction:column;gap:12px}.switch-state{display:flex;justify-content:center;padding:24px 0}.orgs-list{display:flex;flex-direction:column;gap:8px}.org-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(var(--ion-color-dark-rgb),.14);border-radius:12px;background:var(--ion-card-background, var(--ion-background-color));cursor:pointer;text-align:left;transition:border-color .15s ease,opacity .15s ease}.org-row:not(:disabled):active{opacity:.7}.org-row:disabled{cursor:default}.org-row--active{border-color:var(--ion-color-dark)}.org-row__icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ion-color-dark);background:rgba(var(--ion-color-dark-rgb),.08)}.org-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.org-row__name{font-weight:600;font-size:.95rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-row__type{font-size:.8rem;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__end{display:flex;align-items:center;gap:6px;flex-shrink:0}.org-row__current{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__check{font-size:1.1rem;color:var(--ion-color-dark)}.org-row__spinner{width:18px;height:18px;color:var(--ion-color-dark)}.org-row__icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-strip{display:flex;align-items:center;gap:12px;padding:12px 0 4px;margin-bottom:8px;border-bottom:1px solid rgba(var(--ion-color-dark-rgb),.1)}.user-strip__avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;overflow:hidden;background:rgba(var(--ion-color-dark-rgb),.1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--ion-color-dark)}.user-strip__avatar img{width:100%;height:100%;object-fit:cover}.user-strip__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-strip__name{font-weight:600;font-size:.9rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-strip__email{font-size:.78rem;color:rgba(var(--ion-color-dark-rgb),.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-org-cta{margin-top:16px;padding-top:16px;border-top:1px solid rgba(var(--ion-color-dark-rgb),.1)}\n"] }]
+  `, styles: [".switch-section{margin-top:16px;display:flex;flex-direction:column;gap:12px}.switch-state{display:flex;justify-content:center;padding:24px 0}.orgs-list{display:flex;flex-direction:column;gap:8px}.org-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(var(--ion-color-dark-rgb),.14);border-radius:12px;background:var(--ion-card-background, var(--ion-background-color));cursor:pointer;text-align:left;transition:border-color .15s ease,opacity .15s ease}.org-row:not(:disabled):active{opacity:.7}.org-row:disabled{cursor:default}.org-row--active{border-color:var(--ion-color-dark)}.org-row__icon{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ion-color-dark);background:rgba(var(--ion-color-dark-rgb),.08)}.org-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.org-row__name{font-weight:600;font-size:.95rem;line-height:1.3;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-row__type{font-size:.8rem;line-height:1.3;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__end{display:flex;align-items:center;gap:6px;flex-shrink:0}.org-row__current{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgba(var(--ion-color-dark-rgb),.7)}.org-row__check{font-size:1.1rem;color:var(--ion-color-dark)}.org-row__spinner{width:18px;height:18px;color:var(--ion-color-dark)}.org-row__icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-strip{display:flex;align-items:center;gap:12px;padding:12px 0 4px;margin-bottom:8px;border-bottom:1px solid rgba(var(--ion-color-dark-rgb),.1)}.user-strip__avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;overflow:hidden;background:rgba(var(--ion-color-dark-rgb),.1);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:var(--ion-color-dark)}.user-strip__avatar img{width:100%;height:100%;object-fit:cover}.user-strip__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.user-strip__name{font-weight:600;font-size:.9rem;color:var(--ion-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-strip__email{font-size:.78rem;color:rgba(var(--ion-color-dark-rgb),.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-org-card{display:flex;align-items:center;gap:12px;padding:14px;margin-top:16px;border:1.5px solid rgba(var(--ion-color-dark-rgb),.5);border-radius:14px;background:var(--ion-card-background, var(--ion-background-color))}.active-org-card__label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--ion-color-dark-rgb),.5);margin-bottom:2px}.new-org-cta{margin-top:16px;padding-top:16px;border-top:1px solid rgba(var(--ion-color-dark-rgb),.1)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { _modalRef: [{
                 type: Input
             }], onSuccess: [{
@@ -54307,6 +54397,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], onCreateOrg: [{
                 type: Input
+            }], onManageOrg: [{
+                type: Input
             }], i18nNamespace: [{
                 type: Input
             }] } });
@@ -54562,6 +54654,7 @@ class OrganizationViewComponent {
         this.nav = inject(NavigationService);
         this.i18n = inject(I18nService);
         this.auth = inject(AuthService);
+        this.orgSwitch = inject(OrgSwitchService);
         this.orgService = inject(OrgService);
         this.toast = inject(ToastService);
         this.errors = inject(ValtechErrorService);
@@ -54815,6 +54908,7 @@ class OrganizationViewComponent {
                 org: this.org(),
                 onSuccess: (updated) => {
                     this.org.set(updated);
+                    this.orgSwitch.notifyOrgDataUpdated(updated);
                     this.resolvedConfig().onOrgEdited?.();
                 },
             },
@@ -55400,7 +55494,7 @@ class OrganizationViewComponent {
       @if (resolvedConfig().showTransferOwnership && isOwner()) {
         <!-- Transfer ownership: solo owner (gating RBAC interno) -->
-        <section class="settings-section" data-testid="org-transfer-section">
+        <section class="settings-section settings-section--danger" data-testid="org-transfer-section">
           <div class="section-title-danger">
             <ion-icon name="warning-outline" class="danger-icon" aria-hidden="true"></ion-icon>
             <val-title [props]="{ size: 'medium', color: 'dark', bold: true, content: tt('transferTitle') }" />
@@ -55434,7 +55528,7 @@ class OrganizationViewComponent {
       @if (resolvedConfig().showLeave) {
         <!-- Leave org -->
-        <section class="settings-section">
+        <section class="settings-section settings-section--danger">
           <div class="section-title-danger">
             <ion-icon name="warning-outline" class="danger-icon" aria-hidden="true"></ion-icon>
             <val-title [props]="{ size: 'medium', color: 'dark', bold: true, content: tt('leaveTitle') }" />
@@ -55457,7 +55551,7 @@ class OrganizationViewComponent {
       @if (resolvedConfig().showDeleteOrg && isOwner()) {
         <!-- Delete org: solo owner, acción más destructiva -->
-        <section class="settings-section" data-testid="org-delete-section">
+        <section class="settings-section settings-section--danger" data-testid="org-delete-section">
           <div class="section-title-danger">
             <ion-icon name="warning-outline" class="danger-icon" aria-hidden="true"></ion-icon>
             <val-title [props]="{ size: 'medium', color: 'dark', bold: true, content: tt('deleteTitle') }" />
@@ -55506,7 +55600,7 @@ class OrganizationViewComponent {
         (created)="onOrgCreated($event)"
       />
     </div>
-  `, isInline: true, styles: [".page{padding:16px 0;max-width:720px;margin:0 auto}.org-more-info-link{background:none;border:none;padding:4px 0;margin-top:4px;font-size:13px;font-weight:600;color:var(--ion-color-primary, #7026df);cursor:pointer;text-align:left}.page-header{margin-bottom:16px}.settings-section{padding:16px 0}.settings-section+.settings-section{border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.section-body{display:flex;flex-direction:column;gap:10px}.row-actions{margin-top:12px}.row-actions--gap{display:flex;gap:8px}.invite-cta{display:flex;flex-direction:column;gap:16px}.invite-cta__text{display:flex;flex-direction:column;gap:4px}.invite-cta__actions{display:flex;gap:12px;flex-wrap:wrap}.org-info-card{border-radius:14px;background:var(--ion-color-light, #f4f5f8);overflow:hidden}.org-info-logo{display:flex;justify-content:center;padding:8px 0 16px}.org-logo-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--ion-color-light)}:host-context(body.dark) .org-info-card,:host-context(html.ion-palette-dark) .org-info-card,:host-context([data-theme=\"dark\"]) .org-info-card{background:#ffffff0d}.org-info-field{padding:12px 16px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--val-border-color, rgba(0, 0, 0, .06))}.org-info-field:last-child{border-bottom:none}.org-info-label{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium)}.org-info-value{font-size:.95rem;font-weight:500;color:var(--ion-color-dark)}.org-info-value--muted{color:var(--ion-color-medium);font-weight:400}.plan-badge{display:inline-block;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:20px;width:fit-content}.plan-badge--free{background:var(--ion-color-light-shade, #d7d8da);color:var(--ion-color-dark)}.plan-badge--pro{background:var(--ion-color-primary);color:#fff}.plan-badge--enterprise{background:#f5c542;color:#222}.members-list{display:flex;flex-direction:column;gap:8px}.members-show-more{background:none;border:none;color:var(--ion-color-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0}.rbac-debug{opacity:.7}.rbac-debug__body{display:flex;flex-direction:column;gap:6px;font-family:monospace;font-size:.78rem}.rbac-debug__row{display:flex;gap:8px;align-items:flex-start}.rbac-debug__label{color:var(--ion-color-medium);min-width:72px;flex-shrink:0}.rbac-debug__value{color:var(--ion-color-dark);word-break:break-all}.rbac-debug__value--perms{color:var(--ion-color-medium)}.section-title-danger{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-title-danger val-title{display:block;margin:0}.danger-icon{display:block;font-size:1.125rem;color:var(--ion-color-warning-shade, #d4a017);flex-shrink:0}\n"], dependencies: [{ kind: "component", type: CreateOrgModalComponent, selector: "val-create-org-modal", inputs: ["i18nNamespace", "isOpen"], outputs: ["dismissed", "created"] }, { kind: "component", type: CtaCardComponent, selector: "val-cta-card", inputs: ["props"], outputs: ["onAction"] }, { kind: "component", type: EmptyStateComponent, selector: "val-empty-state", inputs: ["props"] }, { kind: "directive", type: HasPermissionDirective, selector: "[valHasPermission]", inputs: ["valHasPermission"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: SkeletonLayoutComponent, selector: "val-skeleton-layout", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: MemberCardComponent, selector: "val-member-card", inputs: ["props"], outputs: ["onAction"] }, { kind: "component", type: PermissionsModalComponent, selector: "val-permissions-modal", inputs: ["isOpen", "config"], outputs: ["dismissed"] }, { kind: "component", type: SectionHeaderComponent, selector: "val-section-header", inputs: ["props"], outputs: ["actionClick"] }] }); }
+  `, isInline: true, styles: [".page{padding:16px 0;max-width:720px;margin:0 auto}.org-more-info-link{background:none;border:none;padding:4px 0;margin-top:4px;font-size:13px;font-weight:600;color:var(--ion-color-primary, #7026df);cursor:pointer;text-align:left}.page-header{margin-bottom:16px}.settings-section{padding:16px 0}.settings-section+.settings-section{border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.section-body{display:flex;flex-direction:column;gap:10px}.row-actions{margin-top:12px}.row-actions--gap{display:flex;gap:8px}.invite-cta{display:flex;flex-direction:column;gap:16px}.invite-cta__text{display:flex;flex-direction:column;gap:4px}.invite-cta__actions{display:flex;gap:12px;flex-wrap:wrap}.org-info-card{border-radius:14px;background:var(--ion-color-light, #f4f5f8);overflow:hidden}.org-info-logo{display:flex;justify-content:center;padding:8px 0 16px}.org-logo-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--ion-color-light)}:host-context(body.dark) .org-info-card,:host-context(html.ion-palette-dark) .org-info-card,:host-context([data-theme=\"dark\"]) .org-info-card{background:#ffffff0d}.org-info-field{padding:12px 16px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--val-border-color, rgba(0, 0, 0, .06))}.org-info-field:last-child{border-bottom:none}.org-info-label{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium)}.org-info-value{font-size:.95rem;font-weight:500;color:var(--ion-color-dark)}.org-info-value--muted{color:var(--ion-color-medium);font-weight:400}.plan-badge{display:inline-block;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:20px;width:fit-content}.plan-badge--free{background:var(--ion-color-light-shade, #d7d8da);color:var(--ion-color-dark)}.plan-badge--pro{background:var(--ion-color-primary);color:#fff}.plan-badge--enterprise{background:#f5c542;color:#222}.members-list{display:flex;flex-direction:column;gap:8px}.members-show-more{background:none;border:none;color:var(--ion-color-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0}.rbac-debug{opacity:.7}.rbac-debug__body{display:flex;flex-direction:column;gap:6px;font-family:monospace;font-size:.78rem}.rbac-debug__row{display:flex;gap:8px;align-items:flex-start}.rbac-debug__label{color:var(--ion-color-medium);min-width:72px;flex-shrink:0}.rbac-debug__value{color:var(--ion-color-dark);word-break:break-all}.rbac-debug__value--perms{color:var(--ion-color-medium)}.section-title-danger{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-title-danger val-title{display:block;margin:0}.danger-icon{display:block;font-size:1.125rem;color:var(--ion-color-warning-shade, #d4a017);flex-shrink:0}.settings-section--danger{background:color-mix(in srgb,var(--ion-color-danger) 4%,transparent);border-radius:14px;padding:16px;margin:0 -4px}:host-context(body.dark) .settings-section--danger,:host-context(html.ion-palette-dark) .settings-section--danger,:host-context([data-theme=\"dark\"]) .settings-section--danger{background:color-mix(in srgb,var(--ion-color-danger) 8%,transparent)}\n"], dependencies: [{ kind: "component", type: CreateOrgModalComponent, selector: "val-create-org-modal", inputs: ["i18nNamespace", "isOpen"], outputs: ["dismissed", "created"] }, { kind: "component", type: CtaCardComponent, selector: "val-cta-card", inputs: ["props"], outputs: ["onAction"] }, { kind: "component", type: EmptyStateComponent, selector: "val-empty-state", inputs: ["props"] }, { kind: "directive", type: HasPermissionDirective, selector: "[valHasPermission]", inputs: ["valHasPermission"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: SkeletonLayoutComponent, selector: "val-skeleton-layout", inputs: ["props"] }, { kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }, { kind: "component", type: TextComponent, selector: "val-text", inputs: ["props"] }, { kind: "component", type: ButtonComponent, selector: "val-button", inputs: ["preset", "props"], outputs: ["onClick"] }, { kind: "component", type: MemberCardComponent, selector: "val-member-card", inputs: ["props"], outputs: ["onAction"] }, { kind: "component", type: PermissionsModalComponent, selector: "val-permissions-modal", inputs: ["isOpen", "config"], outputs: ["dismissed"] }, { kind: "component", type: SectionHeaderComponent, selector: "val-section-header", inputs: ["props"], outputs: ["actionClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: OrganizationViewComponent, decorators: [{
             type: Component,
@@ -55727,7 +55821,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       @if (resolvedConfig().showTransferOwnership && isOwner()) {
         <!-- Transfer ownership: solo owner (gating RBAC interno) -->
-        <section class="settings-section" data-testid="org-transfer-section">
+        <section class="settings-section settings-section--danger" data-testid="org-transfer-section">
           <div class="section-title-danger">
             <ion-icon name="warning-outline" class="danger-icon" aria-hidden="true"></ion-icon>
             <val-title [props]="{ size: 'medium', color: 'dark', bold: true, content: tt('transferTitle') }" />
@@ -55761,7 +55855,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       @if (resolvedConfig().showLeave) {
         <!-- Leave org -->
-        <section class="settings-section">
+        <section class="settings-section settings-section--danger">
           <div class="section-title-danger">
             <ion-icon name="warning-outline" class="danger-icon" aria-hidden="true"></ion-icon>
             <val-title [props]="{ size: 'medium', color: 'dark', bold: true, content: tt('leaveTitle') }" />
@@ -55784,7 +55878,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       @if (resolvedConfig().showDeleteOrg && isOwner()) {
         <!-- Delete org: solo owner, acción más destructiva -->
-        <section class="settings-section" data-testid="org-delete-section">
+        <section class="settings-section settings-section--danger" data-testid="org-delete-section">
           <div class="section-title-danger">
             <ion-icon name="warning-outline" class="danger-icon" aria-hidden="true"></ion-icon>
             <val-title [props]="{ size: 'medium', color: 'dark', bold: true, content: tt('deleteTitle') }" />
@@ -55833,7 +55927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         (created)="onOrgCreated($event)"
       />
     </div>
-  `, styles: [".page{padding:16px 0;max-width:720px;margin:0 auto}.org-more-info-link{background:none;border:none;padding:4px 0;margin-top:4px;font-size:13px;font-weight:600;color:var(--ion-color-primary, #7026df);cursor:pointer;text-align:left}.page-header{margin-bottom:16px}.settings-section{padding:16px 0}.settings-section+.settings-section{border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.section-body{display:flex;flex-direction:column;gap:10px}.row-actions{margin-top:12px}.row-actions--gap{display:flex;gap:8px}.invite-cta{display:flex;flex-direction:column;gap:16px}.invite-cta__text{display:flex;flex-direction:column;gap:4px}.invite-cta__actions{display:flex;gap:12px;flex-wrap:wrap}.org-info-card{border-radius:14px;background:var(--ion-color-light, #f4f5f8);overflow:hidden}.org-info-logo{display:flex;justify-content:center;padding:8px 0 16px}.org-logo-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--ion-color-light)}:host-context(body.dark) .org-info-card,:host-context(html.ion-palette-dark) .org-info-card,:host-context([data-theme=\"dark\"]) .org-info-card{background:#ffffff0d}.org-info-field{padding:12px 16px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--val-border-color, rgba(0, 0, 0, .06))}.org-info-field:last-child{border-bottom:none}.org-info-label{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium)}.org-info-value{font-size:.95rem;font-weight:500;color:var(--ion-color-dark)}.org-info-value--muted{color:var(--ion-color-medium);font-weight:400}.plan-badge{display:inline-block;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:20px;width:fit-content}.plan-badge--free{background:var(--ion-color-light-shade, #d7d8da);color:var(--ion-color-dark)}.plan-badge--pro{background:var(--ion-color-primary);color:#fff}.plan-badge--enterprise{background:#f5c542;color:#222}.members-list{display:flex;flex-direction:column;gap:8px}.members-show-more{background:none;border:none;color:var(--ion-color-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0}.rbac-debug{opacity:.7}.rbac-debug__body{display:flex;flex-direction:column;gap:6px;font-family:monospace;font-size:.78rem}.rbac-debug__row{display:flex;gap:8px;align-items:flex-start}.rbac-debug__label{color:var(--ion-color-medium);min-width:72px;flex-shrink:0}.rbac-debug__value{color:var(--ion-color-dark);word-break:break-all}.rbac-debug__value--perms{color:var(--ion-color-medium)}.section-title-danger{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-title-danger val-title{display:block;margin:0}.danger-icon{display:block;font-size:1.125rem;color:var(--ion-color-warning-shade, #d4a017);flex-shrink:0}\n"] }]
+  `, styles: [".page{padding:16px 0;max-width:720px;margin:0 auto}.org-more-info-link{background:none;border:none;padding:4px 0;margin-top:4px;font-size:13px;font-weight:600;color:var(--ion-color-primary, #7026df);cursor:pointer;text-align:left}.page-header{margin-bottom:16px}.settings-section{padding:16px 0}.settings-section+.settings-section{border-top:1px solid var(--val-border-color, rgba(0, 0, 0, .08))}.section-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.section-body{display:flex;flex-direction:column;gap:10px}.row-actions{margin-top:12px}.row-actions--gap{display:flex;gap:8px}.invite-cta{display:flex;flex-direction:column;gap:16px}.invite-cta__text{display:flex;flex-direction:column;gap:4px}.invite-cta__actions{display:flex;gap:12px;flex-wrap:wrap}.org-info-card{border-radius:14px;background:var(--ion-color-light, #f4f5f8);overflow:hidden}.org-info-logo{display:flex;justify-content:center;padding:8px 0 16px}.org-logo-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--ion-color-light)}:host-context(body.dark) .org-info-card,:host-context(html.ion-palette-dark) .org-info-card,:host-context([data-theme=\"dark\"]) .org-info-card{background:#ffffff0d}.org-info-field{padding:12px 16px;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--val-border-color, rgba(0, 0, 0, .06))}.org-info-field:last-child{border-bottom:none}.org-info-label{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ion-color-medium)}.org-info-value{font-size:.95rem;font-weight:500;color:var(--ion-color-dark)}.org-info-value--muted{color:var(--ion-color-medium);font-weight:400}.plan-badge{display:inline-block;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:20px;width:fit-content}.plan-badge--free{background:var(--ion-color-light-shade, #d7d8da);color:var(--ion-color-dark)}.plan-badge--pro{background:var(--ion-color-primary);color:#fff}.plan-badge--enterprise{background:#f5c542;color:#222}.members-list{display:flex;flex-direction:column;gap:8px}.members-show-more{background:none;border:none;color:var(--ion-color-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0}.rbac-debug{opacity:.7}.rbac-debug__body{display:flex;flex-direction:column;gap:6px;font-family:monospace;font-size:.78rem}.rbac-debug__row{display:flex;gap:8px;align-items:flex-start}.rbac-debug__label{color:var(--ion-color-medium);min-width:72px;flex-shrink:0}.rbac-debug__value{color:var(--ion-color-dark);word-break:break-all}.rbac-debug__value--perms{color:var(--ion-color-medium)}.section-title-danger{display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-title-danger val-title{display:block;margin:0}.danger-icon{display:block;font-size:1.125rem;color:var(--ion-color-warning-shade, #d4a017);flex-shrink:0}.settings-section--danger{background:color-mix(in srgb,var(--ion-color-danger) 4%,transparent);border-radius:14px;padding:16px;margin:0 -4px}:host-context(body.dark) .settings-section--danger,:host-context(html.ion-palette-dark) .settings-section--danger,:host-context([data-theme=\"dark\"]) .settings-section--danger{background:color-mix(in srgb,var(--ion-color-danger) 8%,transparent)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { config: [{
                 type: Input
             }] } });
@@ -61188,72 +61282,60 @@ class PageWrapperComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PageWrapperComponent, isStandalone: true, selector: "val-page-wrapper", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onHeaderClick: "onHeaderClick" }, ngImport: i0, template: `
-    @if (hasSideMenu()) {
-      <ion-split-pane contentId="val-pw-main" [when]="'md'">
-        <ion-menu contentId="val-pw-main" type="overlay">
-          <ion-content>
-            <ion-list lines="none" class="pw-menu-list">
-              @for (item of menuItems(); track item.route) {
-                <ion-menu-toggle [autoHide]="false">
-                  <ion-item
-                    [routerLink]="item.route"
-                    routerLinkActive="pw-menu-active"
-                    [routerLinkActiveOptions]="{ exact: item.exact ?? false }"
-                    lines="none"
-                  >
-                    @if (item.icon) {
-                      <ion-icon [name]="item.icon" slot="start" />
-                    }
-                    <ion-label>{{ item.label }}</ion-label>
-                  </ion-item>
-                </ion-menu-toggle>
-              }
-            </ion-list>
-          </ion-content>
-        </ion-menu>
-        <div class="ion-page" id="val-pw-main">
-          <ng-container *ngTemplateOutlet="pageContent" />
-        </div>
-      </ion-split-pane>
-    } @else {
-      <div class="ion-page">
-        <ng-container *ngTemplateOutlet="pageContent" />
+    <div class="ion-page" [class.pw-has-menu]="hasSideMenu()">
+      @if (hasSideMenu()) {
+        <nav class="pw-sidenav" aria-label="Menú lateral">
+          <ion-list lines="none" class="pw-menu-list">
+            @for (item of menuItems(); track item.route) {
+              <ion-item
+                [routerLink]="item.route"
+                routerLinkActive="pw-menu-active"
+                [routerLinkActiveOptions]="{ exact: item.exact ?? false }"
+                lines="none"
+              >
+                @if (item.icon) {
+                  <ion-icon [name]="item.icon" slot="start" />
+                }
+                <ion-label>{{ item.label }}</ion-label>
+              </ion-item>
+            }
+          </ion-list>
+        </nav>
+      }
+      <div class="pw-content">
+        <val-header [props]="headerProps()" (onClick)="onHeaderClickHandler($event)" />
+        <ion-content
+          [id]="contentId()"
+          [fullscreen]="true"
+          [ngStyle]="{
+            '--background': background(),
+          }"
+        >
+          <!-- Pull-to-refresh estándar del factory. Se renderiza sólo cuando la
+               página activa registró un handler vía PageRefreshService.
+               ion-refresher con slot="fixed" DEBE ser hijo directo de
+               ion-content — por eso va aquí crudo, no envuelto en val-refresher. -->
+          @if (pageRefresh.hasHandler()) {
+            <ion-refresher slot="fixed" (ionRefresh)="onPageRefresh($event)">
+              <ion-refresher-content
+                pullingIcon="chevron-down-circle-outline"
+                refreshingSpinner="circular"
+              ></ion-refresher-content>
+            </ion-refresher>
+          }
+          <val-network-banner />
+          <val-container [props]="{ size: contentMaxWidth() }">
+            <main>
+              <router-outlet></router-outlet>
+            </main>
+          </val-container>
+          @if (propsFooter()) {
+            <val-company-footer [props]="propsFooter()" />
+          }
+        </ion-content>
       </div>
-    }
-    <ng-template #pageContent>
-      <val-header [props]="headerProps()" (onClick)="onHeaderClickHandler($event)" />
-      <ion-content
-        [id]="contentId()"
-        [fullscreen]="true"
-        [ngStyle]="{
-          '--background': background(),
-        }"
-      >
-        <!-- Pull-to-refresh estándar del factory. Se renderiza sólo cuando la
-             página activa registró un handler vía PageRefreshService.
-             ion-refresher con slot="fixed" DEBE ser hijo directo de
-             ion-content — por eso va aquí crudo, no envuelto en val-refresher. -->
-        @if (pageRefresh.hasHandler()) {
-          <ion-refresher slot="fixed" (ionRefresh)="onPageRefresh($event)">
-            <ion-refresher-content
-              pullingIcon="chevron-down-circle-outline"
-              refreshingSpinner="circular"
-            ></ion-refresher-content>
-          </ion-refresher>
-        }
-        <val-network-banner />
-        <val-container [props]="{ size: contentMaxWidth() }">
-          <main>
-            <router-outlet></router-outlet>
-          </main>
-        </val-container>
-        @if (propsFooter()) {
-          <val-company-footer [props]="propsFooter()" />
-        }
-      </ion-content>
-    </ng-template>
-  `, isInline: true, styles: ["main{min-height:60vh;padding-bottom:calc(var(--val-bottom-nav-height, 0px) + env(safe-area-inset-bottom,0px) + 16px)}.pw-menu-list{padding-top:12px}.pw-menu-list ion-item{--border-radius: 10px;--padding-start: 12px;--padding-end: 12px;margin:2px 8px;font-size:.9375rem}.pw-menu-list ion-item.pw-menu-active{--background: var(--ion-color-primary-tint, rgba(var(--ion-color-primary-rgb), .12));--color: var(--ion-color-primary);font-weight:600}.pw-menu-list ion-item.pw-menu-active ion-icon{color:var(--ion-color-primary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: HeaderComponent, selector: "val-header", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: CompanyFooterComponent, selector: "val-company-footer", inputs: ["props"] }, { kind: "component", type: ContainerComponent, selector: "val-container", inputs: ["props"] }, { kind: "component", type: IonRefresher, selector: "ion-refresher", inputs: ["closeDuration", "disabled", "mode", "pullFactor", "pullMax", "pullMin", "snapbackDuration"] }, { kind: "component", type: IonRefresherContent, selector: "ion-refresher-content", inputs: ["pullingIcon", "pullingText", "refreshingSpinner", "refreshingText"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonSplitPane, selector: "ion-split-pane", inputs: ["contentId", "disabled", "when"] }, { kind: "component", type: IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }, { kind: "component", type: IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: NetworkBannerComponent, selector: "val-network-banner" }] }); }
+    </div>
+  `, isInline: true, styles: [".ion-page.pw-has-menu{flex-direction:row}.pw-sidenav{width:0;overflow:hidden;flex-shrink:0;border-right:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-background-color);transition:width .25s ease}@media (min-width: 768px){.pw-sidenav{width:220px}}.pw-content{display:flex;flex-direction:column;flex:1;min-width:0;position:relative}main{min-height:60vh;padding-bottom:calc(var(--val-bottom-nav-height, 0px) + env(safe-area-inset-bottom,0px) + 16px)}.pw-menu-list{padding-top:12px}.pw-menu-list ion-item{--border-radius: 10px;--padding-start: 12px;--padding-end: 12px;margin:2px 8px;font-size:.9375rem}.pw-menu-list ion-item.pw-menu-active{--background: rgba(var(--ion-color-primary-rgb, 0, 0, 0), .1);--color: var(--ion-color-primary);font-weight:600}.pw-menu-list ion-item.pw-menu-active ion-icon{color:var(--ion-color-primary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: HeaderComponent, selector: "val-header", inputs: ["props"], outputs: ["onClick"] }, { kind: "component", type: CompanyFooterComponent, selector: "val-company-footer", inputs: ["props"] }, { kind: "component", type: ContainerComponent, selector: "val-container", inputs: ["props"] }, { kind: "component", type: IonRefresher, selector: "ion-refresher", inputs: ["closeDuration", "disabled", "mode", "pullFactor", "pullMax", "pullMin", "snapbackDuration"] }, { kind: "component", type: IonRefresherContent, selector: "ion-refresher-content", inputs: ["pullingIcon", "pullingText", "refreshingSpinner", "refreshingText"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: NetworkBannerComponent, selector: "val-network-banner" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PageWrapperComponent, decorators: [{
             type: Component,
@@ -61269,81 +61351,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         RouterLink,
                         RouterLinkActive,
                         IonContent,
-                        IonSplitPane,
-                        IonMenu,
-                        IonMenuToggle,
                         IonList,
                         IonItem,
                         IonLabel,
                         IonIcon,
                         NetworkBannerComponent,
                     ], template: `
-    @if (hasSideMenu()) {
-      <ion-split-pane contentId="val-pw-main" [when]="'md'">
-        <ion-menu contentId="val-pw-main" type="overlay">
-          <ion-content>
-            <ion-list lines="none" class="pw-menu-list">
-              @for (item of menuItems(); track item.route) {
-                <ion-menu-toggle [autoHide]="false">
-                  <ion-item
-                    [routerLink]="item.route"
-                    routerLinkActive="pw-menu-active"
-                    [routerLinkActiveOptions]="{ exact: item.exact ?? false }"
-                    lines="none"
-                  >
-                    @if (item.icon) {
-                      <ion-icon [name]="item.icon" slot="start" />
-                    }
-                    <ion-label>{{ item.label }}</ion-label>
-                  </ion-item>
-                </ion-menu-toggle>
-              }
-            </ion-list>
-          </ion-content>
-        </ion-menu>
-        <div class="ion-page" id="val-pw-main">
-          <ng-container *ngTemplateOutlet="pageContent" />
-        </div>
-      </ion-split-pane>
-    } @else {
-      <div class="ion-page">
-        <ng-container *ngTemplateOutlet="pageContent" />
+    <div class="ion-page" [class.pw-has-menu]="hasSideMenu()">
+      @if (hasSideMenu()) {
+        <nav class="pw-sidenav" aria-label="Menú lateral">
+          <ion-list lines="none" class="pw-menu-list">
+            @for (item of menuItems(); track item.route) {
+              <ion-item
+                [routerLink]="item.route"
+                routerLinkActive="pw-menu-active"
+                [routerLinkActiveOptions]="{ exact: item.exact ?? false }"
+                lines="none"
+              >
+                @if (item.icon) {
+                  <ion-icon [name]="item.icon" slot="start" />
+                }
+                <ion-label>{{ item.label }}</ion-label>
+              </ion-item>
+            }
+          </ion-list>
+        </nav>
+      }
+      <div class="pw-content">
+        <val-header [props]="headerProps()" (onClick)="onHeaderClickHandler($event)" />
+        <ion-content
+          [id]="contentId()"
+          [fullscreen]="true"
+          [ngStyle]="{
+            '--background': background(),
+          }"
+        >
+          <!-- Pull-to-refresh estándar del factory. Se renderiza sólo cuando la
+               página activa registró un handler vía PageRefreshService.
+               ion-refresher con slot="fixed" DEBE ser hijo directo de
+               ion-content — por eso va aquí crudo, no envuelto en val-refresher. -->
+          @if (pageRefresh.hasHandler()) {
+            <ion-refresher slot="fixed" (ionRefresh)="onPageRefresh($event)">
+              <ion-refresher-content
+                pullingIcon="chevron-down-circle-outline"
+                refreshingSpinner="circular"
+              ></ion-refresher-content>
+            </ion-refresher>
+          }
+          <val-network-banner />
+          <val-container [props]="{ size: contentMaxWidth() }">
+            <main>
+              <router-outlet></router-outlet>
+            </main>
+          </val-container>
+          @if (propsFooter()) {
+            <val-company-footer [props]="propsFooter()" />
+          }
+        </ion-content>
       </div>
-    }
-    <ng-template #pageContent>
-      <val-header [props]="headerProps()" (onClick)="onHeaderClickHandler($event)" />
-      <ion-content
-        [id]="contentId()"
-        [fullscreen]="true"
-        [ngStyle]="{
-          '--background': background(),
-        }"
-      >
-        <!-- Pull-to-refresh estándar del factory. Se renderiza sólo cuando la
-             página activa registró un handler vía PageRefreshService.
-             ion-refresher con slot="fixed" DEBE ser hijo directo de
-             ion-content — por eso va aquí crudo, no envuelto en val-refresher. -->
-        @if (pageRefresh.hasHandler()) {
-          <ion-refresher slot="fixed" (ionRefresh)="onPageRefresh($event)">
-            <ion-refresher-content
-              pullingIcon="chevron-down-circle-outline"
-              refreshingSpinner="circular"
-            ></ion-refresher-content>
-          </ion-refresher>
-        }
-        <val-network-banner />
-        <val-container [props]="{ size: contentMaxWidth() }">
-          <main>
-            <router-outlet></router-outlet>
-          </main>
-        </val-container>
-        @if (propsFooter()) {
-          <val-company-footer [props]="propsFooter()" />
-        }
-      </ion-content>
-    </ng-template>
-  `, styles: ["main{min-height:60vh;padding-bottom:calc(var(--val-bottom-nav-height, 0px) + env(safe-area-inset-bottom,0px) + 16px)}.pw-menu-list{padding-top:12px}.pw-menu-list ion-item{--border-radius: 10px;--padding-start: 12px;--padding-end: 12px;margin:2px 8px;font-size:.9375rem}.pw-menu-list ion-item.pw-menu-active{--background: var(--ion-color-primary-tint, rgba(var(--ion-color-primary-rgb), .12));--color: var(--ion-color-primary);font-weight:600}.pw-menu-list ion-item.pw-menu-active ion-icon{color:var(--ion-color-primary)}\n"] }]
+    </div>
+  `, styles: [".ion-page.pw-has-menu{flex-direction:row}.pw-sidenav{width:0;overflow:hidden;flex-shrink:0;border-right:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-background-color);transition:width .25s ease}@media (min-width: 768px){.pw-sidenav{width:220px}}.pw-content{display:flex;flex-direction:column;flex:1;min-width:0;position:relative}main{min-height:60vh;padding-bottom:calc(var(--val-bottom-nav-height, 0px) + env(safe-area-inset-bottom,0px) + 16px)}.pw-menu-list{padding-top:12px}.pw-menu-list ion-item{--border-radius: 10px;--padding-start: 12px;--padding-end: 12px;margin:2px 8px;font-size:.9375rem}.pw-menu-list ion-item.pw-menu-active{--background: rgba(var(--ion-color-primary-rgb, 0, 0, 0), .1);--color: var(--ion-color-primary);font-weight:600}.pw-menu-list ion-item.pw-menu-active ion-icon{color:var(--ion-color-primary)}\n"] }]
         }], propDecorators: { onHeaderClick: [{
                 type: Output
             }] } });
@@ -66952,6 +67019,431 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Output
             }] } });
+/**
+ * Token de inyeccion para la configuracion del servicio de Reactions.
+ */
+const VALTECH_REACTIONS_CONFIG = new InjectionToken('ValtechReactionsConfig');
+/**
+ * Provee el servicio de reactions a la aplicacion Angular.
+ *
+ * @param config - Configuracion de reactions
+ * @returns EnvironmentProviders para usar en bootstrapApplication
+ *
+ * @example
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideValtechReactions({ apiUrl: environment.apiUrl, appId: 'my-app' }),
+ *   ],
+ * });
+ */
+function provideValtechReactions(config) {
+    return makeEnvironmentProviders([{ provide: VALTECH_REACTIONS_CONFIG, useValue: config }]);
+}
+/**
+ * Servicio para gestionar reacciones emoji configurables por contexto.
+ *
+ * Requiere provideValtechReactions() en el bootstrap de la app.
+ *
+ * @example
+ * const svc = inject(ReactionsService);
+ * svc.react({ entityRef: { entityType: 'post', entityId: '1' }, token: 'heart', appId: 'app' })
+ *   .subscribe(res => console.log(res.counts));
+ */
+class ReactionsService {
+    constructor() {
+        this.http = inject(HttpClient);
+        this.config = inject(VALTECH_REACTIONS_CONFIG, { optional: true });
+        if (!this.config && isDevMode()) {
+            console.warn('[valtech-components] ReactionsService: provideValtechReactions() no esta en main.ts. ' +
+                'Las reacciones no funcionaran.');
+        }
+    }
+    get apiUrl() {
+        return this.config?.apiUrl ?? '';
+    }
+    get baseUrl() {
+        return `${this.apiUrl}/v2/reactions`;
+    }
+    /**
+     * Toggle reaccion — retorna estado nuevo + conteos actualizados.
+     */
+    react(req) {
+        if (!this.config)
+            return EMPTY;
+        return this.http.post(this.baseUrl, req);
+    }
+    /**
+     * Conteos + reacciones del usuario para una entidad.
+     */
+    getCounts(appId, entityType, entityId) {
+        if (!this.config)
+            return EMPTY;
+        const params = new HttpParams()
+            .set('appId', appId)
+            .set('entityType', entityType)
+            .set('entityId', entityId);
+        return this.http.get(`${this.baseUrl}/counts`, { params });
+    }
+    /**
+     * Solo mis tokens activos para una entidad.
+     */
+    getMyReactions(appId, entityType, entityId) {
+        if (!this.config)
+            return EMPTY;
+        const params = new HttpParams()
+            .set('appId', appId)
+            .set('entityType', entityType)
+            .set('entityId', entityId);
+        return this.http
+            .get(`${this.baseUrl}/mine`, { params })
+            .pipe(map(res => res.tokens));
+    }
+    /**
+     * Obtener un set de reacciones por ID.
+     */
+    getSet(setId) {
+        if (!this.config)
+            return EMPTY;
+        return this.http.get(`${this.baseUrl}/sets/${setId}`);
+    }
+    /**
+     * Listar todos los sets disponibles para una app.
+     */
+    listSets(appId) {
+        if (!this.config)
+            return EMPTY;
+        const params = new HttpParams().set('appId', appId);
+        return this.http.get(`${this.baseUrl}/sets`, { params });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReactionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReactionsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReactionsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+const REACTION_BAR_I18N = {
+    es: {
+        loading: 'Cargando reacciones...',
+        addReaction: 'Agregar reaccion',
+        close: 'Cerrar',
+        errorLoading: 'Error al cargar reacciones.',
+    },
+    en: {
+        loading: 'Loading reactions...',
+        addReaction: 'Add reaction',
+        close: 'Close',
+        errorLoading: 'Failed to load reactions.',
+    },
+};
+/**
+ * Barra de reacciones emoji configurables por contexto.
+ *
+ * Muestra un set de emojis y permite al usuario reaccionar a una entidad.
+ * Soporta conteos, multiples reacciones y modo picker (popup).
+ *
+ * @example
+ * html
+ * <val-reaction-bar
+ *   [props]="{
+ *     entityRef: { entityType: 'post', entityId: 'p1' },
+ *     reactionSet: mySet,
+ *     showCounts: true
+ *   }"
+ *   (reactionChange)="onReaction($event)"
+ * />
+ */
+class ReactionBarComponent {
+    constructor() {
+        this.reactionChange = new EventEmitter();
+        this.reactionsService = inject(ReactionsService);
+        this.i18n = inject(I18nService);
+        this.reactionSet = signal(null);
+        this.myReactions = signal([]);
+        this.counts = signal({});
+        this.isLoading = signal(true);
+        this.pickerOpen = signal(false);
+        this.enrichedReactions = computed(() => {
+            const set = this.reactionSet();
+            if (!set)
+                return [];
+            const my = this.myReactions();
+            const c = this.counts();
+            return [...set.reactions]
+                .sort((a, b) => a.order - b.order)
+                .map(r => ({
+                ...r,
+                count: c[r.token] ?? 0,
+                active: my.includes(r.token),
+            }));
+        });
+        this.i18n.registerDefaults('ReactionBar', REACTION_BAR_I18N);
+    }
+    ngOnInit() {
+        if (this.props.initialCounts) {
+            this.counts.set(this.props.initialCounts);
+        }
+        if (this.props.initialMyReactions) {
+            this.myReactions.set(this.props.initialMyReactions);
+        }
+        if (this.props.reactionSet) {
+            this.reactionSet.set(this.props.reactionSet);
+            this.isLoading.set(false);
+            if (!this.props.skipInitialLoad && !this.props.initialCounts) {
+                void this.loadCounts();
+            }
+            return;
+        }
+        if (this.props.reactionSetId) {
+            void this.loadSetAndCounts(this.props.reactionSetId);
+            return;
+        }
+        this.isLoading.set(false);
+    }
+    async loadSetAndCounts(setId) {
+        this.isLoading.set(true);
+        try {
+            const set = await firstValueFrom(this.reactionsService.getSet(setId));
+            this.reactionSet.set(set);
+            if (!this.props.skipInitialLoad && !this.props.initialCounts) {
+                await this.loadCounts();
+            }
+        }
+        catch (err) {
+            console.error('[ReactionBarComponent] Error loading reaction set:', err);
+        }
+        finally {
+            this.isLoading.set(false);
+        }
+    }
+    async loadCounts() {
+        const appId = this.props.appId ?? '';
+        const { entityType, entityId } = this.props.entityRef;
+        try {
+            const res = await firstValueFrom(this.reactionsService.getCounts(appId, entityType, entityId));
+            this.counts.set(res.counts);
+            if (!this.props.initialMyReactions) {
+                this.myReactions.set(res.myReactions);
+            }
+        }
+        catch (err) {
+            console.error('[ReactionBarComponent] Error loading counts:', err);
+        }
+    }
+    onReact(token) {
+        if (this.props.readonly)
+            return;
+        void this.handleReact(token);
+    }
+    onReactAndClosePicker(token) {
+        this.pickerOpen.set(false);
+        this.onReact(token);
+    }
+    togglePicker() {
+        this.pickerOpen.update(v => !v);
+    }
+    async handleReact(token) {
+        const appId = this.props.appId ?? '';
+        const { entityType, entityId } = this.props.entityRef;
+        const maxReactions = this.props.maxReactions ?? 1;
+        const currentMy = this.myReactions();
+        const isActive = currentMy.includes(token);
+        let newMyReactions;
+        if (isActive) {
+            newMyReactions = currentMy.filter(t => t !== token);
+        }
+        else if (maxReactions === 1) {
+            newMyReactions = [token];
+        }
+        else if (maxReactions === 0 || currentMy.length < maxReactions) {
+            newMyReactions = [...currentMy, token];
+        }
+        else {
+            newMyReactions = currentMy;
+        }
+        const prevCounts = this.counts();
+        const optimisticCounts = { ...prevCounts };
+        if (isActive) {
+            optimisticCounts[token] = Math.max(0, (optimisticCounts[token] ?? 1) - 1);
+        }
+        else {
+            optimisticCounts[token] = (optimisticCounts[token] ?? 0) + 1;
+            if (maxReactions === 1 && currentMy.length > 0) {
+                const removed = currentMy[0];
+                optimisticCounts[removed] = Math.max(0, (optimisticCounts[removed] ?? 1) - 1);
+            }
+        }
+        this.myReactions.set(newMyReactions);
+        this.counts.set(optimisticCounts);
+        try {
+            const res = await firstValueFrom(this.reactionsService.react({ entityRef: { entityType, entityId }, token, appId }));
+            this.counts.set(res.counts);
+            if (!res.active) {
+                this.myReactions.set(this.myReactions().filter(t => t !== token));
+            }
+            else if (!this.myReactions().includes(token)) {
+                this.myReactions.update(arr => [...arr, token]);
+            }
+            this.reactionChange.emit({
+                token,
+                active: res.active,
+                entityRef: { entityType, entityId },
+                counts: res.counts,
+            });
+        }
+        catch (err) {
+            console.error('[ReactionBarComponent] Error reacting:', err);
+            this.myReactions.set(currentMy);
+            this.counts.set(prevCounts);
+        }
+    }
+    t(key) {
+        return this.i18n.t(key, 'ReactionBar') || key;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReactionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ReactionBarComponent, isStandalone: true, selector: "val-reaction-bar", inputs: { props: "props" }, outputs: { reactionChange: "reactionChange" }, ngImport: i0, template: `
+    <div class="reaction-bar" [class.layout-picker]="props.layout === 'picker'" [attr.aria-label]="t('addReaction')">
+      @if (isLoading()) {
+        <div class="reaction-skeleton" aria-hidden="true">
+          <span class="skeleton-circle"></span>
+          <span class="skeleton-circle"></span>
+          <span class="skeleton-circle"></span>
+        </div>
+      } @else {
+        @for (r of enrichedReactions(); track r.token) {
+          <button
+            type="button"
+            class="reaction-btn"
+            [class.active]="r.active"
+            [disabled]="props.readonly"
+            [attr.aria-label]="r.label"
+            [attr.aria-pressed]="r.active"
+            (click)="onReact(r.token)"
+          >
+            <span class="emoji">{{ r.emoji }}</span>
+            @if (props.showCounts && r.count > 0) {
+              <span class="count">{{ r.count }}</span>
+            }
+          </button>
+        }
+        @if (props.layout === 'picker' && !pickerOpen()) {
+          <button
+            type="button"
+            class="reaction-btn reaction-btn--add"
+            [disabled]="props.readonly"
+            [attr.aria-label]="t('addReaction')"
+            (click)="togglePicker()"
+          >
+            <span class="emoji">+</span>
+          </button>
+        }
+        @if (props.layout === 'picker' && pickerOpen()) {
+          <div class="picker-popover" role="dialog" [attr.aria-label]="t('addReaction')">
+            @for (r of enrichedReactions(); track r.token) {
+              <button
+                type="button"
+                class="reaction-btn"
+                [class.active]="r.active"
+                [attr.aria-label]="r.label"
+                [attr.aria-pressed]="r.active"
+                (click)="onReactAndClosePicker(r.token)"
+              >
+                <span class="emoji">{{ r.emoji }}</span>
+                @if (props.showCounts && r.count > 0) {
+                  <span class="count">{{ r.count }}</span>
+                }
+              </button>
+            }
+            <button
+              type="button"
+              class="reaction-btn reaction-btn--close"
+              [attr.aria-label]="t('close')"
+              (click)="togglePicker()"
+            >
+              <span class="emoji">x</span>
+            </button>
+          </div>
+        }
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block}.reaction-bar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;position:relative}.reaction-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:16px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-card-background, var(--ion-background-color, #fff));cursor:pointer;transition:all .15s ease;font-size:1rem;font-family:inherit;line-height:1}.reaction-btn:hover:not(:disabled){background:var(--ion-color-light, #f4f5f8)}.reaction-btn.active{background:var(--ion-color-primary-tint, rgba(76, 141, 255, .1));border-color:var(--ion-color-primary, #3880ff)}.reaction-btn:disabled{opacity:.6;cursor:default}.reaction-btn--add{border-style:dashed}.reaction-btn--close{border-color:var(--ion-color-medium, #92949c)}.emoji{font-size:1.1em;line-height:1}.count{font-size:.75rem;font-weight:600;color:var(--ion-color-medium, #92949c)}.active .count{color:var(--ion-color-primary, #3880ff)}.reaction-skeleton{display:flex;gap:4px;align-items:center}.skeleton-circle{display:inline-block;width:36px;height:28px;border-radius:16px;background:var(--ion-color-light, #f4f5f8);animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-circle:nth-child(2){animation-delay:.2s}.skeleton-circle:nth-child(3){animation-delay:.4s}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.picker-popover{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:6px 8px;border-radius:20px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-card-background, var(--ion-background-color, #fff));box-shadow:0 4px 12px #0000001f;position:absolute;bottom:calc(100% + 8px);left:0;z-index:100}:host(.sm) .reaction-btn{padding:2px 6px;font-size:.875rem}:host(.lg) .reaction-btn{padding:6px 12px;font-size:1.2rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReactionBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-reaction-bar', standalone: true, imports: [CommonModule], template: `
+    <div class="reaction-bar" [class.layout-picker]="props.layout === 'picker'" [attr.aria-label]="t('addReaction')">
+      @if (isLoading()) {
+        <div class="reaction-skeleton" aria-hidden="true">
+          <span class="skeleton-circle"></span>
+          <span class="skeleton-circle"></span>
+          <span class="skeleton-circle"></span>
+        </div>
+      } @else {
+        @for (r of enrichedReactions(); track r.token) {
+          <button
+            type="button"
+            class="reaction-btn"
+            [class.active]="r.active"
+            [disabled]="props.readonly"
+            [attr.aria-label]="r.label"
+            [attr.aria-pressed]="r.active"
+            (click)="onReact(r.token)"
+          >
+            <span class="emoji">{{ r.emoji }}</span>
+            @if (props.showCounts && r.count > 0) {
+              <span class="count">{{ r.count }}</span>
+            }
+          </button>
+        }
+        @if (props.layout === 'picker' && !pickerOpen()) {
+          <button
+            type="button"
+            class="reaction-btn reaction-btn--add"
+            [disabled]="props.readonly"
+            [attr.aria-label]="t('addReaction')"
+            (click)="togglePicker()"
+          >
+            <span class="emoji">+</span>
+          </button>
+        }
+        @if (props.layout === 'picker' && pickerOpen()) {
+          <div class="picker-popover" role="dialog" [attr.aria-label]="t('addReaction')">
+            @for (r of enrichedReactions(); track r.token) {
+              <button
+                type="button"
+                class="reaction-btn"
+                [class.active]="r.active"
+                [attr.aria-label]="r.label"
+                [attr.aria-pressed]="r.active"
+                (click)="onReactAndClosePicker(r.token)"
+              >
+                <span class="emoji">{{ r.emoji }}</span>
+                @if (props.showCounts && r.count > 0) {
+                  <span class="count">{{ r.count }}</span>
+                }
+              </button>
+            }
+            <button
+              type="button"
+              class="reaction-btn reaction-btn--close"
+              [attr.aria-label]="t('close')"
+              (click)="togglePicker()"
+            >
+              <span class="emoji">x</span>
+            </button>
+          </div>
+        }
+      }
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}.reaction-bar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;position:relative}.reaction-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:16px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-card-background, var(--ion-background-color, #fff));cursor:pointer;transition:all .15s ease;font-size:1rem;font-family:inherit;line-height:1}.reaction-btn:hover:not(:disabled){background:var(--ion-color-light, #f4f5f8)}.reaction-btn.active{background:var(--ion-color-primary-tint, rgba(76, 141, 255, .1));border-color:var(--ion-color-primary, #3880ff)}.reaction-btn:disabled{opacity:.6;cursor:default}.reaction-btn--add{border-style:dashed}.reaction-btn--close{border-color:var(--ion-color-medium, #92949c)}.emoji{font-size:1.1em;line-height:1}.count{font-size:.75rem;font-weight:600;color:var(--ion-color-medium, #92949c)}.active .count{color:var(--ion-color-primary, #3880ff)}.reaction-skeleton{display:flex;gap:4px;align-items:center}.skeleton-circle{display:inline-block;width:36px;height:28px;border-radius:16px;background:var(--ion-color-light, #f4f5f8);animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-circle:nth-child(2){animation-delay:.2s}.skeleton-circle:nth-child(3){animation-delay:.4s}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.picker-popover{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:6px 8px;border-radius:20px;border:1px solid var(--ion-border-color, rgba(0, 0, 0, .1));background:var(--ion-card-background, var(--ion-background-color, #fff));box-shadow:0 4px 12px #0000001f;position:absolute;bottom:calc(100% + 8px);left:0;z-index:100}:host(.sm) .reaction-btn{padding:2px 6px;font-size:.875rem}:host(.lg) .reaction-btn{padding:6px 12px;font-size:1.2rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { props: [{
+                type: Input
+            }], reactionChange: [{
+                type: Output
+            }] } });
 const DEFAULT_SPLASH_SCREEN_CONFIG = {
     fadeOutDuration: 300,
 };
@@ -71373,5 +71865,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, CookieSettingsComponent, CountdownComponent, CreateOrgModalComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_BUTTON_PRESETS, DEFAULT_CANCEL_BUTTON, DEFAULT_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_POST_UPDATE_GRACE_MS, 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, HapticsService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HrefComponent, HtmlViewerModalComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, IONIC_COLORS$5 as IONIC_COLORS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, InviteMemberModalComponent, ItemListComponent, 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, LoadMoreComponent, 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, POST_UPDATE_TS_KEY, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PdfService, 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, groupPermissionsByScope, 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, rbacGuard, 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, CookieSettingsComponent, CountdownComponent, CreateOrgModalComponent, CtaCardComponent, CurrencyInputComponent, DEFAULT_ADS_CONFIG, DEFAULT_APP_CONFIG_SERVICE_CONFIG, DEFAULT_APP_VERSION_SERVICE_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_BACK_HEADER, DEFAULT_BUTTON_PRESETS, DEFAULT_CANCEL_BUTTON, DEFAULT_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_POST_UPDATE_GRACE_MS, 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, HapticsService, HasPermissionDirective, HeaderComponent, HintComponent, HorizontalScrollComponent, HrefComponent, HtmlViewerModalComponent, I18nService, IMAGE_DEFAULTS, INITIAL_AUTH_STATE, INITIAL_MFA_STATE, INVITATION_CARD_DEFAULTS, IONIC_COLORS$5 as IONIC_COLORS, Icon, IconComponent, IconService, ImageComponent, ImageCropComponent, ImageService, InAppBrowserService, InfiniteListComponent, InfoComponent, InputI18nHelper, InputType, InvitationCardComponent, InviteMemberModalComponent, ItemListComponent, 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, LoadMoreComponent, 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, POST_UPDATE_TS_KEY, PageContentComponent, PageLinksComponent, PageRefreshService, PageTemplateComponent, PageWavesComponent, PageWrapperComponent, PaginationComponent, PaginationService, PasswordInputComponent, PatternComponent, PdfService, 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, ReactionBarComponent, ReactionsService, 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_REACTIONS_CONFIG, 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, groupPermissionsByScope, 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, provideValtechReactions, provideValtechSecurityRoutes, provideValtechSettingsRoutes, provideValtechSite, provideValtechSkeleton, provideValtechWhatsapp, query, rbacGuard, renderPatternSvgInner, replaceSpecialChars, requestSubmitMode, resolveColor, resolveInputDefaultValue, resolveIonicColor, resolveWebBaseUrl, roleGuard, selectableRequestTypes, storagePaths, superAdminGuard, toArticle };
 //# sourceMappingURL=valtech-components.mjs.map