integra-ng 21.0.21 → 21.0.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "integra-ng",
-  "version": "21.0.21",
+  "version": "21.0.23",
   "repository": {
     "type": "git",
     "url": "https://github.com/ulbrichFrauendorf/integra-ng"

package/types/integra-ng.d.ts

@@ -1547,7 +1547,7 @@ type IInputBackgroundStyle = 'surface' | 'component';
  * This component implements ControlValueAccessor for seamless integration with Angular Forms.
  * Supports floating labels, custom validation messages, and external validation state.
  */
-declare class IInputText implements ControlValueAccessor {
+declare class IInputText implements ControlValueAccessor, AfterViewInit, OnDestroy {
     ngControl: NgControl | null;
     /**
      * Label text displayed for the input
@@ -1563,6 +1563,10 @@ declare class IInputText implements ControlValueAccessor {
      * HTML id attribute for the input element
      */
     id?: string;
+    /**
+     * HTML name attribute for better browser autofill support
+     */
+    name?: string;
     /**
      * Whether the input should take full width of its container
      * @default false
@@ -1587,6 +1591,10 @@ declare class IInputText implements ControlValueAccessor {
      * Placeholder text for the input
      */
     placeholder?: string;
+    /**
+     * HTML autocomplete attribute (e.g. 'username', 'current-password')
+     */
+    autocomplete?: string;
     /**
      * Allows external control to override validation state
      * @default false
@@ -1632,6 +1640,16 @@ declare class IInputText implements ControlValueAccessor {
      * @internal
      */
     componentId: string;
+    /**
+     * Native input element reference
+     * @internal
+     */
+    inputElementRef?: ElementRef<HTMLInputElement>;
+    /**
+     * Pending autofill sync timers
+     * @internal
+     */
+    private autofillCheckTimeouts;
     /**
      * Callback for ControlValueAccessor
      * @internal
@@ -1643,6 +1661,16 @@ declare class IInputText implements ControlValueAccessor {
      */
     private onTouched;
     constructor(ngControl: NgControl | null);
+    /**
+     * Runs post-render checks to catch browser autofill values
+     * @internal
+     */
+    ngAfterViewInit(): void;
+    /**
+     * Clears pending timers
+     * @internal
+     */
+    ngOnDestroy(): void;
     /**
      * Writes a value to the input (ControlValueAccessor)
      * @internal
@@ -1673,6 +1701,26 @@ declare class IInputText implements ControlValueAccessor {
      * @internal
      */
     touch(): void;
+    /**
+     * Handles blur event
+     * @internal
+     */
+    handleBlur(): void;
+    /**
+     * Handles focus event
+     * @internal
+     */
+    handleFocus(): void;
+    /**
+     * Handles browser autofill animation hook
+     * @internal
+     */
+    handleAutoFillAnimation(event: AnimationEvent): void;
+    /**
+     * Synchronizes component value from native input value
+     * @internal
+     */
+    syncValueFromNativeInput(emitChange?: boolean): void;
     /**
      * Gets the form control instance
      * @internal
@@ -1693,8 +1741,33 @@ declare class IInputText implements ControlValueAccessor {
      * @internal
      */
     getErrorMessage(): string | null;
+    /**
+     * Checks if the input has a value (works for all input types including number)
+     * @internal
+     */
+    get hasValue(): boolean;
+    /**
+     * Queues multiple checks because browsers may autofill asynchronously
+     * @internal
+     */
+    private scheduleAutofillChecks;
+    /**
+     * Clears queued autofill checks
+     * @internal
+     */
+    private clearAutofillChecks;
+    /**
+     * Increment number input value
+     * @internal
+     */
+    incrementNumber(inputElement: HTMLInputElement): void;
+    /**
+     * Decrement number input value
+     * @internal
+     */
+    decrementNumber(inputElement: HTMLInputElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IInputText, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IInputText, "i-input-text", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "id": { "alias": "id"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "forceFloated": { "alias": "forceFloated"; "required": false; }; "hideText": { "alias": "hideText"; "required": false; }; "useFloatLabel": { "alias": "useFloatLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "externalInvalid": { "alias": "externalInvalid"; "required": false; }; "externalErrorMessage": { "alias": "externalErrorMessage"; "required": false; }; "backgroundStyle": { "alias": "backgroundStyle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IInputText, "i-input-text", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "fluid": { "alias": "fluid"; "required": false; }; "forceFloated": { "alias": "forceFloated"; "required": false; }; "hideText": { "alias": "hideText"; "required": false; }; "useFloatLabel": { "alias": "useFloatLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "externalInvalid": { "alias": "externalInvalid"; "required": false; }; "externalErrorMessage": { "alias": "externalErrorMessage"; "required": false; }; "backgroundStyle": { "alias": "backgroundStyle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 /**