valtech-components 2.0.263 → 2.0.265

package/lib/components/molecules/text-input/text-input.component.d.ts

@@ -14,6 +14,16 @@ export declare class TextInputComponent implements OnInit {
         ENABLED: "ENABLED";
         DISABLED: "DISABLED";
         WORKING: "WORKING";
+        /**
+         * val-text-input
+         *
+         * A text input field integrated with Angular forms.
+         *
+         * @example
+         * <val-text-input [props]="{ control: myControl, placeholder: 'Enter text', ... }"></val-text-input>
+         *
+         * @input props: InputMetadata - Configuration for the input (form control, placeholder, label, etc.)
+         */
         ERROR: "ERROR";
     };
     constructor();

package/lib/components/types.d.ts

@@ -99,8 +99,10 @@ export type InputMetadata = {
     errors: {
         [key: string]: string;
     };
-    /** Current value */
+    /** Initial value for the field */
     value?: string;
+    /** Default value configuration - string for custom defaults, true for auto defaults */
+    withDefault?: string | boolean;
     /** Field state */
     state: ComponentState;
 };

package/lib/shared/utils/form-defaults.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Utilities for handling default values in form inputs based on InputMetadata configuration.
+ */
+import { InputMetadata } from '../../components/types';
+/**
+ * Resolves the initial value for a form input based on its configuration.
+ *
+ * @param input - The input metadata configuration
+ * @returns The resolved initial value
+ *
+ * @example
+ * // Custom default value
+ * const customValue = resolveInputDefaultValue({ withDefault: '2025-06-24', type: InputType.DATE });
+ *
+ * // Auto default value
+ * const autoValue = resolveInputDefaultValue({ withDefault: true, type: InputType.NUMBER });
+ *
+ * // Explicit value (takes precedence)
+ * const explicitValue = resolveInputDefaultValue({ value: 'explicit', withDefault: true, type: InputType.TEXT });
+ */
+export declare function resolveInputDefaultValue(input: InputMetadata): any;
+/**
+ * Applies the resolved default value to a FormControl.
+ *
+ * @param input - The input metadata configuration
+ * @example
+ * const input = { control: myFormControl, type: InputType.DATE, withDefault: true };
+ * applyDefaultValueToControl(input);
+ */
+export declare function applyDefaultValueToControl(input: InputMetadata): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.263",
+  "version": "2.0.265",
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",

package/src/lib/components/styles/overrides.scss

@@ -159,14 +159,14 @@ ion-modal .date-picker-custom {
 }
 
 ion-modal {
-  --border-radius: pxToRem($border-radius-large) !important;
+  --border-radius: 1.5rem 1.5rem 0 0 !important;
 
   &.ion-datetime-button-overlay {
-    --border-radius: pxToRem($border-radius-large) !important;
+    --border-radius: 1.5rem !important;
   }
 
   @media only screen and (min-width: 768px) and (min-height: 600px) {
-    --border-radius: pxToRem($border-radius-large) !important;
+    --border-radius: 1.5rem !important;
   }
 }