@acorex/cdk 22.1.0-next.2 → 22.1.0-next.20

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@acorex/cdk",
-  "version": "22.1.0-next.2",
+  "version": "22.1.0-next.20",
   "peerDependencies": {
-    "@acorex/core": "22.1.0-next.2",
+    "@acorex/core": "22.1.0-next.20",
     "quill": ">=2.0.2",
     "qrcode": ">=1.5.4",
     "swiper": ">=11.1.15",

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;
@@ -627,6 +643,7 @@ declare class AXDataSource<T = unknown> {
     private _items;
     get items(): T[];
     private fetchedPages;
+    private inflightPages;
     private _page;
     private _query;
     get query(): AXDataSourceQuery;
@@ -639,6 +656,7 @@ declare class AXDataSource<T = unknown> {
     private _isLoading;
     get isLoading(): boolean;
     constructor(config: AXDataSourceConfig<T>);
+    private pageHasCachedItems;
     private load;
     getItemsByFilter(filter: AXDataSourceFilterOption): Promise<AXDataSourceCallbackResult<T>>;
     private setLoadingState;