@acorex/cdk 22.1.0-next.3 → 22.1.0-next.30

package/types/acorex-cdk-common.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { ChangeDetectorRef, ViewContainerRef, EventEmitter, OnDestroy, AfterViewInit, InjectionToken } from '@angular/core';
-import { AXUnsubscriber } from '@acorex/core/utils';
 import { AXValidationSummary, AXValidationRuleOptions } from '@acorex/core/validation';
+import { AXUnsubscriber } from '@acorex/core/utils';
 import { ControlValueAccessor } from '@angular/forms';
 import { DataSource, CollectionViewer } from '@angular/cdk/collections';
 import { Subject, Observable } from 'rxjs';
@@ -44,6 +44,11 @@ declare abstract class NXComponent {
     #private;
     protected isRendered: i0.Signal<boolean>;
     get nativeElement(): HTMLElement;
+    /**
+     * Gets the host HTML element of the component.
+     * Same contract as classic editors so `ax-label` / `ax-form-field` can associate the field.
+     */
+    getHostElement<T = HTMLElement>(): T;
     static ɵfac: i0.ɵɵFactoryDeclaration<NXComponent, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NXComponent>;
 }
@@ -87,66 +92,6 @@ declare abstract class NXLookComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<NXLookComponent, "ng-component", never, { "look": { "alias": "look"; "required": false; "isSignal": true; }; }, { "look": "lookChange"; }, never, never, true, never>;
 }
 
-declare abstract class NXValueComponent {
-    readonly: i0.ModelSignal<boolean>;
-    name: i0.ModelSignal<string>;
-    value: i0.ModelSignal<unknown>;
-    onValueChanged: i0.OutputEmitterRef<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NXValueComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NXValueComponent, "ng-component", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "readonly": "readonlyChange"; "name": "nameChange"; "value": "valueChange"; "onValueChanged": "onValueChanged"; }, never, never, true, never>;
-}
-
-/**
- * A token that specifies the direction of component.
- */
-type AXDirection = 'vertical' | 'horizontal';
-
-/**
- * A token that specifies the orientation of component.
- */
-type AXOrientation = 'vertical' | 'horizontal';
-
-type AXPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'end' | 'end-top' | 'end-bottom' | 'start' | 'start-top' | 'start-bottom';
-type AXPlacementType = AXConnectedPosition | AXConnectedPosition[] | AXPlacement | AXPlacement[];
-declare function convertToPlacement(value: AXPlacementType): AXConnectedPosition[];
-interface AXConnectedPosition {
-    originX: 'start' | 'center' | 'end';
-    originY: 'top' | 'center' | 'bottom';
-    overlayX: 'start' | 'center' | 'end';
-    overlayY: 'top' | 'center' | 'bottom';
-    weight?: number;
-    offsetX?: number;
-    offsetY?: number;
-}
-declare const AX_PLACEMENT_TOP: AXConnectedPosition;
-declare const AX_PLACEMENT_TOP_START: AXConnectedPosition;
-declare const AX_PLACEMENT_TOP_END: AXConnectedPosition;
-declare const AX_PLACEMENT_BOTTOM: AXConnectedPosition;
-declare const AX_PLACEMENT_BOTTOM_START: AXConnectedPosition;
-declare const AX_PLACEMENT_BOTTOM_END: AXConnectedPosition;
-declare const AX_PLACEMENT_START: AXConnectedPosition;
-declare const AX_PLACEMENT_START_TOP: AXConnectedPosition;
-declare const AX_PLACEMENT_START_BOTTOM: AXConnectedPosition;
-declare const AX_PLACEMENT_END: AXConnectedPosition;
-declare const AX_PLACEMENT_END_TOP: AXConnectedPosition;
-declare const AX_PLACEMENT_END_BOTTOM: AXConnectedPosition;
-declare const AX_PLACEMENT_MAP: {
-    [key: string]: {
-        origin: AXConnectedPosition;
-        alts?: AXConnectedPosition[];
-    };
-};
-
-interface AXRange<T> {
-    from: T;
-    end: T;
-}
-
-/**
- * A token that specifies the  selection mode of component.
- */
-type AXSelectionMode = 'single' | 'multiple' | 'none';
-
 /**
  *  Contains native event
  * @category Events
@@ -569,6 +514,77 @@ declare abstract class AXAutocompleteParentComponent<T> extends MXValueComponent
     static ɵprov: i0.ɵɵInjectableDeclaration<AXAutocompleteParentComponent<any>>;
 }
 
+/**
+ * Signal-based value editor with the same `ax-validation-rule` / `ax-form` contract as the classic value mixins.
+ */
+declare abstract class NXValueComponent extends NXComponent {
+    #private;
+    readonly validationRulesChange: EventEmitter<AXFormValidationRule[]>;
+    get isRequired(): boolean;
+    get state(): AXComponentState;
+    protected registerValidation(): void;
+    addValidationRule(rule: AXFormValidationRule): void;
+    removeValidationRule(ruleToRemove: AXFormValidationRule): void;
+    removeValidationRuleByType(type: string): void;
+    validate(): Promise<AXValidationSummary>;
+    setState(state: AXComponentState, ...args: unknown[]): void;
+    resetErrors(): void;
+    commitValue(value: unknown, _isUserInteraction?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NXValueComponent, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NXValueComponent>;
+}
+
+/**
+ * A token that specifies the direction of component.
+ */
+type AXDirection = 'vertical' | 'horizontal';
+
+/**
+ * A token that specifies the orientation of component.
+ */
+type AXOrientation = 'vertical' | 'horizontal';
+
+type AXPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'end' | 'end-top' | 'end-bottom' | 'start' | 'start-top' | 'start-bottom';
+type AXPlacementType = AXConnectedPosition | AXConnectedPosition[] | AXPlacement | AXPlacement[];
+declare function convertToPlacement(value: AXPlacementType): AXConnectedPosition[];
+interface AXConnectedPosition {
+    originX: 'start' | 'center' | 'end';
+    originY: 'top' | 'center' | 'bottom';
+    overlayX: 'start' | 'center' | 'end';
+    overlayY: 'top' | 'center' | 'bottom';
+    weight?: number;
+    offsetX?: number;
+    offsetY?: number;
+}
+declare const AX_PLACEMENT_TOP: AXConnectedPosition;
+declare const AX_PLACEMENT_TOP_START: AXConnectedPosition;
+declare const AX_PLACEMENT_TOP_END: AXConnectedPosition;
+declare const AX_PLACEMENT_BOTTOM: AXConnectedPosition;
+declare const AX_PLACEMENT_BOTTOM_START: AXConnectedPosition;
+declare const AX_PLACEMENT_BOTTOM_END: AXConnectedPosition;
+declare const AX_PLACEMENT_START: AXConnectedPosition;
+declare const AX_PLACEMENT_START_TOP: AXConnectedPosition;
+declare const AX_PLACEMENT_START_BOTTOM: AXConnectedPosition;
+declare const AX_PLACEMENT_END: AXConnectedPosition;
+declare const AX_PLACEMENT_END_TOP: AXConnectedPosition;
+declare const AX_PLACEMENT_END_BOTTOM: AXConnectedPosition;
+declare const AX_PLACEMENT_MAP: {
+    [key: string]: {
+        origin: AXConnectedPosition;
+        alts?: AXConnectedPosition[];
+    };
+};
+
+interface AXRange<T> {
+    from: T;
+    end: T;
+}
+
+/**
+ * A token that specifies the  selection mode of component.
+ */
+type AXSelectionMode = 'single' | 'multiple' | 'none';
+
 type AXDataSourceOperator = {
     type: 'equal' | 'isNull' | 'isEmpty' | 'lt' | 'lte' | 'gt' | 'gte' | 'startsWith' | 'endsWith' | 'contains' | 'in';
     negative?: boolean;

package/types/acorex-cdk-horizontal-scroll.d.ts

@@ -2,8 +2,8 @@ import * as _angular_core from '@angular/core';
 import { OnDestroy } from '@angular/core';
 
 /**
- * Converts vertical mouse-wheel scrolling into horizontal scrolling on the host element.
- * Applies only when the host can scroll horizontally.
+ * Converts vertical mouse-wheel scrolling and pointer drag/swipe into horizontal scrolling on the host element.
+ * Applies only when the host can scroll horizontally. Pointer events cover mouse, touch, and pen.
  *
  * Usage:
  * <div axHorizontalScroll [speed]="150" class="overflow-x-auto">
@@ -16,7 +16,7 @@ declare class AXHorizontalScrollDirective implements OnDestroy {
     private platformId;
     private zone;
     /**
-     * Disables wheel-to-horizontal conversion when true.
+     * Disables wheel-to-horizontal conversion and pointer drag when true.
      */
     disabled: _angular_core.InputSignal<boolean>;
     /**
@@ -28,15 +28,37 @@ declare class AXHorizontalScrollDirective implements OnDestroy {
     private targetScrollLeft;
     private scrollPosition;
     private lastFrameTime;
+    private pointerId;
+    private pointerStartX;
+    private pointerStartY;
+    private pointerStartScrollLeft;
+    private pointerAxis;
+    private lastPointerX;
+    private lastPointerTime;
+    private pointerVelocityX;
+    private suppressClickListener;
+    private suppressClickTimer;
+    private readonly axisLockThreshold;
+    private readonly interactiveSelector;
     private readonly wheelListener;
+    private readonly pointerDownListener;
+    private readonly pointerMoveListener;
+    private readonly pointerUpListener;
     ngOnDestroy(): void;
     private get nativeElement();
     private handleWheel;
+    private handlePointerDown;
+    private handlePointerMove;
+    private handlePointerUp;
+    private releasePointer;
+    private suppressClick;
+    private clearClickSuppression;
     private syncScrollState;
     private startAnimation;
     private applyScrollPosition;
     private stopAnimation;
     private canScrollHorizontally;
+    private getMaxScrollLeft;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXHorizontalScrollDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXHorizontalScrollDirective, "[axHorizontalScroll]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }