valtech-components 2.0.1019 → 2.0.1021

package/fesm2022/valtech-components.mjs

@@ -54,7 +54,7 @@ import 'prismjs/components/prism-json';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '2.0.1019';
+const VERSION = '2.0.1021';
 
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -48420,11 +48420,32 @@ const MEMBER_DETAIL_MODAL_I18N = {
         permRoles: 'Roles',
         permMedia: 'Media',
         permTemplates: 'Plantillas',
+        permRbac: 'Control de acceso',
+        permApps: 'Aplicaciones',
+        permApiKeys: 'API Keys',
+        permEmailLogs: 'Registros de email',
+        permSmsLogs: 'Registros de SMS',
+        permCommsTemplates: 'Plantillas de comunicación',
+        permRequests: 'Solicitudes',
+        permMembers: 'Miembros',
+        permAccounts: 'Cuentas',
+        permSupport: 'Soporte',
+        permBingo: 'Bingo',
         permRead: 'Leer',
         permWrite: 'Escribir',
         permCreate: 'Crear',
         permDelete: 'Eliminar',
         permManage: 'Gestionar',
+        permEdit: 'Editar',
+        permSell: 'Vender',
+        permCheckin: 'Registrar entrada',
+        permSettle: 'Rendir',
+        permExport: 'Exportar',
+        permOperate: 'Operar',
+        permSuspend: 'Suspender',
+        permReactivate: 'Reactivar',
+        permResetPassword: 'Restablecer contraseña',
+        permImport: 'Importar',
     },
     en: {
         close: 'Close',
@@ -48452,11 +48473,32 @@ const MEMBER_DETAIL_MODAL_I18N = {
         permRoles: 'Roles',
         permMedia: 'Media',
         permTemplates: 'Templates',
+        permRbac: 'Access control',
+        permApps: 'Apps',
+        permApiKeys: 'API Keys',
+        permEmailLogs: 'Email logs',
+        permSmsLogs: 'SMS logs',
+        permCommsTemplates: 'Comms templates',
+        permRequests: 'Requests',
+        permMembers: 'Members',
+        permAccounts: 'Accounts',
+        permSupport: 'Support',
+        permBingo: 'Bingo',
         permRead: 'Read',
         permWrite: 'Write',
         permCreate: 'Create',
         permDelete: 'Delete',
         permManage: 'Manage',
+        permEdit: 'Edit',
+        permSell: 'Sell',
+        permCheckin: 'Check-in',
+        permSettle: 'Settle',
+        permExport: 'Export',
+        permOperate: 'Operate',
+        permSuspend: 'Suspend',
+        permReactivate: 'Reactivate',
+        permResetPassword: 'Reset password',
+        permImport: 'Import',
     },
 };
 
@@ -48566,6 +48608,17 @@ class MemberDetailModalComponent {
             roles: 'permRoles',
             media: 'permMedia',
             templates: 'permTemplates',
+            rbac: 'permRbac',
+            apps: 'permApps',
+            'api-keys': 'permApiKeys',
+            'email-logs': 'permEmailLogs',
+            'sms-logs': 'permSmsLogs',
+            'comms-templates': 'permCommsTemplates',
+            requests: 'permRequests',
+            members: 'permMembers',
+            accounts: 'permAccounts',
+            support: 'permSupport',
+            bingo: 'permBingo',
             '*': 'permAll',
         };
         const actKey = {
@@ -48574,12 +48627,33 @@ class MemberDetailModalComponent {
             create: 'permCreate',
             delete: 'permDelete',
             manage: 'permManage',
+            edit: 'permEdit',
+            sell: 'permSell',
+            checkin: 'permCheckin',
+            settle: 'permSettle',
+            export: 'permExport',
+            operate: 'permOperate',
+            suspend: 'permSuspend',
+            reactivate: 'permReactivate',
+            'reset-password': 'permResetPassword',
+            import: 'permImport',
             '*': 'permAll',
         };
-        const res = this.t(resKey[resource] ?? resource);
-        const act = this.t(actKey[action] ?? action);
+        // Label del i18n si el recurso/acción está mapeado; si no, humanizar el código
+        // crudo (evita que un recurso nuevo salga vacío, ej. ": Gestionar").
+        const res = resKey[resource] ? this.t(resKey[resource]) : this.humanizeCode(resource);
+        const act = actKey[action] ? this.t(actKey[action]) : this.humanizeCode(action);
         return `${res}: ${act}`;
     }
+    humanizeCode(code) {
+        if (!code)
+            return '';
+        return code
+            .split(/[-_]/)
+            .filter(Boolean)
+            .map(w => w.charAt(0).toUpperCase() + w.slice(1))
+            .join(' ');
+    }
     async onChangeRole(newRoleId) {
         if (this.working())
             return;
@@ -54199,9 +54273,22 @@ class AboutViewComponent {
         this.modalService = inject(ModalService);
         this.toast = inject(ToastService);
         this.route = inject(ActivatedRoute, { optional: true });
+        /**
+         * Config vía input (object-first). Si no se pasa, se cae al route data
+         * `aboutConfig` (poblado por `provideValtechAboutRoutes`). `resolvedConfig`
+         * mergea con los defaults — el input gana sobre route data.
+         *
+         * **Signal input** (no `@Input` clásico): `resolvedConfig` es un `computed` que se
+         * evalúa por primera vez en el constructor (vía `this.ns` → `setBackHeader`), ANTES
+         * de que un `@Input` clásico esté bindeado. Con `@Input` el computed memoizaba la
+         * config vacía y, al no depender de ninguna señal, NUNCA recomputaba → ignoraba
+         * `[config]` (social/acciones/versión/marca quedaban en default). Como signal, el
+         * computed lo trackea y recomputa cuando el binding llega.
+         */
+        this.config = input(undefined);
         this.resolvedConfig = computed(() => {
             const fromRoute = (this.route?.snapshot.data['aboutConfig'] ?? {});
-            const merged = { ...fromRoute, ...(this.config ?? {}) };
+            const merged = { ...fromRoute, ...(this.config() ?? {}) };
             return {
                 brand: {
                     name: merged.brand?.name ?? DEFAULT_BRAND_NAME,
@@ -54339,7 +54426,7 @@ class AboutViewComponent {
         this.resolvedConfig().onRated?.();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AboutViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AboutViewComponent, isStandalone: true, selector: "val-about-view", inputs: { config: "config" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AboutViewComponent, isStandalone: true, selector: "val-about-view", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <ion-grid class="about-grid">
       <!-- HERO: logo + name + version -->
       <div class="about-hero">
@@ -54580,9 +54667,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       </footer>
     </ion-grid>
   `, styles: [":host{display:block}.about-grid{padding:16px 0;max-width:720px;margin:0 auto}.about-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0 16px;text-align:center}.about-hero__logo{height:96px;width:auto;display:block}.about-hero__logo--var{width:96px;height:96px;background-position:center;background-repeat:no-repeat;background-size:contain}.version-row{display:flex;align-items:center;gap:6px;cursor:pointer;opacity:.85;transition:opacity .15s ease}.version-row:hover{opacity:1}.version-copy-icon{font-size:14px;color:var(--ion-color-medium)}.about-section{padding:16px 0 8px;display:flex;flex-direction:column;gap:8px}.about-actions{display:flex;flex-direction:column;gap:8px}.about-section--reviews val-action-card{display:block}.about-section--reviews val-action-card ::ng-deep .action-card{background:var(--ion-color-light, #f4f5f8);box-shadow:none}.about-section--reviews val-action-card ::ng-deep .action-card__description{color:var(--ion-color-dark);opacity:.7}.about-social{display:flex;flex-wrap:wrap;gap:10px;padding-top:8px}.about-social .social-btn{--border-radius: 50%;--background: var(--ion-color-light, #f4f5f8);--color: var(--ion-color-dark);--padding-start: 0;--padding-end: 0;width:48px;height:48px;margin:0;transition:transform .15s ease}.about-social .social-btn:hover{--background: var(--ion-color-primary-tint, #8a4ce5);--color: #fff;transform:translateY(-2px)}.about-social .social-btn ion-icon{font-size:22px}.about-footer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 0;text-align:center}:host-context(body.dark) val-action-card ::ng-deep .action-card,:host-context(html.ion-palette-dark) val-action-card ::ng-deep .action-card,:host-context([data-theme=\"dark\"]) val-action-card ::ng-deep .action-card{background:#ffffff0a}:host-context(body.dark) .about-section--reviews val-action-card ::ng-deep .action-card:hover,:host-context(html.ion-palette-dark) .about-section--reviews val-action-card ::ng-deep .action-card:hover,:host-context([data-theme=\"dark\"]) .about-section--reviews val-action-card ::ng-deep .action-card:hover{background:#ffffff14}:host-context(body.dark) .about-social .social-btn,:host-context(html.ion-palette-dark) .about-social .social-btn,:host-context([data-theme=\"dark\"]) .about-social .social-btn{--background: rgba(255, 255, 255, .04)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { config: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 /**
  * Configuración acotada de `val-about-view` (object-first). La vista About es