valtech-components 4.0.1021 → 4.0.1023

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 (24) hide show
  1. package/esm2022/lib/components/molecules/date-input/date-input.component.mjs +3 -3
  2. package/esm2022/lib/components/molecules/file-input/file-input.component.mjs +3 -3
  3. package/esm2022/lib/components/molecules/hint/hint.component.mjs +3 -3
  4. package/esm2022/lib/components/molecules/media-overlay-card/media-overlay-card.component.mjs +145 -0
  5. package/esm2022/lib/components/molecules/media-overlay-card/types.mjs +15 -0
  6. package/esm2022/lib/components/molecules/password-input/password-input.component.mjs +3 -3
  7. package/esm2022/lib/components/molecules/pin-input/pin-input.component.mjs +3 -3
  8. package/esm2022/lib/components/molecules/text-input/text-input.component.mjs +3 -3
  9. package/esm2022/lib/components/organisms/form/form.component.mjs +21 -9
  10. package/esm2022/lib/components/organisms/survey-builder/survey-builder.component.mjs +61 -39
  11. package/esm2022/lib/components/organisms/survey-builder/survey-builder.i18n.mjs +3 -1
  12. package/esm2022/lib/components/organisms/survey-response/survey-response.component.mjs +5 -6
  13. package/esm2022/lib/services/i18n/default-content.mjs +11 -1
  14. package/esm2022/lib/version.mjs +2 -2
  15. package/esm2022/public-api.mjs +3 -1
  16. package/fesm2022/valtech-components.mjs +266 -65
  17. package/fesm2022/valtech-components.mjs.map +1 -1
  18. package/lib/components/molecules/media-overlay-card/media-overlay-card.component.d.ts +15 -0
  19. package/lib/components/molecules/media-overlay-card/types.d.ts +55 -0
  20. package/lib/components/organisms/survey-builder/survey-builder.component.d.ts +1 -0
  21. package/lib/components/organisms/survey-response/survey-response.component.d.ts +4 -5
  22. package/lib/version.d.ts +1 -1
  23. package/package.json +1 -1
  24. package/public-api.d.ts +2 -0
@@ -0,0 +1,15 @@
1
+ import { MediaOverlayCardMetadata } from './types';
2
+ import * as i0 from "@angular/core";
3
+ /**
4
+ * val-media-overlay-card
5
+ *
6
+ * Presentational card with a large image and a solid body that overlaps it.
7
+ * Pass already-resolved strings from the host app to keep i18n ownership
8
+ * outside the library.
9
+ */
10
+ export declare class MediaOverlayCardComponent {
11
+ readonly props: import("@angular/core").InputSignal<Partial<MediaOverlayCardMetadata>>;
12
+ readonly config: import("@angular/core").Signal<MediaOverlayCardMetadata & Required<Pick<MediaOverlayCardMetadata, "bordered" | "imageAspectRatio" | "bodyWidth" | "overlap" | "frameRadius" | "imageRadius" | "bodyRadius" | "bodyAlign" | "shadowed">>>;
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<MediaOverlayCardComponent, never>;
14
+ static ɵcmp: i0.ɵɵComponentDeclaration<MediaOverlayCardComponent, "val-media-overlay-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
15
+ }
@@ -0,0 +1,55 @@
1
+ /**
2
+ * Text chip shown in val-media-overlay-card.
3
+ */
4
+ export interface MediaOverlayCardChip {
5
+ /** Stable identifier for tracking and analytics */
6
+ value: string;
7
+ /** Visible chip label */
8
+ label: string;
9
+ }
10
+ /**
11
+ * Metadata for val-media-overlay-card.
12
+ *
13
+ * Presentational card for landing pages and onboarding previews. It combines a
14
+ * wide media area with a solid body surface that overlaps the image.
15
+ */
16
+ export interface MediaOverlayCardMetadata {
17
+ /** Image URL */
18
+ image?: string;
19
+ /** Alternative text for the image. Empty string means decorative. */
20
+ imageAlt?: string;
21
+ /** Aspect ratio for the image area. Default: '16 / 9'. */
22
+ imageAspectRatio?: string;
23
+ /** Header label shown in the overlapping body */
24
+ headerLabel?: string;
25
+ /** Status label shown opposite the header */
26
+ statusLabel?: string;
27
+ /** Compact chips below the header */
28
+ chips?: MediaOverlayCardChip[];
29
+ /** Main title in the highlighted body block */
30
+ title: string;
31
+ /** Supporting text in the highlighted body block */
32
+ description?: string;
33
+ /** Chips shown at the bottom of the body */
34
+ tags?: MediaOverlayCardChip[];
35
+ /** Body width. Default: 'min(100%, 430px)'. */
36
+ bodyWidth?: string;
37
+ /** Overlap amount between image and body. Default: '-5.75rem'. */
38
+ overlap?: string;
39
+ /** Outer frame radius. Default: 'var(--val-radius-xl, 36px)'. */
40
+ frameRadius?: string;
41
+ /** Image radius. Default: 'var(--val-radius-lg, 28px)'. */
42
+ imageRadius?: string;
43
+ /** Body radius. Default: 'var(--val-radius-lg, 28px)'. */
44
+ bodyRadius?: string;
45
+ /** Body horizontal alignment. Default: 'end'. */
46
+ bodyAlign?: 'start' | 'center' | 'end';
47
+ /** Show frame border. Default: true. */
48
+ bordered?: boolean;
49
+ /** Show frame shadow. Default: true. */
50
+ shadowed?: boolean;
51
+ }
52
+ /**
53
+ * Default values for MediaOverlayCardMetadata.
54
+ */
55
+ export declare const MEDIA_OVERLAY_CARD_DEFAULTS: Required<Pick<MediaOverlayCardMetadata, 'imageAspectRatio' | 'bodyWidth' | 'overlap' | 'frameRadius' | 'imageRadius' | 'bodyRadius' | 'bodyAlign' | 'bordered' | 'shadowed'>>;
@@ -128,6 +128,7 @@ export declare class SurveyBuilderComponent implements OnInit {
128
128
  private validateRows;
129
129
  private rowFromField;
130
130
  reviewQuestionsCount(): string;
131
+ sectionQuestionCountText(count: number): string;
131
132
  previewProps(): ButtonMetadata;
132
133
  openPreview(): Promise<void>;
133
134
  private sectionOrderFor;
@@ -21,11 +21,10 @@ import * as i0 from "@angular/core";
21
21
  * que pueden no tener cuenta). Encuestas AUTHENTICATED/ORG/INTERNAL están
22
22
  * fuera de alcance de este componente por ahora.
23
23
  *
24
- * Cada pregunta se renderiza según su `FieldSchemaDef.type`: `EMOJI_RATING`
25
- * usa `val-emoji-rating` (NUNCA pasa por `val-form`, no lo sabe rutear);
26
- * cualquier otro tipo (v1: solo `TEXTAREA`) usa `val-textarea-input`. No hay
27
- * `val-form` de por medio un FormGroup armado a mano, porque mezclar tipos
28
- * custom con el form genérico es más complicado que construir el propio.
24
+ * Cada pregunta se renderiza mediante `val-form`, que conoce el catálogo
25
+ * respondible de encuestas: texto, opciones, booleanos, fecha, rating y number
26
+ * picker. Este componente solo decide el flujo público, identidad opcional,
27
+ * pasos por sección y envío de respuestas.
29
28
  */
30
29
  export declare class SurveyResponseComponent implements OnInit {
31
30
  props: SurveyResponseMetadata;
package/lib/version.d.ts CHANGED
@@ -2,4 +2,4 @@
2
2
  * Current version of valtech-components.
3
3
  * This is automatically updated during the publish process.
4
4
  */
5
- export declare const VERSION = "4.0.1021";
5
+ export declare const VERSION = "4.0.1023";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "valtech-components",
3
- "version": "4.0.1021",
3
+ "version": "4.0.1023",
4
4
  "private": false,
5
5
  "bin": {
6
6
  "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"
package/public-api.d.ts CHANGED
@@ -201,6 +201,8 @@ export * from './lib/components/molecules/refresher/refresher.component';
201
201
  export * from './lib/components/molecules/refresher/types';
202
202
  export * from './lib/components/molecules/update-banner/update-banner.component';
203
203
  export * from './lib/components/molecules/update-banner/types';
204
+ export * from './lib/components/molecules/media-overlay-card/media-overlay-card.component';
205
+ export * from './lib/components/molecules/media-overlay-card/types';
204
206
  export * from './lib/components/molecules/action-card/action-card.component';
205
207
  export * from './lib/components/molecules/action-card/types';
206
208
  export * from './lib/components/molecules/media-object/media-object.component';