@acorex/cdk 22.1.0-next.31 → 22.1.0-next.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/acorex-cdk-accordion.mjs +19 -19
- package/fesm2022/acorex-cdk-carousel.mjs +25 -7
- package/fesm2022/acorex-cdk-carousel.mjs.map +1 -1
- package/fesm2022/acorex-cdk-clipboard.mjs +6 -6
- package/fesm2022/acorex-cdk-common.mjs +169 -93
- package/fesm2022/acorex-cdk-common.mjs.map +1 -1
- package/fesm2022/acorex-cdk-dom.mjs +3 -3
- package/fesm2022/acorex-cdk-drag-drop.mjs +210 -68
- package/fesm2022/acorex-cdk-drag-drop.mjs.map +1 -1
- package/fesm2022/acorex-cdk-drawer.mjs +10 -10
- package/fesm2022/acorex-cdk-focus-trap.mjs +3 -3
- package/fesm2022/acorex-cdk-full-screen.mjs +26 -147
- package/fesm2022/acorex-cdk-full-screen.mjs.map +1 -1
- package/fesm2022/acorex-cdk-gesture.mjs +36 -7
- package/fesm2022/acorex-cdk-gesture.mjs.map +1 -1
- package/fesm2022/acorex-cdk-highlight.mjs +108 -0
- package/fesm2022/acorex-cdk-highlight.mjs.map +1 -0
- package/fesm2022/acorex-cdk-horizontal-scroll.mjs +104 -44
- package/fesm2022/acorex-cdk-horizontal-scroll.mjs.map +1 -1
- package/fesm2022/acorex-cdk-input-mask.mjs +3 -3
- package/fesm2022/acorex-cdk-list-navigation.mjs +10 -10
- package/fesm2022/acorex-cdk-outline.mjs +277 -74
- package/fesm2022/acorex-cdk-outline.mjs.map +1 -1
- package/fesm2022/acorex-cdk-overlay.mjs +192 -18
- package/fesm2022/acorex-cdk-overlay.mjs.map +1 -1
- package/fesm2022/acorex-cdk-pan-view.mjs +3 -3
- package/fesm2022/acorex-cdk-resizable.mjs +3 -3
- package/fesm2022/acorex-cdk-selection.mjs +10 -10
- package/fesm2022/acorex-cdk-shimmer.mjs +220 -0
- package/fesm2022/acorex-cdk-shimmer.mjs.map +1 -0
- package/fesm2022/acorex-cdk-sliding-item.mjs +3 -3
- package/fesm2022/acorex-cdk-sticky.mjs +3 -3
- package/fesm2022/acorex-cdk-uploader.mjs +9 -9
- package/fesm2022/acorex-cdk-virtual-scroll.mjs +10 -10
- package/fesm2022/acorex-cdk-z-index.mjs +3 -3
- package/package.json +10 -6
- package/shimmer/README.md +11 -0
- package/types/acorex-cdk-carousel.d.ts +2 -0
- package/types/acorex-cdk-clipboard.d.ts +1 -1
- package/types/acorex-cdk-common.d.ts +36 -19
- package/types/acorex-cdk-drag-drop.d.ts +31 -4
- package/types/acorex-cdk-full-screen.d.ts +18 -43
- package/types/acorex-cdk-gesture.d.ts +13 -1
- package/types/acorex-cdk-highlight.d.ts +54 -0
- package/types/acorex-cdk-horizontal-scroll.d.ts +23 -9
- package/types/acorex-cdk-outline.d.ts +20 -0
- package/types/acorex-cdk-overlay.d.ts +47 -4
- package/types/acorex-cdk-shimmer.d.ts +68 -0
- package/types/acorex-cdk-uploader.d.ts +1 -1
- package/fesm2022/acorex-cdk-double-click.mjs +0 -178
- package/fesm2022/acorex-cdk-double-click.mjs.map +0 -1
- package/types/acorex-cdk-double-click.d.ts +0 -66
|
@@ -50,7 +50,7 @@ declare abstract class NXComponent {
|
|
|
50
50
|
*/
|
|
51
51
|
getHostElement<T = HTMLElement>(): T;
|
|
52
52
|
static ɵfac: i0.ɵɵFactoryDeclaration<NXComponent, never>;
|
|
53
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
53
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
/**
|
|
@@ -243,7 +243,7 @@ declare abstract class MXBaseComponent {
|
|
|
243
243
|
*/
|
|
244
244
|
setOption<T = any>(option: MXComponentSetOption<T>): void;
|
|
245
245
|
static ɵfac: i0.ɵɵFactoryDeclaration<MXBaseComponent, never>;
|
|
246
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
246
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
247
247
|
}
|
|
248
248
|
|
|
249
249
|
declare class MXInteractiveComponent extends MXBaseComponent {
|
|
@@ -419,7 +419,7 @@ declare class MXValueComponent<T = any> extends MXInteractiveComponent implement
|
|
|
419
419
|
*/
|
|
420
420
|
resetErrors(): void;
|
|
421
421
|
static ɵfac: i0.ɵɵFactoryDeclaration<MXValueComponent<any>, never>;
|
|
422
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
422
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
423
423
|
}
|
|
424
424
|
|
|
425
425
|
declare const TAB_META_KEY = "__meta__";
|
|
@@ -449,13 +449,13 @@ declare class AXComponentClosedPromise extends Promise<AXComponentResult> {
|
|
|
449
449
|
}
|
|
450
450
|
declare abstract class AXComponent {
|
|
451
451
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXComponent, never>;
|
|
452
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
452
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
453
453
|
}
|
|
454
454
|
declare abstract class AXClosableComponent extends AXComponent {
|
|
455
455
|
abstract close(): void;
|
|
456
456
|
abstract closeAll(): void;
|
|
457
457
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXClosableComponent, never>;
|
|
458
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
458
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
459
459
|
}
|
|
460
460
|
declare abstract class AXClearableComponent extends AXComponent {
|
|
461
461
|
abstract reset(u: boolean): void;
|
|
@@ -463,12 +463,12 @@ declare abstract class AXClearableComponent extends AXComponent {
|
|
|
463
463
|
abstract get disabled(): boolean;
|
|
464
464
|
abstract get value(): unknown;
|
|
465
465
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXClearableComponent, never>;
|
|
466
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
466
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
467
467
|
}
|
|
468
468
|
declare abstract class AXSearchableComponent extends AXComponent {
|
|
469
469
|
abstract search(value: string): void;
|
|
470
470
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchableComponent, never>;
|
|
471
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
471
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
472
472
|
}
|
|
473
473
|
declare abstract class AXValuableComponent extends AXComponent {
|
|
474
474
|
abstract get isRequired(): boolean;
|
|
@@ -483,12 +483,12 @@ declare abstract class AXValuableComponent extends AXComponent {
|
|
|
483
483
|
abstract reset(e: boolean): void;
|
|
484
484
|
abstract resetErrors(): void;
|
|
485
485
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXValuableComponent, never>;
|
|
486
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
486
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
487
487
|
}
|
|
488
488
|
declare abstract class AXFocusableComponent extends AXComponent {
|
|
489
489
|
abstract focus(): any;
|
|
490
490
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXFocusableComponent, never>;
|
|
491
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
491
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
492
492
|
}
|
|
493
493
|
interface AXPagedComponentInterface {
|
|
494
494
|
goToPage(page: number): any;
|
|
@@ -502,7 +502,7 @@ declare abstract class AXPagedComponent extends AXComponent implements AXPagedCo
|
|
|
502
502
|
abstract pageSize: number;
|
|
503
503
|
abstract onPageChanged: EventEmitter<AXValueChangedEvent<number>>;
|
|
504
504
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXPagedComponent, never>;
|
|
505
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
505
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
506
506
|
}
|
|
507
507
|
declare abstract class AXAutocompleteParentComponent<T> extends MXValueComponent<T> {
|
|
508
508
|
oldInputEmitValue: T;
|
|
@@ -511,7 +511,7 @@ declare abstract class AXAutocompleteParentComponent<T> extends MXValueComponent
|
|
|
511
511
|
onItemSelected: EventEmitter<AXValueChangedEvent<T>>;
|
|
512
512
|
emitOnItemSelected(value: T, isUserInteraction?: boolean): void;
|
|
513
513
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXAutocompleteParentComponent<any>, never>;
|
|
514
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
514
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
515
515
|
}
|
|
516
516
|
|
|
517
517
|
/**
|
|
@@ -531,7 +531,7 @@ declare abstract class NXValueComponent extends NXComponent {
|
|
|
531
531
|
resetErrors(): void;
|
|
532
532
|
commitValue(value: unknown, _isUserInteraction?: boolean): void;
|
|
533
533
|
static ɵfac: i0.ɵɵFactoryDeclaration<NXValueComponent, never>;
|
|
534
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
534
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
535
535
|
}
|
|
536
536
|
|
|
537
537
|
/**
|
|
@@ -798,7 +798,7 @@ declare class MXColorComponent extends MXBaseComponent {
|
|
|
798
798
|
declare abstract class MXLookableComponent {
|
|
799
799
|
look: AXStyleLookType;
|
|
800
800
|
static ɵfac: i0.ɵɵFactoryDeclaration<MXLookableComponent, never>;
|
|
801
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
801
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
802
802
|
}
|
|
803
803
|
declare class MXLookComponent extends MXBaseComponent {
|
|
804
804
|
lookChange: EventEmitter<AXStyleLookType>;
|
|
@@ -902,7 +902,7 @@ declare class MXInputBaseValueComponent<T = string> extends MXValueComponent<T>
|
|
|
902
902
|
protected emitOnTextChanged(value: string, isUserInteraction?: boolean): void;
|
|
903
903
|
focus(): void;
|
|
904
904
|
static ɵfac: i0.ɵɵFactoryDeclaration<MXInputBaseValueComponent<any>, never>;
|
|
905
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
905
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
906
906
|
}
|
|
907
907
|
|
|
908
908
|
/**
|
|
@@ -914,7 +914,7 @@ declare class MXSelectionBridgeService {
|
|
|
914
914
|
/** Cache for normalized items keyed by their unique identifier */
|
|
915
915
|
cacheList: Record<string | number, unknown>;
|
|
916
916
|
static ɵfac: i0.ɵɵFactoryDeclaration<MXSelectionBridgeService, never>;
|
|
917
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
917
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
918
918
|
}
|
|
919
919
|
/**
|
|
920
920
|
* Injection token for the selection bridge service
|
|
@@ -1104,7 +1104,7 @@ declare abstract class MXSelectionValueComponent<T = unknown> extends MXValueCom
|
|
|
1104
1104
|
*/
|
|
1105
1105
|
private loadAndCacheItemByKey;
|
|
1106
1106
|
static ɵfac: i0.ɵɵFactoryDeclaration<MXSelectionValueComponent<any>, never>;
|
|
1107
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
1107
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
1108
1108
|
}
|
|
1109
1109
|
|
|
1110
1110
|
declare class AXNgModelDelayedValueChangedDirective implements OnDestroy {
|
|
@@ -1151,7 +1151,7 @@ declare class AXRippleDirective implements OnDestroy {
|
|
|
1151
1151
|
declare class AXDomService {
|
|
1152
1152
|
generateElementId(): string;
|
|
1153
1153
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXDomService, never>;
|
|
1154
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
1154
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
1155
1155
|
}
|
|
1156
1156
|
|
|
1157
1157
|
type Options = {
|
|
@@ -1178,8 +1178,25 @@ declare class AXHotkeysService {
|
|
|
1178
1178
|
*/
|
|
1179
1179
|
addShortcut(options: Partial<Options>): Observable$1<unknown>;
|
|
1180
1180
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXHotkeysService, never>;
|
|
1181
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
1181
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
1182
1182
|
}
|
|
1183
1183
|
|
|
1184
|
-
|
|
1184
|
+
/**
|
|
1185
|
+
* Scrolls `element` into view inside `container` using nearest-edge behavior.
|
|
1186
|
+
* Only adjusts the container's own scrollTop — never the document — so overlay
|
|
1187
|
+
* dismissal on document scroll is not triggered.
|
|
1188
|
+
*/
|
|
1189
|
+
declare function scrollNearestIntoView(container: HTMLElement, element: HTMLElement, topInset?: number): void;
|
|
1190
|
+
/**
|
|
1191
|
+
* Scrolls an option into view inside a scrollable container using nearest-edge behavior.
|
|
1192
|
+
* Uses bounding rects relative to the container so it works even when offsetParent differs.
|
|
1193
|
+
*/
|
|
1194
|
+
declare function scrollOptionWithinContainer(container: HTMLElement, option: HTMLElement): void;
|
|
1195
|
+
/**
|
|
1196
|
+
* Retries `fn` on successive animation frames until it returns true or `attempts` is exhausted.
|
|
1197
|
+
* Used when the target element appears only after an overlay has been positioned and laid out.
|
|
1198
|
+
*/
|
|
1199
|
+
declare function retryFrames(fn: () => boolean, attempts?: number): void;
|
|
1200
|
+
|
|
1201
|
+
export { AXAutoFocusDirective, AXAutocompleteParentComponent, AXButtonClickEvent, AXClearableComponent, AXClickEvent, AXClosableComponent, AXCommonModule, AXComponent, AXComponentCloseEvent, AXComponentClosedPromise, AXComponentClosing, AXComponentResult, AXDataSource, AXDomService, AXEvent, AXFocusEvent, AXFocusableComponent, AXHotkeyDirective, AXHotkeysService, AXHtmlEvent, AXInfiniteScrollerDirective, AXInvertedColorDirective, AXItemClickEvent, AXItemSelectedEvent, AXListDataSource, AXNgModelDelayedValueChangedDirective, AXOptionChangedEvent, AXPagedComponent, AXRangeChangedEvent, AXResponsiveDirective, AXRippleDirective, AXSearchableComponent, AXSelectionValueChangedEvent, AXValuableComponent, AXValueChangedEvent, AX_LOCATIONS, AX_PLACEMENT_BOTTOM, AX_PLACEMENT_BOTTOM_END, AX_PLACEMENT_BOTTOM_START, AX_PLACEMENT_END, AX_PLACEMENT_END_BOTTOM, AX_PLACEMENT_END_TOP, AX_PLACEMENT_MAP, AX_PLACEMENT_START, AX_PLACEMENT_START_BOTTOM, AX_PLACEMENT_START_TOP, AX_PLACEMENT_TOP, AX_PLACEMENT_TOP_END, AX_PLACEMENT_TOP_START, AX_SELECTION_DATA_TOKEN, AX_STYLE_COLOR_TYPES, AX_STYLE_LOOK_TYPES, MXBaseComponent, MXButtonBaseComponent, MXColorComponent, MXColorLookComponent, MXInputBaseValueComponent, MXInteractiveComponent, MXLookComponent, MXLookableComponent, MXSelectionBridgeService, MXSelectionValueComponent, MXValueComponent, NXButtonComponent, NXClickEvent, NXColorComponent, NXComponent, NXEvent, NXInteractiveComponent, NXLookComponent, NXNativeEvent, NXValueComponent, TAB_META_KEY, applyDataSourceQuery, convertArrayToDataSource, convertToPlacement, retryFrames, scrollNearestIntoView, scrollOptionWithinContainer };
|
|
1185
1202
|
export type { AXAnimationEasing, AXComponentState, AXConnectedPosition, AXDataListFetchCallbackResult, AXDataListFetchDataCallback, AXDataListItems, AXDataListQuery, AXDataSourceByKeyCallback, AXDataSourceCallbackResult, AXDataSourceChangedEvent, AXDataSourceConfig, AXDataSourceFilterOption, AXDataSourceItemExpandedEvent, AXDataSourceLoadCallback, AXDataSourceOperator, AXDataSourceQuery, AXDataSourceSortOption, AXDirection, AXExpandToggleIcons, AXFilterLogic, AXFormValidationRule, AXHotKeyAction, AXLocation, AXOrientation, AXPagedComponentInterface, AXPlacement, AXPlacementType, AXRange, AXScrollPosition, AXSelectionMode, AXSizeType, AXSortOrder, AXStyleColorClassType, AXStyleColorType, AXStyleInteractiveLookClassType, AXStyleLookClassType, AXStyleLookType, AXStyleSizeType, AXSurfaceType, DisabledCallback, MXComponentOptionChanged, MXComponentOptionChanging, MXComponentSetOption, NormalizedItem };
|
|
@@ -26,9 +26,15 @@ declare class AXDragDirective implements OnInit, OnDestroy {
|
|
|
26
26
|
dragResetOnDblClick: _angular_core.InputSignal<boolean>;
|
|
27
27
|
dragLockAxis: _angular_core.InputSignal<"x" | "y">;
|
|
28
28
|
dragClonedTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
|
|
29
|
-
dragCursor: _angular_core.InputSignal<"move" | "grab" | "none">;
|
|
29
|
+
dragCursor: _angular_core.InputSignal<"move" | "grab" | "grab-on-drag" | "none">;
|
|
30
30
|
dragBoundary: _angular_core.InputSignal<string | HTMLElement | ElementRef<HTMLElement>>;
|
|
31
31
|
dragTransitionDuration: _angular_core.InputSignal<number>;
|
|
32
|
+
readonly isDragDisabled: _angular_core.WritableSignal<boolean>;
|
|
33
|
+
readonly lockAxis: _angular_core.WritableSignal<"x" | "y">;
|
|
34
|
+
readonly dragBoundaryOverride: _angular_core.WritableSignal<string | HTMLElement | ElementRef<HTMLElement>>;
|
|
35
|
+
readonly startDelay: _angular_core.WritableSignal<number>;
|
|
36
|
+
readonly dragTouchAction: _angular_core.WritableSignal<"none" | "pan-x" | "pan-y">;
|
|
37
|
+
readonly dragCursorOverride: _angular_core.WritableSignal<"move" | "grab" | "grab-on-drag" | "none">;
|
|
32
38
|
dragPositionChanged: _angular_core.OutputEmitterRef<AXPositionType>;
|
|
33
39
|
isMoving: _angular_core.WritableSignal<boolean>;
|
|
34
40
|
clonedElement: _angular_core.WritableSignal<HTMLElement>;
|
|
@@ -43,10 +49,14 @@ declare class AXDragDirective implements OnInit, OnDestroy {
|
|
|
43
49
|
private activePointerId;
|
|
44
50
|
private prevDropZone;
|
|
45
51
|
private dragStartOffset;
|
|
52
|
+
private pointerDownPosition;
|
|
46
53
|
private clonePointerOffset;
|
|
47
54
|
private clonedElementViewRef;
|
|
48
55
|
private rafId;
|
|
49
56
|
private pendingPointerEvent;
|
|
57
|
+
private savedBodyCursor;
|
|
58
|
+
private holdDelayTimer;
|
|
59
|
+
private holdDelayReady;
|
|
50
60
|
private _parentDropList;
|
|
51
61
|
private _currentDropList;
|
|
52
62
|
readonly createCloneElement: _angular_core.Signal<boolean>;
|
|
@@ -61,11 +71,20 @@ declare class AXDragDirective implements OnInit, OnDestroy {
|
|
|
61
71
|
private listenersAttached;
|
|
62
72
|
ngOnInit(): void;
|
|
63
73
|
ngOnDestroy(): void;
|
|
74
|
+
private usesGrabDragCursor;
|
|
75
|
+
private resolveDropCursor;
|
|
76
|
+
private setActiveDragCursor;
|
|
77
|
+
private clearActiveDragCursor;
|
|
78
|
+
private clearHoldDelayTimer;
|
|
79
|
+
private scheduleHoldDelayFeedback;
|
|
80
|
+
private setElementDropCursor;
|
|
64
81
|
private setElementTransition;
|
|
65
82
|
private removeElementTransition;
|
|
66
83
|
private handlePointerDown;
|
|
67
84
|
private handleDblClick;
|
|
68
85
|
private handlePointerMove;
|
|
86
|
+
private abortDragSequence;
|
|
87
|
+
private resetHandleCursorAfterDrag;
|
|
69
88
|
private startDrag;
|
|
70
89
|
private handlePointerUp;
|
|
71
90
|
private preventClicking;
|
|
@@ -131,6 +150,8 @@ declare class AXDropListDirective extends NXComponent implements OnInit, AfterCo
|
|
|
131
150
|
dropListOrientation: _angular_core.InputSignal<"horizontal" | "vertical">;
|
|
132
151
|
/** Emits when an item is dropped into the list. */
|
|
133
152
|
dropListDropped: _angular_core.OutputEmitterRef<AXDropListDroppedEvent>;
|
|
153
|
+
/** Emits when the sort preview transforms change during an active drag. */
|
|
154
|
+
sortPreviewChanged: _angular_core.OutputEmitterRef<void>;
|
|
134
155
|
/** The `axDrag` directives that are direct children of this list. */
|
|
135
156
|
readonly _draggableItems: _angular_core.Signal<readonly AXDragDirective[]>;
|
|
136
157
|
/** The native element of the drop list. */
|
|
@@ -145,8 +166,12 @@ declare class AXDropListDirective extends NXComponent implements OnInit, AfterCo
|
|
|
145
166
|
private readonly _listInitialRect;
|
|
146
167
|
/** The detected `gap` of the list for the current orientation. */
|
|
147
168
|
private readonly _listGap;
|
|
148
|
-
/**
|
|
149
|
-
private readonly
|
|
169
|
+
/** Whether the list is in RTL direction (cached at drag start). */
|
|
170
|
+
private readonly _isRtl;
|
|
171
|
+
/** Internal orientation state; can be overridden programmatically by host components. */
|
|
172
|
+
readonly orientation: _angular_core.WritableSignal<"horizontal" | "vertical">;
|
|
173
|
+
/** Internal sorting-disabled state; can be overridden programmatically by host components. */
|
|
174
|
+
readonly isSortingDisabled: _angular_core.WritableSignal<boolean>;
|
|
150
175
|
/** DOM placeholder element for inter-list drags */
|
|
151
176
|
private _placeholderElement;
|
|
152
177
|
ngOnInit(): void;
|
|
@@ -154,6 +179,8 @@ declare class AXDropListDirective extends NXComponent implements OnInit, AfterCo
|
|
|
154
179
|
ngOnDestroy(): void;
|
|
155
180
|
/** Checks if the given drag item is the one currently active in this list. */
|
|
156
181
|
isDragActiveForThisList(dragItem: AXDragDirective): boolean;
|
|
182
|
+
/** Whether the list is horizontal and in RTL direction. */
|
|
183
|
+
private isHorizontalRtl;
|
|
157
184
|
/**
|
|
158
185
|
* Prepares the list for sorting when a drag operation starts from within this list.
|
|
159
186
|
* @param dragItem The item that is being dragged.
|
|
@@ -214,7 +241,7 @@ declare class AXDropListDirective extends NXComponent implements OnInit, AfterCo
|
|
|
214
241
|
/** Resets the internal state of the directive to its initial values. */
|
|
215
242
|
resetSortState(): void;
|
|
216
243
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXDropListDirective, never>;
|
|
217
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXDropListDirective, "[axDropList]", ["axDropList"], { "axDropList": { "alias": "axDropList"; "required": false; "isSignal": true; }; "sortingDisabled": { "alias": "sortingDisabled"; "required": false; "isSignal": true; }; "dropListGroup": { "alias": "dropListGroup"; "required": false; "isSignal": true; }; "dropListOrientation": { "alias": "dropListOrientation"; "required": false; "isSignal": true; }; }, { "dropListDropped": "dropListDropped"; }, ["_draggableItems"], never, true, never>;
|
|
244
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXDropListDirective, "[axDropList]", ["axDropList"], { "axDropList": { "alias": "axDropList"; "required": false; "isSignal": true; }; "sortingDisabled": { "alias": "sortingDisabled"; "required": false; "isSignal": true; }; "dropListGroup": { "alias": "dropListGroup"; "required": false; "isSignal": true; }; "dropListOrientation": { "alias": "dropListOrientation"; "required": false; "isSignal": true; }; }, { "dropListDropped": "dropListDropped"; "sortPreviewChanged": "sortPreviewChanged"; }, ["_draggableItems"], never, true, never>;
|
|
218
245
|
}
|
|
219
246
|
|
|
220
247
|
interface AXDropZoneDropEvent extends NXNativeEvent<AXDropZoneDirective, MouseEvent> {
|
|
@@ -1,69 +1,44 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { OnDestroy } from '@angular/core';
|
|
3
|
+
import { AXFullScreenMode } from '@acorex/core/full-screen';
|
|
2
4
|
|
|
3
5
|
/**
|
|
4
|
-
* Fullscreen directive
|
|
6
|
+
* Fullscreen directive with overlay and browser modes.
|
|
5
7
|
* Usage: <element axFullscreen #fullscreen="axFullscreen"></element>
|
|
6
8
|
* Then: fullscreen.toggle() or fullscreen.enter() or fullscreen.exit()
|
|
7
9
|
*/
|
|
8
|
-
declare class AXFullScreenDirective {
|
|
10
|
+
declare class AXFullScreenDirective implements OnDestroy {
|
|
9
11
|
/**
|
|
10
|
-
*
|
|
12
|
+
* Fullscreen implementation mode.
|
|
13
|
+
* @defaultValue 'overlay'
|
|
11
14
|
*/
|
|
12
|
-
|
|
15
|
+
readonly mode: _angular_core.InputSignal<AXFullScreenMode>;
|
|
13
16
|
/**
|
|
14
|
-
*
|
|
17
|
+
* Fullscreen change event for this host element.
|
|
15
18
|
*/
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* Original parent element reference
|
|
19
|
-
*/
|
|
20
|
-
private originalParent;
|
|
21
|
-
/**
|
|
22
|
-
* Fullscreen container element
|
|
23
|
-
*/
|
|
24
|
-
private fullscreenContainer;
|
|
25
|
-
/**
|
|
26
|
-
* Fullscreen change event
|
|
27
|
-
*/
|
|
28
|
-
readonly fullscreenChange: i0.OutputEmitterRef<boolean>;
|
|
29
|
-
/**
|
|
30
|
-
* Z-index token for this fullscreen instance
|
|
31
|
-
*/
|
|
32
|
-
private zToken;
|
|
33
|
-
private readonly renderer;
|
|
19
|
+
readonly fullscreenChange: _angular_core.OutputEmitterRef<boolean>;
|
|
34
20
|
private readonly elementRef;
|
|
35
|
-
private readonly
|
|
21
|
+
private readonly fullScreenService;
|
|
36
22
|
constructor();
|
|
37
23
|
/**
|
|
38
|
-
* Toggle fullscreen state
|
|
24
|
+
* Toggle fullscreen state.
|
|
39
25
|
*/
|
|
40
26
|
toggle(): void;
|
|
41
27
|
/**
|
|
42
|
-
* Enter fullscreen mode
|
|
28
|
+
* Enter fullscreen mode.
|
|
43
29
|
*/
|
|
44
30
|
enter(): void;
|
|
45
31
|
/**
|
|
46
|
-
* Exit fullscreen mode
|
|
32
|
+
* Exit fullscreen mode.
|
|
47
33
|
*/
|
|
48
34
|
exit(): void;
|
|
49
35
|
/**
|
|
50
|
-
* Check if currently in fullscreen mode
|
|
36
|
+
* Check if this host is currently in fullscreen mode.
|
|
51
37
|
*/
|
|
52
38
|
isFullscreen(): boolean;
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
private storeOriginalStyles;
|
|
57
|
-
/**
|
|
58
|
-
* Restore original element styles
|
|
59
|
-
*/
|
|
60
|
-
private restoreOriginalStyles;
|
|
61
|
-
/**
|
|
62
|
-
* Convert camelCase to kebab-case for CSS properties
|
|
63
|
-
*/
|
|
64
|
-
private camelToKebabCase;
|
|
65
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<AXFullScreenDirective, never>;
|
|
66
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<AXFullScreenDirective, "[axFullscreen]", ["axFullscreen"], {}, { "fullscreenChange": "fullscreenChange"; }, never, never, true, never>;
|
|
39
|
+
ngOnDestroy(): void;
|
|
40
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXFullScreenDirective, never>;
|
|
41
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXFullScreenDirective, "[axFullscreen]", ["axFullscreen"], { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "fullscreenChange": "fullscreenChange"; }, never, never, true, never>;
|
|
67
42
|
}
|
|
68
43
|
|
|
69
44
|
export { AXFullScreenDirective };
|
|
@@ -75,6 +75,8 @@ declare class AXGestureDirective implements OnDestroy {
|
|
|
75
75
|
* Pan and swipe direction. Defaults to horizontal, matching Hammer.js.
|
|
76
76
|
*/
|
|
77
77
|
direction: _angular_core.InputSignal<AXGestureDirection>;
|
|
78
|
+
/** Internal direction state; can be overridden programmatically by host directives. */
|
|
79
|
+
readonly gestureDirection: _angular_core.WritableSignal<AXGestureDirection>;
|
|
78
80
|
/**
|
|
79
81
|
* Enables the multi-touch pinch recognizer. Disabled by default.
|
|
80
82
|
*/
|
|
@@ -87,6 +89,11 @@ declare class AXGestureDirective implements OnDestroy {
|
|
|
87
89
|
* Stops gesture recognition when true.
|
|
88
90
|
*/
|
|
89
91
|
disabled: _angular_core.InputSignal<boolean>;
|
|
92
|
+
/**
|
|
93
|
+
* Maximum interval in milliseconds between taps for double-tap recognition.
|
|
94
|
+
* Maps to Hammer.js tap recognizer `interval`. Defaults to Hammer's built-in value (300ms).
|
|
95
|
+
*/
|
|
96
|
+
tapInterval: _angular_core.InputSignal<number>;
|
|
90
97
|
tap: OutputEmitterRef<AXGestureEvent>;
|
|
91
98
|
doubletap: OutputEmitterRef<AXGestureEvent>;
|
|
92
99
|
press: OutputEmitterRef<AXGestureEvent>;
|
|
@@ -106,6 +113,11 @@ declare class AXGestureDirective implements OnDestroy {
|
|
|
106
113
|
* The underlying Hammer manager, or null when not initialized.
|
|
107
114
|
*/
|
|
108
115
|
get manager(): AXGestureManager | null;
|
|
116
|
+
/**
|
|
117
|
+
* Suppresses native click propagation when Hammer.js is active so tap/doubletap
|
|
118
|
+
* outputs are the single source of click handling.
|
|
119
|
+
*/
|
|
120
|
+
protected onHostClick(event: MouseEvent): void;
|
|
109
121
|
ngOnDestroy(): void;
|
|
110
122
|
private setup;
|
|
111
123
|
private loadHammer;
|
|
@@ -113,7 +125,7 @@ declare class AXGestureDirective implements OnDestroy {
|
|
|
113
125
|
private teardown;
|
|
114
126
|
private readonly onHammerEvent;
|
|
115
127
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXGestureDirective, never>;
|
|
116
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXGestureDirective, "[axGesture]", ["axGesture"], { "options": { "alias": "options"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "enablePinch": { "alias": "enablePinch"; "required": false; "isSignal": true; }; "enableRotate": { "alias": "enableRotate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "tap": "tap"; "doubletap": "doubletap"; "press": "press"; "pan": "pan"; "panstart": "panstart"; "panmove": "panmove"; "panend": "panend"; "swipe": "swipe"; "pinch": "pinch"; "rotate": "rotate"; }, never, never, true, never>;
|
|
128
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXGestureDirective, "[axGesture]", ["axGesture"], { "options": { "alias": "options"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "enablePinch": { "alias": "enablePinch"; "required": false; "isSignal": true; }; "enableRotate": { "alias": "enableRotate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tapInterval": { "alias": "tapInterval"; "required": false; "isSignal": true; }; }, { "tap": "tap"; "doubletap": "doubletap"; "press": "press"; "pan": "pan"; "panstart": "panstart"; "panmove": "panmove"; "panend": "panend"; "swipe": "swipe"; "pinch": "pinch"; "rotate": "rotate"; }, never, never, true, never>;
|
|
117
129
|
}
|
|
118
130
|
|
|
119
131
|
export { AXGestureDirective };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { PipeTransform } from '@angular/core';
|
|
3
|
+
import { AXHighlightOptions, AXHighlightSegment } from '@acorex/core/utils';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Directive that highlights text within the host element or its descendants.
|
|
7
|
+
*
|
|
8
|
+
* Usage:
|
|
9
|
+
* ```html
|
|
10
|
+
* <div [axHighlight]="query()">...</div>
|
|
11
|
+
* <table [axHighlight]="query()" highlightSelector="tbody td">...</table>
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
14
|
+
declare class AXHighlightDirective {
|
|
15
|
+
private readonly host;
|
|
16
|
+
private readonly destroyRef;
|
|
17
|
+
private readonly highlightService;
|
|
18
|
+
/**
|
|
19
|
+
* Text or list of texts to search and highlight.
|
|
20
|
+
*/
|
|
21
|
+
readonly axHighlight: _angular_core.InputSignal<string | readonly string[]>;
|
|
22
|
+
/**
|
|
23
|
+
* Optional CSS selector scoped to the host element.
|
|
24
|
+
* When omitted, highlighting is applied to the host element itself.
|
|
25
|
+
*/
|
|
26
|
+
readonly highlightSelector: _angular_core.InputSignal<string>;
|
|
27
|
+
/**
|
|
28
|
+
* Optional highlight behavior configuration.
|
|
29
|
+
*/
|
|
30
|
+
readonly highlightOptions: _angular_core.InputSignal<AXHighlightOptions>;
|
|
31
|
+
/**
|
|
32
|
+
* When true, highlighting is disabled and any existing highlights are cleared.
|
|
33
|
+
*/
|
|
34
|
+
readonly highlightDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
35
|
+
/**
|
|
36
|
+
* Emits the number of matches highlighted after each render cycle.
|
|
37
|
+
*/
|
|
38
|
+
readonly matchCount: _angular_core.OutputEmitterRef<number>;
|
|
39
|
+
constructor();
|
|
40
|
+
private resolveTarget;
|
|
41
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXHighlightDirective, never>;
|
|
42
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXHighlightDirective, "[axHighlight]", never, { "axHighlight": { "alias": "axHighlight"; "required": false; "isSignal": true; }; "highlightSelector": { "alias": "highlightSelector"; "required": false; "isSignal": true; }; "highlightOptions": { "alias": "highlightOptions"; "required": false; "isSignal": true; }; "highlightDisabled": { "alias": "highlightDisabled"; "required": false; "isSignal": true; }; }, { "matchCount": "matchCount"; }, never, never, true, never>;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Pure pipe that splits text into highlight segments for template rendering.
|
|
47
|
+
*/
|
|
48
|
+
declare class AXHighlightTextPipe implements PipeTransform {
|
|
49
|
+
transform(text: string | null | undefined, query: string | readonly string[] | null | undefined, options?: AXHighlightOptions): AXHighlightSegment[];
|
|
50
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXHighlightTextPipe, never>;
|
|
51
|
+
static ɵpipe: _angular_core.ɵɵPipeDeclaration<AXHighlightTextPipe, "axHighlightText", true>;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
export { AXHighlightDirective, AXHighlightTextPipe };
|
|
@@ -3,8 +3,8 @@ import { OnDestroy } from '@angular/core';
|
|
|
3
3
|
import * as i1 from '@acorex/cdk/gesture';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
|
-
* Converts vertical mouse-wheel scrolling and
|
|
7
|
-
*
|
|
6
|
+
* Converts vertical mouse-wheel scrolling and pan gestures into scrolling on the host element.
|
|
7
|
+
* Supports horizontal and vertical orientations. Pan is provided by the hosted AXGestureDirective.
|
|
8
8
|
*
|
|
9
9
|
* Usage:
|
|
10
10
|
* <div axHorizontalScroll [speed]="150" class="overflow-x-auto">
|
|
@@ -25,24 +25,41 @@ declare class AXHorizontalScrollDirective implements OnDestroy {
|
|
|
25
25
|
*/
|
|
26
26
|
disabled: _angular_core.InputSignal<boolean>;
|
|
27
27
|
/**
|
|
28
|
-
* Horizontal
|
|
28
|
+
* Scroll axis. Horizontal converts wheel + pan; vertical uses pan only.
|
|
29
|
+
* @defaultValue 'horizontal'
|
|
30
|
+
*/
|
|
31
|
+
orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
|
|
32
|
+
/** Internal orientation state; can be overridden programmatically by host components. */
|
|
33
|
+
readonly scrollOrientation: _angular_core.WritableSignal<"horizontal" | "vertical">;
|
|
34
|
+
/**
|
|
35
|
+
* Scroll animation duration in milliseconds.
|
|
29
36
|
* Lower values scroll faster; `0` applies the scroll instantly.
|
|
30
37
|
*/
|
|
31
38
|
speed: _angular_core.InputSignal<number>;
|
|
32
39
|
private animationFrameId;
|
|
33
|
-
private
|
|
40
|
+
private targetScrollPosition;
|
|
34
41
|
private scrollPosition;
|
|
35
42
|
private lastFrameTime;
|
|
36
43
|
private isPanning;
|
|
37
44
|
private ignorePan;
|
|
38
|
-
private
|
|
45
|
+
private panStartScrollPosition;
|
|
39
46
|
private suppressClickListener;
|
|
40
47
|
private suppressClickTimer;
|
|
48
|
+
private _isRtl;
|
|
41
49
|
private readonly interactiveSelector;
|
|
42
50
|
private readonly wheelListener;
|
|
51
|
+
protected touchAction(): string | null;
|
|
43
52
|
constructor();
|
|
44
53
|
ngOnDestroy(): void;
|
|
45
54
|
private get nativeElement();
|
|
55
|
+
private isHorizontal;
|
|
56
|
+
private get rtlSign();
|
|
57
|
+
private refreshRtlState;
|
|
58
|
+
private getCurrentScrollPosition;
|
|
59
|
+
private getMaxScrollPosition;
|
|
60
|
+
private canScroll;
|
|
61
|
+
private applyScrollPosition;
|
|
62
|
+
private isDragInProgress;
|
|
46
63
|
private handleWheel;
|
|
47
64
|
private handlePanStart;
|
|
48
65
|
private handlePanMove;
|
|
@@ -52,12 +69,9 @@ declare class AXHorizontalScrollDirective implements OnDestroy {
|
|
|
52
69
|
private clearClickSuppression;
|
|
53
70
|
private syncScrollState;
|
|
54
71
|
private startAnimation;
|
|
55
|
-
private applyScrollPosition;
|
|
56
72
|
private stopAnimation;
|
|
57
|
-
private canScrollHorizontally;
|
|
58
|
-
private getMaxScrollLeft;
|
|
59
73
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXHorizontalScrollDirective, never>;
|
|
60
|
-
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, [{ directive: typeof i1.AXGestureDirective; inputs: {}; outputs: {}; }]>;
|
|
74
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXHorizontalScrollDirective, "[axHorizontalScroll]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.AXGestureDirective; inputs: {}; outputs: {}; }]>;
|
|
61
75
|
}
|
|
62
76
|
|
|
63
77
|
export { AXHorizontalScrollDirective };
|
|
@@ -27,6 +27,8 @@ declare class AXOutlineContainerDirective implements OnDestroy, AfterViewInit {
|
|
|
27
27
|
scrollableElementId: _angular_core.InputSignal<string>;
|
|
28
28
|
private scrollTop;
|
|
29
29
|
private outlineItems;
|
|
30
|
+
private lastScrollSpyIndex;
|
|
31
|
+
private heldActiveIndex;
|
|
30
32
|
private scrollableElement;
|
|
31
33
|
private mutationSubject;
|
|
32
34
|
private readonly MUTATION_DEBOUNCE_TIME;
|
|
@@ -34,7 +36,25 @@ declare class AXOutlineContainerDirective implements OnDestroy, AfterViewInit {
|
|
|
34
36
|
outlineItems$: BehaviorSubject<outlineItemType[]>;
|
|
35
37
|
ngOnDestroy(): void;
|
|
36
38
|
ngAfterViewInit(): void;
|
|
39
|
+
scrollToItem(id: string): void;
|
|
40
|
+
private resolveScrollEventTarget;
|
|
41
|
+
private readScrollTop;
|
|
42
|
+
private handleInContentOutlineLinkClick;
|
|
43
|
+
private scrollToItemFromHash;
|
|
44
|
+
private releaseHeldActiveIndex;
|
|
45
|
+
private stopOngoingSmoothScroll;
|
|
46
|
+
private getOutlineIdFromHref;
|
|
47
|
+
private syncLocationHash;
|
|
37
48
|
private scrollChanged;
|
|
49
|
+
private bindUserScrollIntent;
|
|
50
|
+
private resolveActiveIndex;
|
|
51
|
+
/**
|
|
52
|
+
* Maps scroll position to the active outline item. Sections with little content often
|
|
53
|
+
* have overlapping activation thresholds; each section gets a minimum scroll slot so
|
|
54
|
+
* short blocks are not skipped while scrolling.
|
|
55
|
+
*/
|
|
56
|
+
private resolveByScrollSlots;
|
|
57
|
+
private applyActiveIndex;
|
|
38
58
|
private setOutlineItems;
|
|
39
59
|
refreshOutlineItems(): void;
|
|
40
60
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXOutlineContainerDirective, never>;
|
|
@@ -4,6 +4,40 @@ import { AXZToken } from '@acorex/core/z-index';
|
|
|
4
4
|
import * as i0 from '@angular/core';
|
|
5
5
|
import { ElementRef, EmbeddedViewRef, ComponentRef } from '@angular/core';
|
|
6
6
|
|
|
7
|
+
declare const AX_OVERLAY_DEFAULT_ENTER_ANIMATION: string[];
|
|
8
|
+
declare const AX_OVERLAY_DEFAULT_LEAVE_ANIMATION: string[];
|
|
9
|
+
type AXOverlayAnimation = boolean | string[] | {
|
|
10
|
+
enter?: string[];
|
|
11
|
+
leave?: string[];
|
|
12
|
+
};
|
|
13
|
+
interface AXOverlayResolvedAnimation {
|
|
14
|
+
enter: string[];
|
|
15
|
+
leave: string[];
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Resolves overlay animation classes.
|
|
19
|
+
* - omitted: no animation (opt-in at the overlay layer)
|
|
20
|
+
* - `true`: default fade in/out
|
|
21
|
+
* - `false` or `[]`: no animation
|
|
22
|
+
* - `string[]`: custom enter classes only
|
|
23
|
+
* - `{ enter, leave }`: omitted keys fall back to the default fade classes
|
|
24
|
+
*/
|
|
25
|
+
declare function resolveOverlayAnimation(animation?: AXOverlayAnimation): AXOverlayResolvedAnimation;
|
|
26
|
+
/** Prefers the content/pane so transforms are not applied to the full-screen container. */
|
|
27
|
+
declare function getOverlayAnimationTarget(container: HTMLElement): HTMLElement;
|
|
28
|
+
declare function applyOverlayAnimationClasses(element: HTMLElement, classes: string[]): void;
|
|
29
|
+
declare function removeOverlayAnimationClasses(element: HTMLElement, classes: string[]): void;
|
|
30
|
+
declare function prefersReducedMotion(documentRef: Document): boolean;
|
|
31
|
+
declare function parseCssTimeList(value: string): number[];
|
|
32
|
+
/** Maps theme duration utility classes to milliseconds (see tailwind-base). */
|
|
33
|
+
declare function getAnimationDurationFromClasses(classes: string[]): number;
|
|
34
|
+
declare function getOverlayAnimationTimeout(element: HTMLElement, documentRef: Document, fallbackMs?: number): number;
|
|
35
|
+
declare function playOverlayLeaveAnimation(element: HTMLElement, enter: string[], leave: string[], documentRef: Document): Promise<void>;
|
|
36
|
+
declare function waitForOverlayAnimationEnd(element: HTMLElement, documentRef: Document, options?: {
|
|
37
|
+
fallbackMs?: number;
|
|
38
|
+
animationName?: string;
|
|
39
|
+
}): Promise<void>;
|
|
40
|
+
|
|
7
41
|
type AXOverlayVisualContextScope = 'full' | 'theme';
|
|
8
42
|
interface AXOverlayVisualContext {
|
|
9
43
|
appearance?: string;
|
|
@@ -29,7 +63,7 @@ interface AXOverlayRef<T> {
|
|
|
29
63
|
instance: EmbeddedViewRef<T> | ComponentRef<T>;
|
|
30
64
|
/** Updates the overlay position relative to the anchor */
|
|
31
65
|
updatePosition: () => void;
|
|
32
|
-
/** Destroys the overlay
|
|
66
|
+
/** Destroys the overlay. DOM removal waits for a leave animation when one is configured. */
|
|
33
67
|
dispose: () => void;
|
|
34
68
|
/** The overlay container element */
|
|
35
69
|
overlayElement: HTMLElement | null;
|
|
@@ -62,12 +96,20 @@ interface AXOverlayOptions extends AXComponentOptions {
|
|
|
62
96
|
anchorOptions?: AXOverlayAnchorOptions;
|
|
63
97
|
/** Custom CSS class for the overlay panel */
|
|
64
98
|
panelClass?: string | string[];
|
|
99
|
+
/**
|
|
100
|
+
* Enter/leave animation applied to overlay content (`.ax-overlay-content` or `.ax-overlay-pane`),
|
|
101
|
+
* not the full-screen container. Omitted: no animation. `true`: default fade in/out.
|
|
102
|
+
* `false` or `[]`: disabled. A class array is enter-only. `{ enter, leave }` configures both.
|
|
103
|
+
*/
|
|
104
|
+
animation?: AXOverlayAnimation;
|
|
65
105
|
/** Whether to close when clicking outside */
|
|
66
106
|
closeOnOutsideClick?: boolean;
|
|
67
107
|
/** Whether to close when pressing Escape */
|
|
68
108
|
closeOnEscape?: boolean;
|
|
69
109
|
/** Width of the overlay container (e.g., 'auto', '200px', '100%') */
|
|
70
110
|
width?: string;
|
|
111
|
+
/** Dispose this overlay when Angular starts a navigation. Default: true. */
|
|
112
|
+
closeOnNavigation?: boolean;
|
|
71
113
|
/** Callback when the overlay is disposed (e.g., due to scroll) */
|
|
72
114
|
onDispose?: () => void;
|
|
73
115
|
/** Whether to use centered container (default: true). Set to false for positioned overlays like toasts */
|
|
@@ -127,6 +169,7 @@ declare class AXOverlayService {
|
|
|
127
169
|
private document;
|
|
128
170
|
private zIndexService;
|
|
129
171
|
private _platform;
|
|
172
|
+
private router;
|
|
130
173
|
/**
|
|
131
174
|
* Creates an overlay with optional anchor-based positioning.
|
|
132
175
|
* @param content - Component or template to display
|
|
@@ -160,8 +203,8 @@ declare class AXOverlayService {
|
|
|
160
203
|
private positionOverlay;
|
|
161
204
|
private applyOverlayVisualContext;
|
|
162
205
|
static ɵfac: i0.ɵɵFactoryDeclaration<AXOverlayService, never>;
|
|
163
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<
|
|
206
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<any>;
|
|
164
207
|
}
|
|
165
208
|
|
|
166
|
-
export { APPEARANCE_CLASSES, AXOverlayService, CONTRAST_CLASSES, MANAGED_OVERLAY_VISUAL_CLASSES, SIZE_CLASSES, THEME_CLASSES, applyVisualContext, calculateAnchorPosition, clampToViewport, findBestPosition, fitsInViewport, resolveContextElement, resolveVisualContext };
|
|
167
|
-
export type { AXOverlayAnchorOptions, AXOverlayOptions, AXOverlayRef, AXOverlayVisualContext, AXOverlayVisualContextScope };
|
|
209
|
+
export { APPEARANCE_CLASSES, AXOverlayService, AX_OVERLAY_DEFAULT_ENTER_ANIMATION, AX_OVERLAY_DEFAULT_LEAVE_ANIMATION, CONTRAST_CLASSES, MANAGED_OVERLAY_VISUAL_CLASSES, SIZE_CLASSES, THEME_CLASSES, applyOverlayAnimationClasses, applyVisualContext, calculateAnchorPosition, clampToViewport, findBestPosition, fitsInViewport, getAnimationDurationFromClasses, getOverlayAnimationTarget, getOverlayAnimationTimeout, parseCssTimeList, playOverlayLeaveAnimation, prefersReducedMotion, removeOverlayAnimationClasses, resolveContextElement, resolveOverlayAnimation, resolveVisualContext, waitForOverlayAnimationEnd };
|
|
210
|
+
export type { AXOverlayAnchorOptions, AXOverlayAnimation, AXOverlayOptions, AXOverlayRef, AXOverlayResolvedAnimation, AXOverlayVisualContext, AXOverlayVisualContextScope };
|