@acorex/components 20.9.3 → 20.10.0

package/datetime-text-box/README.md

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

package/datetime-text-box/index.d.ts

@@ -0,0 +1,142 @@
+import * as polytype from 'polytype';
+import * as _angular_core from '@angular/core';
+import { MXInputBaseValueComponent, MXLookComponent, AXClickEvent } from '@acorex/cdk/common';
+import { AXDateTimePickerType } from '@acorex/components/calendar';
+
+declare const AXDateTimeTextBoxComponent_base: polytype.Polytype.ClusteredConstructor<[{
+    new (): MXInputBaseValueComponent<Date>;
+    ɵfac: _angular_core.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
+    ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
+}, typeof MXLookComponent]>;
+/**
+ * A date & time editor that works like a text box: the user types digits directly into a
+ * masked value (separators come from the active format), navigates between date/time
+ * segments with Left/Right arrows and spins segment values with Up/Down arrows.
+ *
+ * The committed value is a native `Date` (same contract as `ax-datetime-box`), and both
+ * `gregorian` and `solar-hijri` calendar systems are supported.
+ *
+ * @category Components
+ */
+declare class AXDateTimeTextBoxComponent extends AXDateTimeTextBoxComponent_base {
+    #private;
+    private platformService;
+    private localeService;
+    private calendarService;
+    /** @ignore */
+    private readonly _editingParts;
+    /** @ignore */
+    protected _editingText: _angular_core.WritableSignal<string>;
+    /** @ignore */
+    private _inputChars;
+    /** @ignore */
+    private _activePart;
+    /**
+     * Determines which parts are editable: `date`, `time` or `datetime`.
+     * The mask format is resolved from the active locale profile for this mode.
+     * @defaultValue 'datetime'
+     */
+    picker: _angular_core.InputSignal<AXDateTimePickerType>;
+    /**
+     * The calendar system to use (`gregorian` or `solar-hijri`).
+     * Falls back to the active locale profile calendar when not provided.
+     */
+    calendar: _angular_core.InputSignal<string>;
+    /**
+     * Optional format override (e.g. `yyyy/MM/dd HH:mm:ss`).
+     * When omitted, the short format of the active locale profile is used.
+     */
+    format: _angular_core.InputSignal<string>;
+    /**
+     * The minimum allowed date value. Applied when the editor loses focus.
+     */
+    minValue: _angular_core.InputSignal<Date>;
+    /**
+     * The maximum allowed date value. Applied when the editor loses focus.
+     */
+    maxValue: _angular_core.InputSignal<Date>;
+    /**
+     * Emitted when a click event occurs on the editor input.
+     * @event
+     */
+    onClick: _angular_core.OutputEmitterRef<AXClickEvent>;
+    /** @ignore */
+    classNames: _angular_core.InputSignal<string>;
+    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>;
+    /** @ignore */
+    protected ngOnInit(): void;
+    /**
+     * Formats a part using the calendar already attached to the AXDateTime.
+     * Avoids formatService's string-options path, which always uses the active locale calendar.
+     * @ignore
+     */
+    private _formatPart;
+    /** @ignore */
+    private _detectParts;
+    /** @ignore */
+    private _getOrderedParts;
+    /** @ignore */
+    private _clearInputBuffer;
+    /** @ignore */
+    private _updateText;
+    /**
+     * Handles changes to the internal date value, updating editing parts and text representation.
+     * @ignore
+     */
+    internalValueChanged(value?: Date): void;
+    /**
+     * 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;
+    /**
+     * Applies typed digits to the active part with calendar-aware limits, auto advancing
+     * to the next part when the segment is complete or unambiguous.
+     * @ignore
+     */
+    private _handleDigitInput;
+    /** @ignore */
+    private _applyEditingDate;
+    /** @ignore */
+    protected _handleKeyUpEvent(): void;
+    /** @ignore */
+    protected _handleFocusEvent(e: FocusEvent): void;
+    /** @ignore */
+    protected _handleBlurEvent(e: FocusEvent): void;
+    /**
+     * Clamps the committed value into the [minValue, maxValue] range.
+     * @ignore
+     */
+    private _clampToRange;
+    /** @ignore */
+    protected _handleOnInputClickEvent(e: MouseEvent): void;
+    /** @ignore */
+    private _detectPartAtPosition;
+    /** @ignore */
+    private _highlightActivePart;
+    /** @ignore */
+    private _detectValueChanges;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDateTimeTextBoxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXDateTimeTextBoxComponent, "ax-datetime-text-box", 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; }; "look": { "alias": "look"; "required": false; }; "picker": { "alias": "picker"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "classNames": { "alias": "class"; "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-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
+}
+
+declare class AXDateTimeTextBoxModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDateTimeTextBoxModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AXDateTimeTextBoxModule, never, [typeof AXDateTimeTextBoxComponent], [typeof AXDateTimeTextBoxComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AXDateTimeTextBoxModule>;
+}
+
+export { AXDateTimeTextBoxComponent, AXDateTimeTextBoxModule };

package/fesm2022/acorex-components-conversation.mjs

@@ -16290,7 +16290,7 @@ class AXConversationLocationPickerComponent {
         (onSend)="sendLocation()"
       />
     </div>
-  `, isInline: true, styles: [":host{display:block;width:100%;container-type:inline-size;container-name:picker}.ax-conversation-picker--location{max-height:min(70dvh,28rem)}@container picker (max-width: 480px){.ax-conversation-picker--location{max-height:85dvh}}.map-container{height:10rem;overflow:hidden}.location-info{padding:.75rem 1rem;background:rgb(var(--ax-sys-color-surface));border-top:1px solid rgb(var(--ax-sys-color-border))}.info-row{display:flex;align-items:center;gap:.75rem}.info-row i{font-size:1.25rem;color:rgb(var(--ax-sys-color-primary))}.info-text{flex:1}.info-label{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface-variant));margin-bottom:.25rem}.info-value{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));font-family:monospace}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMapModule }, { kind: "component", type: i1$5.AXMapComponent, selector: "ax-map", inputs: ["zoomLevel", "latitude", "longitude", "maxMarker", "maxPolygon", "hasDraw", "hasLocator", "fitToDraw", "limitDraw", "addPoiToFitDraw", "addMarkerOnTap", "readonly", "disabled", "markerPlace", "locatePlace", "poiMinZoom", "markers", "polygons", "pois"], outputs: ["zoomLevelChange", "latitudeChange", "longitudeChange", "onMarkerAdded", "onMarkerClick", "onMarkerChanged", "onPolygonAdded", "onPolygonClick", "onPolygonChanged", "onLocationFound", "onPoiChanged", "onPoiAdded", "onMapReady", "onLoadError"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }] }); }
+  `, isInline: true, styles: [":host{display:block;width:100%;container-type:inline-size;container-name:picker}.ax-conversation-picker--location{max-height:min(70dvh,28rem)}@container picker (max-width: 480px){.ax-conversation-picker--location{max-height:85dvh}}.map-container{height:10rem;overflow:hidden}.location-info{padding:.75rem 1rem;background:rgb(var(--ax-sys-color-surface));border-top:1px solid rgb(var(--ax-sys-color-border))}.info-row{display:flex;align-items:center;gap:.75rem}.info-row i{font-size:1.25rem;color:rgb(var(--ax-sys-color-primary))}.info-text{flex:1}.info-label{font-size:.75rem;color:rgb(var(--ax-sys-color-on-surface-variant));margin-bottom:.25rem}.info-value{font-size:.875rem;font-weight:500;color:rgb(var(--ax-sys-color-on-surface));font-family:monospace}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMapModule }, { kind: "component", type: i1$5.AXMapComponent, selector: "ax-map", inputs: ["zoomLevel", "latitude", "longitude", "maxMarker", "maxPolygon", "maxPolyline", "maxRectangle", "maxCircle", "hasDraw", "hasLocator", "fitToDraw", "limitDraw", "addPoiToFitDraw", "addMarkerOnTap", "readonly", "disabled", "markerPlace", "locatePlace", "poiMinZoom", "markers", "polygons", "polylines", "rectangles", "circles", "pois"], outputs: ["zoomLevelChange", "latitudeChange", "longitudeChange", "onMarkerAdded", "onMarkerClick", "onMarkerChanged", "onPolygonAdded", "onPolygonClick", "onPolygonChanged", "onPolylineAdded", "onPolylineClick", "onPolylineChanged", "onRectangleAdded", "onRectangleClick", "onRectangleChanged", "onCircleAdded", "onCircleClick", "onCircleChanged", "onLocationFound", "onPoiChanged", "onPoiAdded", "onMapReady", "onLoadError"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXConversationPickerHeaderComponent, selector: "ax-conversation-picker-header", inputs: ["title"], outputs: ["onClose"] }, { kind: "component", type: AXConversationPickerFooterComponent, selector: "ax-conversation-picker-footer", inputs: ["sendText", "sendDisabled"], outputs: ["onCancel", "onSend"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationLocationPickerComponent, decorators: [{
             type: Component,
@@ -20848,7 +20848,7 @@ class AXConversationLocationRendererComponent extends AXConversationMessageRende
         <i class="fa-light fa-arrow-up-right-from-square" aria-hidden="true"></i>
       </a>
     </div>
-  `, isInline: true, styles: [":host{display:block}:host{max-width:100%}.ax-conversation-loc{display:flex;flex-direction:column;width:100%;max-width:min(100%,20rem);border-radius:var(--ax-sys-border-radius, .5rem);border:1px solid rgb(var(--ax-sys-color-border-light-surface));overflow:hidden;background:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface))}.ax-conversation-loc__map{position:relative;height:min(28dvh,10rem);width:100%;overflow:hidden}@container conversation (min-width: 480px){.ax-conversation-loc__map{height:10.5rem}}.ax-conversation-loc__map ::ng-deep ax-map{display:block;height:100%;width:100%}.ax-conversation-loc__body{padding:.625rem .75rem .5rem;display:flex;flex-direction:column;gap:.25rem}.ax-conversation-loc__title{display:flex;align-items:center;font-size:.875rem;font-weight:600;line-height:1.2}.ax-conversation-loc__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-conversation-loc__addr{font-size:.75rem;opacity:.78;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-conversation-loc__meta{display:flex;align-items:center;gap:.5rem}.ax-conversation-loc__coords{font-size:.6875rem;opacity:.62;font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.ax-conversation-loc__action{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.75rem;padding:.5rem .75rem;border-top:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-light-surface));font-size:.8125rem;font-weight:500;color:rgb(var(--ax-sys-color-primary-600));text-decoration:none;touch-action:manipulation;transition:background .15s ease,color .15s ease}@media(hover:hover){.ax-conversation-loc__action:hover{background:rgb(var(--ax-sys-color-primary-lightest-surface));color:rgb(var(--ax-sys-color-primary-700))}}.ax-conversation-loc__action i{font-size:.75rem;opacity:.85}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMapModule }, { kind: "component", type: i1$5.AXMapComponent, selector: "ax-map", inputs: ["zoomLevel", "latitude", "longitude", "maxMarker", "maxPolygon", "hasDraw", "hasLocator", "fitToDraw", "limitDraw", "addPoiToFitDraw", "addMarkerOnTap", "readonly", "disabled", "markerPlace", "locatePlace", "poiMinZoom", "markers", "polygons", "pois"], outputs: ["zoomLevelChange", "latitudeChange", "longitudeChange", "onMarkerAdded", "onMarkerClick", "onMarkerChanged", "onPolygonAdded", "onPolygonClick", "onPolygonChanged", "onLocationFound", "onPoiChanged", "onPoiAdded", "onMapReady", "onLoadError"] }, { kind: "component", type: AXConversationMessageRendererStateComponent, selector: "ax-conversation-message-renderer-state", inputs: ["rendererState", "message", "contentErrorLabel", "deliveryFailedLabel", "showContentErrorChrome", "contentErrorStyle", "contentErrorIconClass", "placement", "contentRetryEnabled"], outputs: ["contentRetry"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}:host{max-width:100%}.ax-conversation-loc{display:flex;flex-direction:column;width:100%;max-width:min(100%,20rem);border-radius:var(--ax-sys-border-radius, .5rem);border:1px solid rgb(var(--ax-sys-color-border-light-surface));overflow:hidden;background:rgb(var(--ax-sys-color-surface));color:rgb(var(--ax-sys-color-on-surface))}.ax-conversation-loc__map{position:relative;height:min(28dvh,10rem);width:100%;overflow:hidden}@container conversation (min-width: 480px){.ax-conversation-loc__map{height:10.5rem}}.ax-conversation-loc__map ::ng-deep ax-map{display:block;height:100%;width:100%}.ax-conversation-loc__body{padding:.625rem .75rem .5rem;display:flex;flex-direction:column;gap:.25rem}.ax-conversation-loc__title{display:flex;align-items:center;font-size:.875rem;font-weight:600;line-height:1.2}.ax-conversation-loc__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-conversation-loc__addr{font-size:.75rem;opacity:.78;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ax-conversation-loc__meta{display:flex;align-items:center;gap:.5rem}.ax-conversation-loc__coords{font-size:.6875rem;opacity:.62;font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.ax-conversation-loc__action{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.75rem;padding:.5rem .75rem;border-top:1px solid rgb(var(--ax-sys-color-border-light-surface));background:rgb(var(--ax-sys-color-light-surface));font-size:.8125rem;font-weight:500;color:rgb(var(--ax-sys-color-primary-600));text-decoration:none;touch-action:manipulation;transition:background .15s ease,color .15s ease}@media(hover:hover){.ax-conversation-loc__action:hover{background:rgb(var(--ax-sys-color-primary-lightest-surface));color:rgb(var(--ax-sys-color-primary-700))}}.ax-conversation-loc__action i{font-size:.75rem;opacity:.85}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXMapModule }, { kind: "component", type: i1$5.AXMapComponent, selector: "ax-map", inputs: ["zoomLevel", "latitude", "longitude", "maxMarker", "maxPolygon", "maxPolyline", "maxRectangle", "maxCircle", "hasDraw", "hasLocator", "fitToDraw", "limitDraw", "addPoiToFitDraw", "addMarkerOnTap", "readonly", "disabled", "markerPlace", "locatePlace", "poiMinZoom", "markers", "polygons", "polylines", "rectangles", "circles", "pois"], outputs: ["zoomLevelChange", "latitudeChange", "longitudeChange", "onMarkerAdded", "onMarkerClick", "onMarkerChanged", "onPolygonAdded", "onPolygonClick", "onPolygonChanged", "onPolylineAdded", "onPolylineClick", "onPolylineChanged", "onRectangleAdded", "onRectangleClick", "onRectangleChanged", "onCircleAdded", "onCircleClick", "onCircleChanged", "onLocationFound", "onPoiChanged", "onPoiAdded", "onMapReady", "onLoadError"] }, { kind: "component", type: AXConversationMessageRendererStateComponent, selector: "ax-conversation-message-renderer-state", inputs: ["rendererState", "message", "contentErrorLabel", "deliveryFailedLabel", "showContentErrorChrome", "contentErrorStyle", "contentErrorIconClass", "placement", "contentRetryEnabled"], outputs: ["contentRetry"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXConversationLocationRendererComponent, decorators: [{
             type: Component,