npm - valtech-components - Versions diffs - 4.0.105 → 4.0.106 - Mend

valtech-components 4.0.105 → 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.

Files changed (7) hide show

package/esm2022/lib/components/molecules/form-field/form-field.component.mjs +17 -8
package/esm2022/lib/version.mjs +2 -2
package/fesm2022/valtech-components.mjs +17 -8
package/fesm2022/valtech-components.mjs.map +1 -1
package/lib/components/molecules/form-field/form-field.component.d.ts +14 -5
package/lib/version.d.ts +1 -1
package/package.json +1 -1

package/esm2022/lib/components/molecules/form-field/form-field.component.mjs CHANGED Viewed

@@ -5,20 +5,29 @@ import * as i0 from "@angular/core";
  * Primitivo de campo de formulario: label (estilo val-form) + contenido proyectado.
  *
  * Usar cuando necesitás un campo fuera de val-form pero con el mismo estilo:
- * ion-input, ion-textarea, image-picker, date-picker, selectores custom, etc.
+ * image-picker, date-picker, selectores custom, chips, etc.
  *
- * ```html
- * <val-form-field label="Nombre del premio">
- *   <ion-input fill="outline" ... />
- * </val-form-field>
+ * NOTA: para ion-input / ion-textarea NO usar ng-content projection — el Shadow DOM
+ * de Ionic no responde al grid del host. Usá en cambio un `<div class="pf-field">`
+ * plano en el template con `<p class="pf-label">` + ion-input directo.
  *
+ * ```html
  * <val-form-field label="Imagen">
  *   <app-image-picker ... />
  * </val-form-field>
+ *
+ * <!-- Para ion-input: NO val-form-field, usar div plano -->
+ * <div class="pf-field">
+ *   <p class="pf-label">Nombre</p>
+ *   <ion-input fill="outline" ... />
+ * </div>
  * ```
  *
  * El label usa el mismo val-title que val-form (size=small, color=dark, bold=false).
  * El spacing entre campos se controla con --val-form-field-gap (default 0.5rem).
+ * El padding horizontal se hereda vía --val-form-field-padding (default 0).
+ * Setearlo en el contenedor padre para consistencia sin override en cada campo:
+ *   `.my-card { --val-form-field-padding: 0 16px; }`
  */
 export class FormFieldComponent {
     constructor() {
@@ -38,7 +47,7 @@ export class FormFieldComponent {
       </div>
     }
     <ng-content />
-  `, isInline: true, styles: [":host{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;margin:var(--val-form-field-gap, .5rem) 0}.vff-label{margin-bottom:.25rem}.vff-label ::ng-deep p{margin:0}\n"], dependencies: [{ kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
+  `, isInline: true, styles: [":host{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;margin:var(--val-form-field-gap, .5rem) 0;padding:var(--val-form-field-padding, 0)}.vff-label{margin-bottom:.25rem}.vff-label ::ng-deep p{margin:0}\n"], dependencies: [{ kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
@@ -49,6 +58,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       </div>
     }
     <ng-content />
-  `, styles: [":host{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;margin:var(--val-form-field-gap, .5rem) 0}.vff-label{margin-bottom:.25rem}.vff-label ::ng-deep p{margin:0}\n"] }]
+  `, styles: [":host{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;margin:var(--val-form-field-gap, .5rem) 0;padding:var(--val-form-field-padding, 0)}.vff-label{margin-bottom:.25rem}.vff-label ::ng-deep p{margin:0}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2Zvcm0tZmllbGQvZm9ybS1maWVsZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFFbkU7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCRztBQXFDSCxNQUFNLE9BQU8sa0JBQWtCO0lBcEMvQjtRQXFDRSxVQUFLLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBRWpCLGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUNwQyxPQUFPLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNyQixJQUFJLEVBQUUsT0FBZ0I7WUFDdEIsS0FBSyxFQUFFLE1BQWU7WUFDdEIsSUFBSSxFQUFFLEtBQUs7U0FDWixDQUFDLENBQUMsQ0FBQztLQUNMOytHQVRZLGtCQUFrQjttR0FBbEIsa0JBQWtCLDhNQWhDbkI7Ozs7Ozs7R0FPVCxvUUFSUyxjQUFjOzs0RkFpQ2Isa0JBQWtCO2tCQXBDOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxjQUFjLENBQUMsWUFDZjs7Ozs7OztHQU9UIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRpdGxlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvdGl0bGUvdGl0bGUuY29tcG9uZW50JztcblxuLyoqXG4gKiBQcmltaXRpdm8gZGUgY2FtcG8gZGUgZm9ybXVsYXJpbzogbGFiZWwgKGVzdGlsbyB2YWwtZm9ybSkgKyBjb250ZW5pZG8gcHJveWVjdGFkby5cbiAqXG4gKiBVc2FyIGN1YW5kbyBuZWNlc2l0w6FzIHVuIGNhbXBvIGZ1ZXJhIGRlIHZhbC1mb3JtIHBlcm8gY29uIGVsIG1pc21vIGVzdGlsbzpcbiAqIGlvbi1pbnB1dCwgaW9uLXRleHRhcmVhLCBpbWFnZS1waWNrZXIsIGRhdGUtcGlja2VyLCBzZWxlY3RvcmVzIGN1c3RvbSwgZXRjLlxuICpcbiAqIGBgYGh0bWxcbiAqIDx2YWwtZm9ybS1maWVsZCBsYWJlbD1cIk5vbWJyZSBkZWwgcHJlbWlvXCI+XG4gKiAgIDxpb24taW5wdXQgZmlsbD1cIm91dGxpbmVcIiAuLi4gLz5cbiAqIDwvdmFsLWZvcm0tZmllbGQ+XG4gKlxuICogPHZhbC1mb3JtLWZpZWxkIGxhYmVsPVwiSW1hZ2VuXCI+XG4gKiAgIDxhcHAtaW1hZ2UtcGlja2VyIC4uLiAvPlxuICogPC92YWwtZm9ybS1maWVsZD5cbiAqIGBgYFxuICpcbiAqIEVsIGxhYmVsIHVzYSBlbCBtaXNtbyB2YWwtdGl0bGUgcXVlIHZhbC1mb3JtIChzaXplPXNtYWxsLCBjb2xvcj1kYXJrLCBib2xkPWZhbHNlKS5cbiAqIEVsIHNwYWNpbmcgZW50cmUgY2FtcG9zIHNlIGNvbnRyb2xhIGNvbiAtLXZhbC1mb3JtLWZpZWxkLWdhcCAoZGVmYXVsdCAwLjVyZW0pLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2YWwtZm9ybS1maWVsZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtUaXRsZUNvbXBvbmVudF0sXG4gIHRlbXBsYXRlOiBgXG4gICAgQGlmIChsYWJlbCgpKSB7XG4gICAgICA8ZGl2IGNsYXNzPVwidmZmLWxhYmVsXCI+XG4gICAgICAgIDx2YWwtdGl0bGUgW3Byb3BzXT1cInRpdGxlUHJvcHMoKVwiIC8+XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gICAgPG5nLWNvbnRlbnQgLz5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgLypcbiAgICAgICAqIEdyaWQgZGUgMSBjb2x1bW5hOiBsb3MgaGlqb3MgZGlyZWN0b3MgKGxhYmVsIGRpdiArIG5nLWNvbnRlbnQgcHJvamVjdGVkKVxuICAgICAgICogc29uIGdyaWQgaXRlbXMgY29uIGp1c3RpZnktc2VsZjpzdHJldGNoIHBvciBkZWZlY3RvIOKGkiBsbGVuYW4gMTAwJSBkZSBhbmNoby5cbiAgICAgICAqIEV2aXRhIGVsIHByb2JsZW1hIGRlIGZsZXgtZ3JvdzowIHF1ZSBJb25pYyBhcGxpY2EgYSBpb24taW5wdXQgcG9yIGRlZmF1bHQuXG4gICAgICAgKi9cbiAgICAgIDpob3N0IHtcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICBtYXJnaW46IHZhcigtLXZhbC1mb3JtLWZpZWxkLWdhcCwgMC41cmVtKSAwO1xuICAgICAgfVxuICAgICAgLnZmZi1sYWJlbCB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDAuMjVyZW07XG4gICAgICB9XG4gICAgICAvKiB2YWwtdGl0bGUgcmVuZGVyaXphIDxwIGNsYXNzPVwic21hbGxcIj4gY29uIG1hcmdpbiBicm93c2VyIOKAlCB6ZXJvZWFybG8gKi9cbiAgICAgIC52ZmYtbGFiZWwgOjpuZy1kZWVwIHAge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybUZpZWxkQ29tcG9uZW50IHtcbiAgbGFiZWwgPSBpbnB1dDxzdHJpbmc+KCcnKTtcblxuICByZWFkb25seSB0aXRsZVByb3BzID0gY29tcHV0ZWQoKCkgPT4gKHtcbiAgICBjb250ZW50OiB0aGlzLmxhYmVsKCksXG4gICAgc2l6ZTogJ3NtYWxsJyBhcyBjb25zdCxcbiAgICBjb2xvcjogJ2RhcmsnIGFzIGNvbnN0LFxuICAgIGJvbGQ6IGZhbHNlLFxuICB9KSk7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL2Zvcm0tZmllbGQvZm9ybS1maWVsZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFFbkU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTJCRztBQXNDSCxNQUFNLE9BQU8sa0JBQWtCO0lBckMvQjtRQXNDRSxVQUFLLEdBQUcsS0FBSyxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBRWpCLGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUNwQyxPQUFPLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNyQixJQUFJLEVBQUUsT0FBZ0I7WUFDdEIsS0FBSyxFQUFFLE1BQWU7WUFDdEIsSUFBSSxFQUFFLEtBQUs7U0FDWixDQUFDLENBQUMsQ0FBQztLQUNMOytHQVRZLGtCQUFrQjttR0FBbEIsa0JBQWtCLDhNQWpDbkI7Ozs7Ozs7R0FPVCw2U0FSUyxjQUFjOzs0RkFrQ2Isa0JBQWtCO2tCQXJDOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxjQUFjLENBQUMsWUFDZjs7Ozs7OztHQU9UIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRpdGxlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvdGl0bGUvdGl0bGUuY29tcG9uZW50JztcblxuLyoqXG4gKiBQcmltaXRpdm8gZGUgY2FtcG8gZGUgZm9ybXVsYXJpbzogbGFiZWwgKGVzdGlsbyB2YWwtZm9ybSkgKyBjb250ZW5pZG8gcHJveWVjdGFkby5cbiAqXG4gKiBVc2FyIGN1YW5kbyBuZWNlc2l0w6FzIHVuIGNhbXBvIGZ1ZXJhIGRlIHZhbC1mb3JtIHBlcm8gY29uIGVsIG1pc21vIGVzdGlsbzpcbiAqIGltYWdlLXBpY2tlciwgZGF0ZS1waWNrZXIsIHNlbGVjdG9yZXMgY3VzdG9tLCBjaGlwcywgZXRjLlxuICpcbiAqIE5PVEE6IHBhcmEgaW9uLWlucHV0IC8gaW9uLXRleHRhcmVhIE5PIHVzYXIgbmctY29udGVudCBwcm9qZWN0aW9uIOKAlCBlbCBTaGFkb3cgRE9NXG4gKiBkZSBJb25pYyBubyByZXNwb25kZSBhbCBncmlkIGRlbCBob3N0LiBVc8OhIGVuIGNhbWJpbyB1biBgPGRpdiBjbGFzcz1cInBmLWZpZWxkXCI+YFxuICogcGxhbm8gZW4gZWwgdGVtcGxhdGUgY29uIGA8cCBjbGFzcz1cInBmLWxhYmVsXCI+YCArIGlvbi1pbnB1dCBkaXJlY3RvLlxuICpcbiAqIGBgYGh0bWxcbiAqIDx2YWwtZm9ybS1maWVsZCBsYWJlbD1cIkltYWdlblwiPlxuICogICA8YXBwLWltYWdlLXBpY2tlciAuLi4gLz5cbiAqIDwvdmFsLWZvcm0tZmllbGQ+XG4gKlxuICogPCEtLSBQYXJhIGlvbi1pbnB1dDogTk8gdmFsLWZvcm0tZmllbGQsIHVzYXIgZGl2IHBsYW5vIC0tPlxuICogPGRpdiBjbGFzcz1cInBmLWZpZWxkXCI+XG4gKiAgIDxwIGNsYXNzPVwicGYtbGFiZWxcIj5Ob21icmU8L3A+XG4gKiAgIDxpb24taW5wdXQgZmlsbD1cIm91dGxpbmVcIiAuLi4gLz5cbiAqIDwvZGl2PlxuICogYGBgXG4gKlxuICogRWwgbGFiZWwgdXNhIGVsIG1pc21vIHZhbC10aXRsZSBxdWUgdmFsLWZvcm0gKHNpemU9c21hbGwsIGNvbG9yPWRhcmssIGJvbGQ9ZmFsc2UpLlxuICogRWwgc3BhY2luZyBlbnRyZSBjYW1wb3Mgc2UgY29udHJvbGEgY29uIC0tdmFsLWZvcm0tZmllbGQtZ2FwIChkZWZhdWx0IDAuNXJlbSkuXG4gKiBFbCBwYWRkaW5nIGhvcml6b250YWwgc2UgaGVyZWRhIHbDrWEgLS12YWwtZm9ybS1maWVsZC1wYWRkaW5nIChkZWZhdWx0IDApLlxuICogU2V0ZWFybG8gZW4gZWwgY29udGVuZWRvciBwYWRyZSBwYXJhIGNvbnNpc3RlbmNpYSBzaW4gb3ZlcnJpZGUgZW4gY2FkYSBjYW1wbzpcbiAqICAgYC5teS1jYXJkIHsgLS12YWwtZm9ybS1maWVsZC1wYWRkaW5nOiAwIDE2cHg7IH1gXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1mb3JtLWZpZWxkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1RpdGxlQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGBcbiAgICBAaWYgKGxhYmVsKCkpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJ2ZmYtbGFiZWxcIj5cbiAgICAgICAgPHZhbC10aXRsZSBbcHJvcHNdPVwidGl0bGVQcm9wcygpXCIgLz5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgICA8bmctY29udGVudCAvPlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICAvKlxuICAgICAgICogR3JpZCBkZSAxIGNvbHVtbmE6IGxvcyBoaWpvcyBkaXJlY3RvcyAobGFiZWwgZGl2ICsgbmctY29udGVudCBwcm9qZWN0ZWQpXG4gICAgICAgKiBzb24gZ3JpZCBpdGVtcyBjb24ganVzdGlmeS1zZWxmOnN0cmV0Y2ggcG9yIGRlZmVjdG8g4oaSIGxsZW5hbiAxMDAlIGRlIGFuY2hvLlxuICAgICAgICogRXZpdGEgZWwgcHJvYmxlbWEgZGUgZmxleC1ncm93OjAgcXVlIElvbmljIGFwbGljYSBhIGlvbi1pbnB1dCBwb3IgZGVmYXVsdC5cbiAgICAgICAqL1xuICAgICAgOmhvc3Qge1xuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIG1hcmdpbjogdmFyKC0tdmFsLWZvcm0tZmllbGQtZ2FwLCAwLjVyZW0pIDA7XG4gICAgICAgIHBhZGRpbmc6IHZhcigtLXZhbC1mb3JtLWZpZWxkLXBhZGRpbmcsIDApO1xuICAgICAgfVxuICAgICAgLnZmZi1sYWJlbCB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDAuMjVyZW07XG4gICAgICB9XG4gICAgICAvKiB2YWwtdGl0bGUgcmVuZGVyaXphIDxwIGNsYXNzPVwic21hbGxcIj4gY29uIG1hcmdpbiBicm93c2VyIOKAlCB6ZXJvZWFybG8gKi9cbiAgICAgIC52ZmYtbGFiZWwgOjpuZy1kZWVwIHAge1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybUZpZWxkQ29tcG9uZW50IHtcbiAgbGFiZWwgPSBpbnB1dDxzdHJpbmc+KCcnKTtcblxuICByZWFkb25seSB0aXRsZVByb3BzID0gY29tcHV0ZWQoKCkgPT4gKHtcbiAgICBjb250ZW50OiB0aGlzLmxhYmVsKCksXG4gICAgc2l6ZTogJ3NtYWxsJyBhcyBjb25zdCxcbiAgICBjb2xvcjogJ2RhcmsnIGFzIGNvbnN0LFxuICAgIGJvbGQ6IGZhbHNlLFxuICB9KSk7XG59XG4iXX0=

package/esm2022/lib/version.mjs CHANGED Viewed

@@ -2,5 +2,5 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export const VERSION = '4.0.105';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzQuMC4xMDUnO1xuIl19
+export const VERSION = '4.0.106';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvdmVyc2lvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDdXJyZW50IHZlcnNpb24gb2YgdmFsdGVjaC1jb21wb25lbnRzLlxuICogVGhpcyBpcyBhdXRvbWF0aWNhbGx5IHVwZGF0ZWQgZHVyaW5nIHRoZSBwdWJsaXNoIHByb2Nlc3MuXG4gKi9cbmV4cG9ydCBjb25zdCBWRVJTSU9OID0gJzQuMC4xMDYnO1xuIl19

package/fesm2022/valtech-components.mjs CHANGED Viewed

@@ -56,7 +56,7 @@ import { BrowserMultiFormatReader } from '@zxing/browser';
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-const VERSION = '4.0.105';
+const VERSION = '4.0.106';
 // Control de estado de refresco (singleton a nivel de módulo)
 let isRefreshing = false;
@@ -69161,20 +69161,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Primitivo de campo de formulario: label (estilo val-form) + contenido proyectado.
  *
  * Usar cuando necesitás un campo fuera de val-form pero con el mismo estilo:
- * ion-input, ion-textarea, image-picker, date-picker, selectores custom, etc.
+ * image-picker, date-picker, selectores custom, chips, etc.
  *
- * ```html
- * <val-form-field label="Nombre del premio">
- *   <ion-input fill="outline" ... />
- * </val-form-field>
+ * NOTA: para ion-input / ion-textarea NO usar ng-content projection — el Shadow DOM
+ * de Ionic no responde al grid del host. Usá en cambio un `<div class="pf-field">`
+ * plano en el template con `<p class="pf-label">` + ion-input directo.
  *
+ * ```html
  * <val-form-field label="Imagen">
  *   <app-image-picker ... />
  * </val-form-field>
+ *
+ * <!-- Para ion-input: NO val-form-field, usar div plano -->
+ * <div class="pf-field">
+ *   <p class="pf-label">Nombre</p>
+ *   <ion-input fill="outline" ... />
+ * </div>
  * ```
  *
  * El label usa el mismo val-title que val-form (size=small, color=dark, bold=false).
  * El spacing entre campos se controla con --val-form-field-gap (default 0.5rem).
+ * El padding horizontal se hereda vía --val-form-field-padding (default 0).
+ * Setearlo en el contenedor padre para consistencia sin override en cada campo:
+ *   `.my-card { --val-form-field-padding: 0 16px; }`
  */
 class FormFieldComponent {
     constructor() {
@@ -69194,7 +69203,7 @@ class FormFieldComponent {
       </div>
     }
     <ng-content />
-  `, isInline: true, styles: [":host{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;margin:var(--val-form-field-gap, .5rem) 0}.vff-label{margin-bottom:.25rem}.vff-label ::ng-deep p{margin:0}\n"], dependencies: [{ kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
+  `, isInline: true, styles: [":host{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;margin:var(--val-form-field-gap, .5rem) 0;padding:var(--val-form-field-padding, 0)}.vff-label{margin-bottom:.25rem}.vff-label ::ng-deep p{margin:0}\n"], dependencies: [{ kind: "component", type: TitleComponent, selector: "val-title", inputs: ["props"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
@@ -69205,7 +69214,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
       </div>
     }
     <ng-content />
-  `, styles: [":host{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;margin:var(--val-form-field-gap, .5rem) 0}.vff-label{margin-bottom:.25rem}.vff-label ::ng-deep p{margin:0}\n"] }]
+  `, styles: [":host{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;margin:var(--val-form-field-gap, .5rem) 0;padding:var(--val-form-field-padding, 0)}.vff-label{margin-bottom:.25rem}.vff-label ::ng-deep p{margin:0}\n"] }]
         }] });
 /*