valtech-components 2.0.845 → 2.0.847
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.
- package/esm2022/lib/components/molecules/modal-shell/modal-shell.component.mjs +114 -0
- package/esm2022/lib/components/organisms/mfa-modal/mfa-modal.component.mjs +7 -3
- package/esm2022/lib/services/modal/simple-modal-content.component.mjs +14 -49
- package/esm2022/lib/version.mjs +2 -2
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/valtech-components.mjs +126 -50
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/molecules/modal-shell/modal-shell.component.d.ts +53 -0
- package/lib/services/modal/simple-modal-content.component.d.ts +4 -0
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* `val-modal-shell` — wrapper canónico para modales del factory.
|
|
4
|
+
*
|
|
5
|
+
* Implementa el patrón obligatorio de la Regla #5 (`frontend/CLAUDE.md`):
|
|
6
|
+
* - Header sin `<ion-title>`, solo botón de cierre con texto `Cerrar` en
|
|
7
|
+
* `slot="end"`.
|
|
8
|
+
* - Título principal del modal en el BODY como `val-display size="small"`
|
|
9
|
+
* (32/24 px).
|
|
10
|
+
* - Subtítulo opcional como `val-title size="large"` (24/18 px).
|
|
11
|
+
*
|
|
12
|
+
* El contenido del modal se proyecta vía `<ng-content>`.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```html
|
|
16
|
+
* <val-modal-shell [title]="title" [subtitle]="subtitle" (close)="dismiss()">
|
|
17
|
+
* <!-- body del modal -->
|
|
18
|
+
* <p>Contenido...</p>
|
|
19
|
+
* </val-modal-shell>
|
|
20
|
+
* ```
|
|
21
|
+
*
|
|
22
|
+
* @example Sin subtitle, con label de cierre custom:
|
|
23
|
+
* ```html
|
|
24
|
+
* <val-modal-shell [title]="title" [closeLabel]="'Fechar'" (close)="dismiss()">
|
|
25
|
+
* ...
|
|
26
|
+
* </val-modal-shell>
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
export declare class ModalShellComponent {
|
|
30
|
+
private i18n;
|
|
31
|
+
/** Título principal del modal — se renderiza como `val-display size="small"`. */
|
|
32
|
+
readonly title: import("@angular/core").InputSignal<string>;
|
|
33
|
+
/** Subtítulo opcional — se renderiza como `val-title size="large"`. */
|
|
34
|
+
readonly subtitle: import("@angular/core").InputSignal<string>;
|
|
35
|
+
/**
|
|
36
|
+
* Label del botón de cierre. Si no se provee, se resuelve vía i18n con la
|
|
37
|
+
* clave `close` del namespace `_global` ("Cerrar" / "Close" / "Fechar").
|
|
38
|
+
*/
|
|
39
|
+
readonly closeLabel: import("@angular/core").InputSignal<string>;
|
|
40
|
+
/**
|
|
41
|
+
* Muestra el botón de cierre del header. `true` por defecto (estándar
|
|
42
|
+
* canónico). Solo se desactiva en modales no-dismissable (ej. confirmaciones
|
|
43
|
+
* bloqueantes que requieren respuesta explícita).
|
|
44
|
+
*/
|
|
45
|
+
readonly showClose: import("@angular/core").InputSignal<boolean>;
|
|
46
|
+
/** Emite cuando el user toca el botón de cierre del header. */
|
|
47
|
+
readonly close: import("@angular/core").OutputEmitterRef<void>;
|
|
48
|
+
/** Label efectivo — usa `closeLabel` si viene, sino cae al i18n `_global.close`. */
|
|
49
|
+
readonly resolvedCloseLabel: import("@angular/core").Signal<string>;
|
|
50
|
+
onClose(): void;
|
|
51
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalShellComponent, never>;
|
|
52
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ModalShellComponent, "val-modal-shell", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["*"], true, never>;
|
|
53
|
+
}
|
|
@@ -3,6 +3,10 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
/**
|
|
4
4
|
* Internal component for simple content modals.
|
|
5
5
|
* Used by ModalService.openSimple()
|
|
6
|
+
*
|
|
7
|
+
* Header + título + close button delegados a `val-modal-shell` (estándar
|
|
8
|
+
* canónico — ver Regla #5 en `frontend/CLAUDE.md`). El cuerpo (innerHTML) +
|
|
9
|
+
* footer con botones quedan locales.
|
|
6
10
|
*/
|
|
7
11
|
export declare class SimpleModalContentComponent {
|
|
8
12
|
title: string;
|
package/lib/version.d.ts
CHANGED
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -175,6 +175,7 @@ export * from './lib/components/molecules/username-input/types';
|
|
|
175
175
|
export * from './lib/components/molecules/linked-providers/linked-providers.component';
|
|
176
176
|
export * from './lib/components/molecules/linked-providers/types';
|
|
177
177
|
export * from './lib/components/molecules/image-crop/image-crop.component';
|
|
178
|
+
export * from './lib/components/molecules/modal-shell/modal-shell.component';
|
|
178
179
|
export * from './lib/components/organisms/article/article.component';
|
|
179
180
|
export * from './lib/components/organisms/article/types';
|
|
180
181
|
export * from './lib/components/organisms/banner/banner.component';
|