valtech-components 4.0.104 → 4.0.106

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.
@@ -3,20 +3,29 @@ import * as i0 from "@angular/core";
3
3
  * Primitivo de campo de formulario: label (estilo val-form) + contenido proyectado.
4
4
  *
5
5
  * Usar cuando necesitás un campo fuera de val-form pero con el mismo estilo:
6
- * ion-input, ion-textarea, image-picker, date-picker, selectores custom, etc.
6
+ * image-picker, date-picker, selectores custom, chips, etc.
7
7
  *
8
- * ```html
9
- * <val-form-field label="Nombre del premio">
10
- * <ion-input fill="outline" ... />
11
- * </val-form-field>
8
+ * NOTA: para ion-input / ion-textarea NO usar ng-content projection — el Shadow DOM
9
+ * de Ionic no responde al grid del host. Usá en cambio un `<div class="pf-field">`
10
+ * plano en el template con `<p class="pf-label">` + ion-input directo.
12
11
  *
12
+ * ```html
13
13
  * <val-form-field label="Imagen">
14
14
  * <app-image-picker ... />
15
15
  * </val-form-field>
16
+ *
17
+ * <!-- Para ion-input: NO val-form-field, usar div plano -->
18
+ * <div class="pf-field">
19
+ * <p class="pf-label">Nombre</p>
20
+ * <ion-input fill="outline" ... />
21
+ * </div>
16
22
  * ```
17
23
  *
18
24
  * El label usa el mismo val-title que val-form (size=small, color=dark, bold=false).
19
25
  * El spacing entre campos se controla con --val-form-field-gap (default 0.5rem).
26
+ * El padding horizontal se hereda vía --val-form-field-padding (default 0).
27
+ * Setearlo en el contenedor padre para consistencia sin override en cada campo:
28
+ * `.my-card { --val-form-field-padding: 0 16px; }`
20
29
  */
21
30
  export declare class FormFieldComponent {
22
31
  label: import("@angular/core").InputSignal<string>;
@@ -14,6 +14,7 @@ import * as i0 from "@angular/core";
14
14
  export declare class UpdateBannerComponent {
15
15
  private readonly version;
16
16
  private readonly i18n;
17
+ constructor();
17
18
  /**
18
19
  * True cuando el banner está en modo obligatorio (hard gate, no descartable).
19
20
  */
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.104";
5
+ export declare const VERSION = "4.0.106";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "valtech-components",
3
- "version": "4.0.104",
3
+ "version": "4.0.106",
4
4
  "private": false,
5
5
  "bin": {
6
6
  "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"