valtech-components 4.0.42 → 4.0.45

package/lib/components/organisms/auth-cta/types.d.ts

@@ -23,10 +23,14 @@ export interface AuthCtaMetadata {
     registerRoute?: string | any[];
     /** External href for the register button */
     registerHref?: string;
-    /** Decorative image shown to the right (desktop) */
+    /** Decorative image shown to the right (desktop) or above the text */
     image?: string;
     /** Alt text for the image */
     imageAlt?: string;
+    /** Where to place the image. Default: 'side' (right on desktop, below on mobile) */
+    imagePosition?: 'side' | 'top';
+    /** Size of the image when imagePosition is 'top'. Default: 'small' */
+    imageSize?: 'small' | 'large';
     /** Background color — Ionic color name or any CSS color */
     backgroundColor?: string;
     /** Content alignment. Default: 'center' */

package/lib/components/organisms/switch-org-modal/switch-org-modal.component.d.ts

@@ -30,6 +30,8 @@ export declare class SwitchOrgModalComponent {
     onSuccess?: () => void;
     /** Callback al hacer clic en "Mi perfil" (pasado por `componentProps`). */
     onProfileClick?: () => void;
+    /** Callback al hacer clic en "Nueva organización". Si está presente, muestra el CTA. */
+    onCreateOrg?: () => void;
     /** Namespace i18n con que la vista resuelve sus textos. */
     i18nNamespace: string;
     readonly orgs: import("@angular/core").WritableSignal<Organization[]>;
@@ -50,8 +52,9 @@ export declare class SwitchOrgModalComponent {
     onSelect(org: Organization): Promise<void>;
     private loadOrgs;
     onProfile(): void;
+    onCreateNew(): void;
     dismiss(): void;
     t(key: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SwitchOrgModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchOrgModalComponent, "val-switch-org-modal", never, { "_modalRef": { "alias": "_modalRef"; "required": false; }; "onSuccess": { "alias": "onSuccess"; "required": false; }; "onProfileClick": { "alias": "onProfileClick"; "required": false; }; "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchOrgModalComponent, "val-switch-org-modal", never, { "_modalRef": { "alias": "_modalRef"; "required": false; }; "onSuccess": { "alias": "onSuccess"; "required": false; }; "onProfileClick": { "alias": "onProfileClick"; "required": false; }; "onCreateOrg": { "alias": "onCreateOrg"; "required": false; }; "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/services/auth/oauth.service.d.ts

@@ -108,12 +108,13 @@ export declare class OAuthService {
     /**
      * Verifica que el callback traiga el nonce del flujo actual (M-07).
      *
-     * Tolerante a la transición: solo se EXIGE coincidencia cuando el callback
-     * trae un nonce. Si no lo trae (backend aún sin M-07 desplegado, p.ej. dev), no
-     * se bloquea el login. Cuando el backend echa `client_nonce` en todos lados, un
-     * callback forjado con un nonce distinto sí se rechaza. Un payload forjado por
-     * XSS que OMITA el nonce no se frena por acá, pero igual pasa por las
-     * validaciones de tipo/forma de `checkLocalStorageFallback`.
+     * Estricto: si el opener generó un nonce (siempre, en clientes nuevos) exige
+     * que el callback lo traiga y coincida. Un payload forjado en localStorage por
+     * XSS no conoce el nonce (vive solo en memoria) → se rechaza.
+     *
+     * ⚠️ Requiere que el backend ya eche `client_nonce` en el callback. Deploy:
+     * backend ANTES que el frontend, si no este check rechaza callbacks legítimos
+     * (sin nonce) durante la ventana de transición.
      */
     private isNonceValid;
     /**

package/lib/services/auth/storage.service.d.ts

@@ -23,7 +23,7 @@ export declare class AuthStorageService {
     /**
      * Guarda el refresh token (token rotation).
      */
-    saveRefreshToken(token: string): void;
+    saveRefreshToken(_token: string): void;
     /**
      * Guarda los permisos actualizados.
      */

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "4.0.42";
+export declare const VERSION = "4.0.45";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "4.0.42",
+  "version": "4.0.45",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"

package/public-api.d.ts

@@ -3,7 +3,6 @@ export * from './lib/directives/has-permission.directive';
 export * from './lib/components/atoms/avatar/avatar.component';
 export * from './lib/components/atoms/avatar/types';
 export * from './lib/components/atoms/box/box.component';
-export * from './lib/components/atoms/splash/splash.component';
 export * from './lib/components/atoms/box/types';
 export * from './lib/components/atoms/glow/glow.component';
 export * from './lib/components/atoms/glow/types';

package/src/lib/services/firebase/firebase-messaging-sw.js

@@ -0,0 +1,145 @@
+/**
+ * Firebase Messaging Service Worker
+ *
+ * Service Worker estático para Firebase Cloud Messaging.
+ * Carga la configuración dinámicamente desde /firebase-config.js.
+ *
+ * CONFIGURACIÓN:
+ * 1. Crea firebase.config.json con tu configuración de Firebase
+ * 2. Ejecuta: npm run generate:firebase-config
+ *    Esto genera /firebase-config.js con: self.FIREBASE_CONFIG = {...}
+ * 3. Agrega este SW y firebase-config.js a los assets de angular.json
+ *
+ * Ver README.md para documentación completa.
+ */
+
+// Importar Firebase scripts
+importScripts('https://www.gstatic.com/firebasejs/10.7.0/firebase-app-compat.js');
+importScripts('https://www.gstatic.com/firebasejs/10.7.0/firebase-messaging-compat.js');
+
+// Importar configuración desde archivo externo (generado en build)
+// Este archivo define: self.FIREBASE_CONFIG = { ... }
+try {
+  importScripts('/firebase-config.js');
+} catch (e) {
+  console.error('[SW] No se pudo cargar firebase-config.js:', e);
+}
+
+// Verificar que la configuración existe
+if (!self.FIREBASE_CONFIG) {
+  console.error('[SW] FIREBASE_CONFIG no está definido.');
+  console.error('[SW] Ejecuta: npm run generate:firebase-config');
+} else {
+  // Inicializar Firebase
+  firebase.initializeApp(self.FIREBASE_CONFIG);
+
+  // Obtener instancia de messaging
+  const messaging = firebase.messaging();
+
+  /**
+   * Handler para mensajes en background.
+   */
+  messaging.onBackgroundMessage((payload) => {
+    console.log('[SW] Mensaje recibido en background:', payload);
+
+    // Web push usa mensajes data-only (sin bloque `notification`) para que el
+    // navegador NO auto-muestre una notificación duplicada — el SW es el único
+    // que la pinta. Title/body/icon llegan dentro de `data`. Se mantiene el
+    // fallback a `payload.notification` por compatibilidad con mensajes
+    // legacy o nativos que sí traen el bloque.
+    const data = payload.data || {};
+    const notificationTitle =
+      payload.notification?.title || data.title || 'Nueva notificación';
+    const notificationBody = payload.notification?.body || data.body || '';
+    const notificationIcon =
+      payload.notification?.icon || data.icon || '/assets/icon/favicon.ico';
+
+    const notificationOptions = {
+      body: notificationBody,
+      icon: notificationIcon,
+      image: payload.notification?.image,
+      badge: '/assets/icon/badge.png',
+      tag: payload.messageId || data.messageId || 'default',
+      data: {
+        ...data,
+        messageId: payload.messageId || data.messageId,
+        title: notificationTitle,
+        body: notificationBody,
+      },
+      vibrate: [200, 100, 200],
+      requireInteraction: data.require_interaction === 'true',
+    };
+
+    return self.registration.showNotification(notificationTitle, notificationOptions);
+  });
+
+  /**
+   * Handler para clicks en notificaciones.
+   */
+  self.addEventListener('notificationclick', (event) => {
+    console.log('[SW] Click en notificación:', event);
+    event.notification.close();
+
+    const data = event.notification.data || {};
+    let targetUrl = '/';
+
+    if (data.route) {
+      targetUrl = data.route;
+    } else if (data.url) {
+      targetUrl = data.url;
+    }
+
+    if (data.query_params) {
+      const separator = targetUrl.includes('?') ? '&' : '?';
+      targetUrl += separator + data.query_params;
+    }
+
+    const notificationPayload = {
+      type: 'NOTIFICATION_CLICK',
+      notification: {
+        title: data.title,
+        body: data.body,
+        data: data,
+        messageId: data.messageId,
+      },
+    };
+
+    event.waitUntil(
+      clients
+        .matchAll({ type: 'window', includeUncontrolled: true })
+        .then((clientList) => {
+          // Siempre enviar postMessage para que la app pueda reaccionar
+          for (const client of clientList) {
+            client.postMessage(notificationPayload);
+          }
+
+          // Navegar si hay route o url
+          if (targetUrl !== '/') {
+            for (const client of clientList) {
+              if ('navigate' in client) {
+                return client.navigate(targetUrl).then((c) => c?.focus());
+              }
+            }
+            // Si no hay cliente abierto, abrir nueva ventana
+            if (clients.openWindow) {
+              return clients.openWindow(targetUrl);
+            }
+          }
+
+          // Solo hacer focus si no hay navegación
+          for (const client of clientList) {
+            if ('focus' in client) {
+              return client.focus();
+            }
+          }
+          if (clients.openWindow) {
+            return clients.openWindow('/');
+          }
+        })
+    );
+  });
+
+  self.addEventListener('notificationclose', (event) => {
+    console.log('[SW] Notificación cerrada:', event.notification.tag);
+  });
+}

package/esm2022/lib/components/atoms/splash/splash.component.mjs

@@ -1,45 +0,0 @@
-import { Component, input } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * `val-splash` — splash a pantalla completa reutilizable, idéntico al de arranque
- * de la app (`.app-splash` del `index.html`): logo centrado con pulse, fondo
- * claro/oscuro vía `prefers-color-scheme`. Para cargas fundamentales dentro de la
- * app (p.ej. el callback OAuth) que deben verse iguales al arranque, en vez de
- * un segundo loader casi-duplicado.
- *
- * El logo apunta por defecto a `assets/images/main-{light,dark}.svg` — los mismos
- * assets de la app consumer que usa el splash de `index.html` — y resuelven en
- * runtime contra la app. Override por inputs si hace falta. Fondo overridable con
- * las CSS vars `--val-splash-bg` / `--val-splash-bg-dark`.
- */
-export class SplashComponent {
-    constructor() {
-        /** Logo para tema claro. Default = asset de la app (igual que index.html). */
-        this.logoLight = input('assets/images/main-light.svg');
-        /** Logo para tema oscuro (vía prefers-color-scheme). */
-        this.logoDark = input('assets/images/main-dark.svg');
-        /** Texto alternativo del logo. */
-        this.alt = input('Valtech');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SplashComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: SplashComponent, isStandalone: true, selector: "val-splash", inputs: { logoLight: { classPropertyName: "logoLight", publicName: "logoLight", isSignal: true, isRequired: false, transformFunction: null }, logoDark: { classPropertyName: "logoDark", publicName: "logoDark", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    <div class="val-splash">
-      <picture>
-        <source media="(prefers-color-scheme: dark)" [srcset]="logoDark()" />
-        <img class="val-splash__logo" [src]="logoLight()" [alt]="alt()" />
-      </picture>
-    </div>
-  `, isInline: true, styles: [".val-splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--val-splash-bg, #fbfbfb);z-index:9999;animation:val-splash-in .25s ease}.val-splash__logo{width:180px;max-width:50vw;animation:val-splash-pulse 1.8s ease-in-out infinite}@keyframes val-splash-in{0%{opacity:0}to{opacity:1}}@keyframes val-splash-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-color-scheme: dark){.val-splash{background:var(--val-splash-bg-dark, #0e0420)}}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SplashComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-splash', standalone: true, template: `
-    <div class="val-splash">
-      <picture>
-        <source media="(prefers-color-scheme: dark)" [srcset]="logoDark()" />
-        <img class="val-splash__logo" [src]="logoLight()" [alt]="alt()" />
-      </picture>
-    </div>
-  `, styles: [".val-splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--val-splash-bg, #fbfbfb);z-index:9999;animation:val-splash-in .25s ease}.val-splash__logo{width:180px;max-width:50vw;animation:val-splash-pulse 1.8s ease-in-out infinite}@keyframes val-splash-in{0%{opacity:0}to{opacity:1}}@keyframes val-splash-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-color-scheme: dark){.val-splash{background:var(--val-splash-bg-dark, #0e0420)}}\n"] }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsYXNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9hdG9tcy9zcGxhc2gvc3BsYXNoLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFakQ7Ozs7Ozs7Ozs7O0dBV0c7QUFzREgsTUFBTSxPQUFPLGVBQWU7SUFyRDVCO1FBc0RFLDhFQUE4RTtRQUNyRSxjQUFTLEdBQUcsS0FBSyxDQUFDLDhCQUE4QixDQUFDLENBQUM7UUFDM0Qsd0RBQXdEO1FBQy9DLGFBQVEsR0FBRyxLQUFLLENBQUMsNkJBQTZCLENBQUMsQ0FBQztRQUN6RCxrQ0FBa0M7UUFDekIsUUFBRyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztLQUNqQzsrR0FQWSxlQUFlO21HQUFmLGVBQWUseWNBbERoQjs7Ozs7OztHQU9UOzs0RkEyQ1UsZUFBZTtrQkFyRDNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksWUFDTjs7Ozs7OztHQU9UIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIGB2YWwtc3BsYXNoYCDigJQgc3BsYXNoIGEgcGFudGFsbGEgY29tcGxldGEgcmV1dGlsaXphYmxlLCBpZMOpbnRpY28gYWwgZGUgYXJyYW5xdWVcbiAqIGRlIGxhIGFwcCAoYC5hcHAtc3BsYXNoYCBkZWwgYGluZGV4Lmh0bWxgKTogbG9nbyBjZW50cmFkbyBjb24gcHVsc2UsIGZvbmRvXG4gKiBjbGFyby9vc2N1cm8gdsOtYSBgcHJlZmVycy1jb2xvci1zY2hlbWVgLiBQYXJhIGNhcmdhcyBmdW5kYW1lbnRhbGVzIGRlbnRybyBkZSBsYVxuICogYXBwIChwLmVqLiBlbCBjYWxsYmFjayBPQXV0aCkgcXVlIGRlYmVuIHZlcnNlIGlndWFsZXMgYWwgYXJyYW5xdWUsIGVuIHZleiBkZVxuICogdW4gc2VndW5kbyBsb2FkZXIgY2FzaS1kdXBsaWNhZG8uXG4gKlxuICogRWwgbG9nbyBhcHVudGEgcG9yIGRlZmVjdG8gYSBgYXNzZXRzL2ltYWdlcy9tYWluLXtsaWdodCxkYXJrfS5zdmdgIOKAlCBsb3MgbWlzbW9zXG4gKiBhc3NldHMgZGUgbGEgYXBwIGNvbnN1bWVyIHF1ZSB1c2EgZWwgc3BsYXNoIGRlIGBpbmRleC5odG1sYCDigJQgeSByZXN1ZWx2ZW4gZW5cbiAqIHJ1bnRpbWUgY29udHJhIGxhIGFwcC4gT3ZlcnJpZGUgcG9yIGlucHV0cyBzaSBoYWNlIGZhbHRhLiBGb25kbyBvdmVycmlkYWJsZSBjb25cbiAqIGxhcyBDU1MgdmFycyBgLS12YWwtc3BsYXNoLWJnYCAvIGAtLXZhbC1zcGxhc2gtYmctZGFya2AuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1zcGxhc2gnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJ2YWwtc3BsYXNoXCI+XG4gICAgICA8cGljdHVyZT5cbiAgICAgICAgPHNvdXJjZSBtZWRpYT1cIihwcmVmZXJzLWNvbG9yLXNjaGVtZTogZGFyaylcIiBbc3Jjc2V0XT1cImxvZ29EYXJrKClcIiAvPlxuICAgICAgICA8aW1nIGNsYXNzPVwidmFsLXNwbGFzaF9fbG9nb1wiIFtzcmNdPVwibG9nb0xpZ2h0KClcIiBbYWx0XT1cImFsdCgpXCIgLz5cbiAgICAgIDwvcGljdHVyZT5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgLnZhbC1zcGxhc2gge1xuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgIGluc2V0OiAwO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tdmFsLXNwbGFzaC1iZywgI2ZiZmJmYik7XG4gICAgICAgIHotaW5kZXg6IDk5OTk7XG4gICAgICAgIGFuaW1hdGlvbjogdmFsLXNwbGFzaC1pbiAwLjI1cyBlYXNlO1xuICAgICAgfVxuICAgICAgLnZhbC1zcGxhc2hfX2xvZ28ge1xuICAgICAgICB3aWR0aDogMTgwcHg7XG4gICAgICAgIG1heC13aWR0aDogNTB2dztcbiAgICAgICAgYW5pbWF0aW9uOiB2YWwtc3BsYXNoLXB1bHNlIDEuOHMgZWFzZS1pbi1vdXQgaW5maW5pdGU7XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIHZhbC1zcGxhc2gtaW4ge1xuICAgICAgICBmcm9tIHtcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB9XG4gICAgICAgIHRvIHtcbiAgICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICBAa2V5ZnJhbWVzIHZhbC1zcGxhc2gtcHVsc2Uge1xuICAgICAgICAwJSxcbiAgICAgICAgMTAwJSB7XG4gICAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgfVxuICAgICAgICA1MCUge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIEBtZWRpYSAocHJlZmVycy1jb2xvci1zY2hlbWU6IGRhcmspIHtcbiAgICAgICAgLnZhbC1zcGxhc2gge1xuICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigtLXZhbC1zcGxhc2gtYmctZGFyaywgIzBlMDQyMCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTcGxhc2hDb21wb25lbnQge1xuICAvKiogTG9nbyBwYXJhIHRlbWEgY2xhcm8uIERlZmF1bHQgPSBhc3NldCBkZSBsYSBhcHAgKGlndWFsIHF1ZSBpbmRleC5odG1sKS4gKi9cbiAgcmVhZG9ubHkgbG9nb0xpZ2h0ID0gaW5wdXQoJ2Fzc2V0cy9pbWFnZXMvbWFpbi1saWdodC5zdmcnKTtcbiAgLyoqIExvZ28gcGFyYSB0ZW1hIG9zY3VybyAodsOtYSBwcmVmZXJzLWNvbG9yLXNjaGVtZSkuICovXG4gIHJlYWRvbmx5IGxvZ29EYXJrID0gaW5wdXQoJ2Fzc2V0cy9pbWFnZXMvbWFpbi1kYXJrLnN2ZycpO1xuICAvKiogVGV4dG8gYWx0ZXJuYXRpdm8gZGVsIGxvZ28uICovXG4gIHJlYWRvbmx5IGFsdCA9IGlucHV0KCdWYWx0ZWNoJyk7XG59XG4iXX0=

package/lib/components/atoms/splash/splash.component.d.ts

@@ -1,23 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * `val-splash` — splash a pantalla completa reutilizable, idéntico al de arranque
- * de la app (`.app-splash` del `index.html`): logo centrado con pulse, fondo
- * claro/oscuro vía `prefers-color-scheme`. Para cargas fundamentales dentro de la
- * app (p.ej. el callback OAuth) que deben verse iguales al arranque, en vez de
- * un segundo loader casi-duplicado.
- *
- * El logo apunta por defecto a `assets/images/main-{light,dark}.svg` — los mismos
- * assets de la app consumer que usa el splash de `index.html` — y resuelven en
- * runtime contra la app. Override por inputs si hace falta. Fondo overridable con
- * las CSS vars `--val-splash-bg` / `--val-splash-bg-dark`.
- */
-export declare class SplashComponent {
-    /** Logo para tema claro. Default = asset de la app (igual que index.html). */
-    readonly logoLight: import("@angular/core").InputSignal<string>;
-    /** Logo para tema oscuro (vía prefers-color-scheme). */
-    readonly logoDark: import("@angular/core").InputSignal<string>;
-    /** Texto alternativo del logo. */
-    readonly alt: import("@angular/core").InputSignal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplashComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplashComponent, "val-splash", never, { "logoLight": { "alias": "logoLight"; "required": false; "isSignal": true; }; "logoDark": { "alias": "logoDark"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}