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

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/types/acorex-components-file-viewer.d.ts

@@ -1,8 +1,7 @@
-import { AXComponentContent, AXComponentInputs } from '@acorex/core/components';
 import * as _angular_core from '@angular/core';
 import { OnDestroy, TemplateRef, Type, Provider } from '@angular/core';
+import { AXComponentContent, AXComponentInputs } from '@acorex/core/components';
 import { Subject } from 'rxjs';
-import * as dist_packages_core_types_acorex_core_components from 'dist/packages/core/types/acorex-core-components';
 import { AXStyleColorType, AXComponentClosedPromise } from '@acorex/cdk/common';
 import * as _acorex_core_file from '@acorex/core/file';
 import { AXFileTypeExtensionHint, AXFileType, AXFileTypeViewComponent } from '@acorex/core/file';
@@ -27,18 +26,6 @@ interface AXFileViewerViewPayload {
     index: number;
     active: boolean;
 }
-/** Component or template rendered in the file-viewer header center slot. */
-type AXFileViewerHeaderContent = AXComponentContent;
-/** Inputs passed to {@link AXFileViewerHeaderContent} when it is a component. */
-type AXFileViewerHeaderContentInputs = AXComponentInputs;
-/** Placeholder component or template shown in the center when {@link AXFileViewerHeaderContent} is omitted. */
-type AXFileViewerHeaderPlaceholderContent = AXComponentContent;
-/** Inputs passed to the header placeholder when it is a component. */
-type AXFileViewerHeaderPlaceholderInputs = AXComponentInputs;
-/** Component or template rendered instead of the built-in fallback viewer for `file` type items. */
-type AXFileViewerFallbackContent = AXComponentContent;
-/** Inputs passed to {@link AXFileViewerFallbackContent} when it is a component. */
-type AXFileViewerFallbackContentInputs = AXComponentInputs;
 
 /** Carousel state shared between container, slides and thumbnails. Provided per-container. */
 declare class AXFileViewerService {
@@ -66,22 +53,10 @@ declare class AXFileViewerContainerComponent implements OnDestroy {
     readonly fullscreen: _angular_core.InputSignal<boolean>;
     /** When true, opens in a gallery overlay and closes when fullscreen exits. */
     readonly galleryMode: _angular_core.InputSignal<boolean>;
-    /** Component or template rendered in the header center slot. */
-    readonly headerContent: _angular_core.InputSignal<AXFileViewerHeaderContent>;
-    /** Inputs for {@link headerContent} when it is a component. */
-    readonly headerContentInputs: _angular_core.InputSignal<dist_packages_core_types_acorex_core_components.AXComponentInputs>;
-    /** Context data exposed as `$implicit` to header templates. */
-    readonly headerContentData: _angular_core.InputSignal<unknown>;
-    /** Custom placeholder when {@link headerContent} is omitted. */
-    readonly headerContentPlaceholder: _angular_core.InputSignal<AXFileViewerHeaderPlaceholderContent>;
-    /** Inputs for {@link headerContentPlaceholder} when it is a component. */
-    readonly headerContentPlaceholderInputs: _angular_core.InputSignal<dist_packages_core_types_acorex_core_components.AXComponentInputs>;
-    /** Component or template replacing the built-in fallback viewer for `file` type items. */
-    readonly fallbackContent: _angular_core.InputSignal<AXFileViewerFallbackContent>;
-    /** Inputs for {@link fallbackContent} when it is a component. */
-    readonly fallbackContentInputs: _angular_core.InputSignal<dist_packages_core_types_acorex_core_components.AXComponentInputs>;
-    /** Context data exposed as `$implicit` to fallback templates. */
-    readonly fallbackContentData: _angular_core.InputSignal<unknown>;
+    readonly headerContent: _angular_core.InputSignal<AXComponentContent>;
+    readonly headerContentInputs: _angular_core.InputSignal<AXComponentInputs>;
+    readonly fallbackContent: _angular_core.InputSignal<AXComponentContent>;
+    readonly fallbackContentInputs: _angular_core.InputSignal<AXComponentInputs>;
     /** External loading flag — show overlay while parent data is being fetched. */
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly fullscreenClosed: _angular_core.OutputEmitterRef<void>;
@@ -104,11 +79,8 @@ declare class AXFileViewerContainerComponent implements OnDestroy {
     readonly slideCounter: _angular_core.Signal<string>;
     readonly headerTemplateContent: _angular_core.Signal<TemplateRef<any>>;
     readonly headerComponentContent: _angular_core.Signal<Type<unknown>>;
-    readonly headerPlaceholderTemplateContent: _angular_core.Signal<TemplateRef<any>>;
-    readonly headerPlaceholderComponentContent: _angular_core.Signal<Type<unknown>>;
     readonly hasHeaderCenterContent: _angular_core.Signal<boolean>;
     readonly headerContentContext: _angular_core.Signal<{
-        $implicit: unknown;
         item: AXFileViewerItem;
         items: AXFileViewerItem[];
         selectedIndex: number;
@@ -132,7 +104,7 @@ declare class AXFileViewerContainerComponent implements OnDestroy {
     downloadCurrent(): Promise<void>;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileViewerContainerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileViewerContainerComponent, "ax-file-viewer-container", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "startIndex": { "alias": "startIndex"; "required": false; "isSignal": true; }; "thumbnail": { "alias": "thumbnail"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "download": { "alias": "download"; "required": false; "isSignal": true; }; "fullscreen": { "alias": "fullscreen"; "required": false; "isSignal": true; }; "galleryMode": { "alias": "galleryMode"; "required": false; "isSignal": true; }; "headerContent": { "alias": "headerContent"; "required": false; "isSignal": true; }; "headerContentInputs": { "alias": "headerContentInputs"; "required": false; "isSignal": true; }; "headerContentData": { "alias": "headerContentData"; "required": false; "isSignal": true; }; "headerContentPlaceholder": { "alias": "headerContentPlaceholder"; "required": false; "isSignal": true; }; "headerContentPlaceholderInputs": { "alias": "headerContentPlaceholderInputs"; "required": false; "isSignal": true; }; "fallbackContent": { "alias": "fallbackContent"; "required": false; "isSignal": true; }; "fallbackContentInputs": { "alias": "fallbackContentInputs"; "required": false; "isSignal": true; }; "fallbackContentData": { "alias": "fallbackContentData"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "fullscreenClosed": "fullscreenClosed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileViewerContainerComponent, "ax-file-viewer-container", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "startIndex": { "alias": "startIndex"; "required": false; "isSignal": true; }; "thumbnail": { "alias": "thumbnail"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "download": { "alias": "download"; "required": false; "isSignal": true; }; "fullscreen": { "alias": "fullscreen"; "required": false; "isSignal": true; }; "galleryMode": { "alias": "galleryMode"; "required": false; "isSignal": true; }; "headerContent": { "alias": "headerContent"; "required": false; "isSignal": true; }; "headerContentInputs": { "alias": "headerContentInputs"; "required": false; "isSignal": true; }; "fallbackContent": { "alias": "fallbackContent"; "required": false; "isSignal": true; }; "fallbackContentInputs": { "alias": "fallbackContentInputs"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "fullscreenClosed": "fullscreenClosed"; }, never, never, true, never>;
 }
 
 interface AXFileViewerGalleryConfig {
@@ -142,14 +114,10 @@ interface AXFileViewerGalleryConfig {
     download?: boolean;
     loading?: boolean;
     panelClass?: string[];
-    headerContent?: AXFileViewerHeaderContent | null;
-    headerContentInputs?: AXFileViewerHeaderContentInputs;
-    headerContentData?: unknown;
-    headerContentPlaceholder?: AXFileViewerHeaderPlaceholderContent | null;
-    headerContentPlaceholderInputs?: AXFileViewerHeaderPlaceholderInputs;
-    fallbackContent?: AXFileViewerFallbackContent | null;
-    fallbackContentInputs?: AXFileViewerFallbackContentInputs;
-    fallbackContentData?: unknown;
+    headerContent?: AXComponentContent | null;
+    headerContentInputs?: AXComponentInputs | null;
+    fallbackContent?: AXComponentContent | null;
+    fallbackContentInputs?: AXComponentInputs | null;
 }
 interface AXFileViewerGalleryRef<TResult = any> {
     close: (data?: TResult) => void;
@@ -196,7 +164,7 @@ declare function provideFileViewer(): Provider[];
 
 declare function createFileViewerFileTypes(): AXFileType[];
 
-/** Optional center header slot component for use with {@link headerContentPlaceholder}. */
+/** Optional center header slot component for use with {@link headerContent}. */
 declare class AXFileViewerHeaderPlaceholderComponent {
     readonly slideCounter: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileViewerHeaderPlaceholderComponent, never>;
@@ -206,12 +174,8 @@ declare class AXFileViewerHeaderPlaceholderComponent {
 declare class AXFileViewerSlideComponent {
     readonly item: _angular_core.InputSignal<AXFileViewerItem>;
     readonly index: _angular_core.InputSignal<number>;
-    /** Component or template replacing the built-in fallback viewer for `file` type items. */
-    readonly fallbackContent: _angular_core.InputSignal<AXFileViewerFallbackContent>;
-    /** Inputs for {@link fallbackContent} when it is a component. */
-    readonly fallbackContentInputs: _angular_core.InputSignal<dist_packages_core_types_acorex_core_components.AXComponentInputs>;
-    /** Context data exposed as `$implicit` to fallback templates. */
-    readonly fallbackContentData: _angular_core.InputSignal<unknown>;
+    readonly fallbackContent: _angular_core.InputSignal<AXComponentContent>;
+    readonly fallbackContentInputs: _angular_core.InputSignal<AXComponentInputs>;
     private readonly service;
     readonly fileTypeName: _angular_core.Signal<string>;
     readonly extensionHint: _angular_core.Signal<_acorex_core_file.AXFileTypeExtensionHint>;
@@ -220,7 +184,6 @@ declare class AXFileViewerSlideComponent {
     readonly fallbackComponentContent: _angular_core.Signal<Type<unknown>>;
     readonly useCustomFallback: _angular_core.Signal<boolean>;
     readonly fallbackContentContext: _angular_core.Signal<{
-        $implicit: unknown;
         payload: AXFileViewerViewPayload;
         item: AXFileViewerItem;
         index: number;
@@ -230,7 +193,7 @@ declare class AXFileViewerSlideComponent {
         payload: AXFileViewerViewPayload;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFileViewerSlideComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileViewerSlideComponent, "ax-file-viewer-slide", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; "index": { "alias": "index"; "required": true; "isSignal": true; }; "fallbackContent": { "alias": "fallbackContent"; "required": false; "isSignal": true; }; "fallbackContentInputs": { "alias": "fallbackContentInputs"; "required": false; "isSignal": true; }; "fallbackContentData": { "alias": "fallbackContentData"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXFileViewerSlideComponent, "ax-file-viewer-slide", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; "index": { "alias": "index"; "required": true; "isSignal": true; }; "fallbackContent": { "alias": "fallbackContent"; "required": false; "isSignal": true; }; "fallbackContentInputs": { "alias": "fallbackContentInputs"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AXFileViewerThumbPreviewComponent {
@@ -306,4 +269,4 @@ declare class AXFileViewerFileFallbackComponent implements AXFileTypeViewCompone
 }
 
 export { AXFileViewerAudioComponent, AXFileViewerContainerComponent, AXFileViewerFileFallbackComponent, AXFileViewerGalleryService, AXFileViewerHeaderPlaceholderComponent, AXFileViewerImageComponent, AXFileViewerPdfComponent, AXFileViewerService, AXFileViewerSlideComponent, AXFileViewerThumbPreviewComponent, AXFileViewerThumbnailsComponent, AXFileViewerVideoComponent, buildFileViewerExtensionHint, createFileViewerFileTypes, provideFileViewer, resolveFileViewerFileType };
-export type { AXFileViewerFallbackContent, AXFileViewerFallbackContentInputs, AXFileViewerGalleryConfig, AXFileViewerGalleryRef, AXFileViewerHeaderContent, AXFileViewerHeaderContentInputs, AXFileViewerHeaderPlaceholderContent, AXFileViewerHeaderPlaceholderInputs, AXFileViewerItem, AXFileViewerViewPayload };
+export type { AXFileViewerGalleryConfig, AXFileViewerGalleryRef, AXFileViewerItem, AXFileViewerViewPayload };

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`.