valtech-components 4.0.266 → 4.0.267
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-layout/modal-layout.component.mjs +95 -0
- package/esm2022/lib/components/molecules/modal-layout/types.mjs +2 -0
- package/esm2022/lib/version.mjs +2 -2
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/valtech-components.mjs +92 -3
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/molecules/modal-layout/modal-layout.component.d.ts +27 -0
- package/lib/components/molecules/modal-layout/types.d.ts +6 -0
- package/lib/version.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ButtonMetadata } from '../../types';
|
|
2
|
+
import { ModalActionAlignment, ModalLayoutActionEvent } from './types';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* Layout canonico para modales con body scrolleable y footer de acciones fijo.
|
|
6
|
+
*
|
|
7
|
+
* Usalo dentro de componentes abiertos via `ModalService.open(...)` cuando el
|
|
8
|
+
* contenido pueda crecer y el CTA deba quedar siempre visible. El header/body
|
|
9
|
+
* delegan en `val-modal-shell`; el footer queda fuera del `ion-content`, como
|
|
10
|
+
* sibling, para evitar problemas de scroll.
|
|
11
|
+
*/
|
|
12
|
+
export declare class ModalLayoutComponent {
|
|
13
|
+
readonly title: import("@angular/core").InputSignal<string>;
|
|
14
|
+
readonly subtitle: import("@angular/core").InputSignal<string>;
|
|
15
|
+
readonly closeLabel: import("@angular/core").InputSignal<string>;
|
|
16
|
+
readonly showClose: import("@angular/core").InputSignal<boolean>;
|
|
17
|
+
readonly actions: import("@angular/core").InputSignal<ButtonMetadata[]>;
|
|
18
|
+
readonly actionsAlign: import("@angular/core").InputSignal<ModalActionAlignment>;
|
|
19
|
+
readonly footer: import("@angular/core").InputSignal<boolean>;
|
|
20
|
+
readonly footerClass: import("@angular/core").InputSignal<string>;
|
|
21
|
+
readonly close: import("@angular/core").OutputEmitterRef<void>;
|
|
22
|
+
readonly actionClick: import("@angular/core").OutputEmitterRef<ModalLayoutActionEvent>;
|
|
23
|
+
readonly showFooter: import("@angular/core").Signal<boolean>;
|
|
24
|
+
handleAction(action: ButtonMetadata, index: number): void;
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalLayoutComponent, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ModalLayoutComponent, "val-modal-layout", 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; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "actionsAlign": { "alias": "actionsAlign"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "footerClass": { "alias": "footerClass"; "required": false; "isSignal": true; }; }, { "close": "close"; "actionClick": "actionClick"; }, never, ["*", "[modal-actions]"], true, never>;
|
|
27
|
+
}
|
package/lib/version.d.ts
CHANGED
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -209,6 +209,8 @@ export * from './lib/components/molecules/empty-state/factory';
|
|
|
209
209
|
export * from './lib/components/molecules/empty-state/types';
|
|
210
210
|
export * from './lib/components/molecules/image-crop/image-crop.component';
|
|
211
211
|
export * from './lib/components/molecules/modal-shell/modal-shell.component';
|
|
212
|
+
export * from './lib/components/molecules/modal-layout/modal-layout.component';
|
|
213
|
+
export * from './lib/components/molecules/modal-layout/types';
|
|
212
214
|
export * from './lib/components/organisms/attachment-uploader/attachment-uploader.component';
|
|
213
215
|
export * from './lib/components/organisms/attachment-uploader/types';
|
|
214
216
|
export * from './lib/components/organisms/article/article.component';
|