@acorex/components 22.0.0-next.7 → 22.0.0-next.8

package/types/acorex-components-datetime-input.d.ts

@@ -3,30 +3,27 @@ import { MXInputBaseValueComponent, AXClickEvent } from '@acorex/cdk/common';
 import { AXDateTimePickerType } from '@acorex/components/calendar';
 
 /**
- * A component for date and time input with various custom features.
+ * A component for date and time input with segment-based typing, keyboard navigation,
+ * and calendar-aware formatting (gregorian and solar-hijri).
  *
  * @category Components
  */
 declare class AXDateTimeInputComponent extends MXInputBaseValueComponent<Date> {
     #private;
     private platformService;
-    private formatService;
     private localeService;
     private calendarService;
-    /**
-     *  @ignore
-     */
+    /** @ignore */
     private readonly _editingParts;
-    /**
-     *  @ignore
-     */
+    /** @ignore */
     protected _editingText: _angular_core.WritableSignal<string>;
+    /** @ignore */
+    private _inputChars;
+    /** @ignore */
+    private _activePart;
     /**
-     *  @ignore
-     */
-    protected _inputChars: string[];
-    /**
-     * Indicates whether typing is allowed in the input field.
+     * When true, the user can type digits and navigate segments with the keyboard.
+     * When false, keyboard input is blocked (used by datetime-box picker mode).
      * @defaultValue false
      */
     allowTyping: _angular_core.InputSignal<boolean>;
@@ -34,94 +31,81 @@ declare class AXDateTimeInputComponent extends MXInputBaseValueComponent<Date> {
      * @description The calendar type to use for the datetime input.
      */
     calendar: _angular_core.InputSignal<string>;
-    protected readonly _calendarSystem: _angular_core.Signal<string>;
-    private _activePart;
-    private _editingDate;
-    /**
-     *  @ignore
-     */
-    private input;
     minValue: _angular_core.InputSignal<Date>;
     maxValue: _angular_core.InputSignal<Date>;
     /**
-     * Emitted when a click event occurs on the datetime box.
+     * Emitted when a click event occurs on the datetime input.
      * @event
      */
     onClick: _angular_core.OutputEmitterRef<AXClickEvent>;
     picker: _angular_core.InputSignal<AXDateTimePickerType>;
-    protected readonly _resolvedFormat: _angular_core.Signal<string>;
     /**
      * @deprecated use locale & mode instead
      */
     format: _angular_core.InputSignal<string>;
-    private _detectParts;
+    protected readonly _calendarSystem: _angular_core.Signal<string>;
+    protected readonly _resolvedFormat: _angular_core.Signal<string>;
+    /** @ignore */
+    private _editingDate;
+    /** @ignore */
+    private inputRef;
+    /** @ignore */
+    private get inputElement();
     /**
      * @description check if page is in rtl or ltr
      */
     protected isRtl: _angular_core.WritableSignal<boolean>;
-    /**
-     * @description listen to direction change to react to it.
-     */
+    /** @ignore */
     protected ngOnInit(): void;
     /**
-     *  @ignore
+     * Formats a part using the calendar already attached to the AXDateTime.
+     * @ignore
      */
+    private _formatPart;
+    /** @ignore */
+    private _detectParts;
+    /** @ignore */
     private _getOrderedParts;
-    /**
-     *  @ignore
-     */
+    /** @ignore */
     private _clearInputBuffer;
-    /**
-     *  @ignore
-     */
+    /** @ignore */
     private _updateText;
-    /**
-     * Sets the internal date value, adjusting it based on editing parts.
-     * @param value - The date to set. Returns `undefined` if no value is provided.
-     * @ignore
-     */
     /**
      * Handles changes to the internal date value, updating editing parts and text representation.
-     *
-     * @param value - The new date value. If not provided, resets editing parts.
      * @ignore
      */
     internalValueChanged(value?: Date): void;
     /**
-     *  @ignore
-     */
-    _handleOnKeydownEvent(e: KeyboardEvent): void;
-    /**
-     *  @ignore
-     */
-    _handleKeyUpEvent(): void;
-    /**
-     *  @ignore
+     * Normalizes Persian (U+06F0-U+06F9) and Arabic-Indic (U+0660-U+0669) digits to ASCII.
+     * @ignore
      */
+    private _normalizeDigit;
+    /** @ignore */
+    protected _handleOnKeydownEvent(e: KeyboardEvent): void;
+    /** @ignore */
+    private _handleDigitInput;
+    /** @ignore */
+    private _applyEditingDate;
+    /** @ignore */
+    protected _handleKeyUpEvent(): void;
+    /** @ignore */
     protected _handleFocusEvent(e: FocusEvent): void;
-    /**
-     *  @ignore
-     */
+    /** @ignore */
     protected _handleBlurEvent(e: FocusEvent): void;
-    /**
-     *  @ignore
-     */
+    /** @ignore */
+    private _clampToRange;
+    /** @ignore */
     protected _handleOnInputClickEvent(e: MouseEvent): void;
-    /**
-     *  @ignore
-     */
-    private _detectPartAtPosition;
-    /**
-     *  @ignore
-     */
+    /** @ignore */
+    private _selectFirstPart;
+    /** @ignore */
+    private _ensureEditableText;
+    /** @ignore */
     private _highlightActivePart;
-    /**
-     *  @ignore
-     */
+    /** @ignore */
     private _detectValueChanges;
-    private get __hostName();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDateTimeInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXDateTimeInputComponent, "ax-datetime-input", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "allowTyping": { "alias": "allowTyping"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "picker": { "alias": "picker"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onClick": "onClick"; }, never, ["ax-validation-rule"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXDateTimeInputComponent, "ax-datetime-input", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "allowTyping": { "alias": "allowTyping"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "picker": { "alias": "picker"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "onClick": "onClick"; }, never, ["ax-validation-rule"], true, never>;
 }
 
 declare class AXDateTimeInputModule {

package/datetime-text-box/README.md

@@ -1,3 +0,0 @@
-# @acorex/components/datetime-text-box
-
-Secondary entry point of `@acorex/components`. It can be used by importing from `@acorex/components/datetime-text-box`.