@acorex/cdk 22.2.13 → 22.2.15
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 +3 -3
- package/fesm2022/acorex-cdk-clipboard.mjs +6 -6
- package/fesm2022/acorex-cdk-common.mjs +91 -91
- package/fesm2022/acorex-cdk-dom.mjs +3 -3
- package/fesm2022/acorex-cdk-drag-drop.mjs +39 -28
- 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 +3 -3
- package/fesm2022/acorex-cdk-gesture.mjs +3 -3
- package/fesm2022/acorex-cdk-highlight.mjs +6 -6
- package/fesm2022/acorex-cdk-horizontal-scroll.mjs +3 -3
- package/fesm2022/acorex-cdk-input-mask.mjs +3 -3
- package/fesm2022/acorex-cdk-list-navigation.mjs +10 -10
- package/fesm2022/acorex-cdk-outline.mjs +6 -6
- package/fesm2022/acorex-cdk-overlay.mjs +3 -3
- 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 +3 -3
- 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 +2 -2
- package/types/acorex-cdk-clipboard.d.ts +1 -1
- package/types/acorex-cdk-common.d.ts +18 -18
- package/types/acorex-cdk-drag-drop.d.ts +4 -2
- package/types/acorex-cdk-overlay.d.ts +1 -1
- package/types/acorex-cdk-uploader.d.ts +1 -1
|
@@ -11,10 +11,10 @@ class AXDragHandleDirective {
|
|
|
11
11
|
this.element = signal(this.el.nativeElement, /* @ts-ignore */
|
|
12
12
|
...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
|
|
13
13
|
}
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
15
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
15
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: AXDragHandleDirective, isStandalone: true, selector: "[axDragHandle]", ngImport: i0 }); }
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDragHandleDirective, decorators: [{
|
|
18
18
|
type: Directive,
|
|
19
19
|
args: [{
|
|
20
20
|
selector: '[axDragHandle]',
|
|
@@ -459,10 +459,10 @@ class AXDropListDirective extends NXComponent {
|
|
|
459
459
|
this._listInitialRect.set(null);
|
|
460
460
|
this._listGap.set(0);
|
|
461
461
|
}
|
|
462
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
463
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.
|
|
462
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDropListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
463
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.6", type: AXDropListDirective, isStandalone: true, selector: "[axDropList]", inputs: { axDropList: { classPropertyName: "axDropList", publicName: "axDropList", isSignal: true, isRequired: false, transformFunction: null }, sortingDisabled: { classPropertyName: "sortingDisabled", publicName: "sortingDisabled", isSignal: true, isRequired: false, transformFunction: null }, dropListGroup: { classPropertyName: "dropListGroup", publicName: "dropListGroup", isSignal: true, isRequired: false, transformFunction: null }, dropListOrientation: { classPropertyName: "dropListOrientation", publicName: "dropListOrientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dropListDropped: "dropListDropped", sortPreviewChanged: "sortPreviewChanged" }, queries: [{ propertyName: "_draggableItems", predicate: AXDragDirective, isSignal: true }], exportAs: ["axDropList"], usesInheritance: true, ngImport: i0 }); }
|
|
464
464
|
}
|
|
465
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDropListDirective, decorators: [{
|
|
466
466
|
type: Directive,
|
|
467
467
|
args: [{
|
|
468
468
|
selector: '[axDropList]',
|
|
@@ -603,7 +603,7 @@ class AXDragDirective {
|
|
|
603
603
|
const cursor = this.dragCursorOverride();
|
|
604
604
|
const disabled = this.isDragDisabled();
|
|
605
605
|
const handle = this.handle();
|
|
606
|
-
if (disabled || cursor === 'none') {
|
|
606
|
+
if (disabled || cursor === 'none' || cursor === 'grab-on-drag') {
|
|
607
607
|
if (!this.isMoving() && !this.holdDelayReady()) {
|
|
608
608
|
this.renderer.removeStyle(handle, 'cursor');
|
|
609
609
|
}
|
|
@@ -671,8 +671,12 @@ class AXDragDirective {
|
|
|
671
671
|
this.renderer.removeStyle(this.element(), 'z-index');
|
|
672
672
|
}
|
|
673
673
|
}
|
|
674
|
+
usesGrabDragCursor() {
|
|
675
|
+
const cursor = this.dragCursorOverride();
|
|
676
|
+
return cursor === 'grab' || cursor === 'grab-on-drag';
|
|
677
|
+
}
|
|
674
678
|
resolveDropCursor(canDrop) {
|
|
675
|
-
if (this.
|
|
679
|
+
if (this.usesGrabDragCursor()) {
|
|
676
680
|
return canDrop ? 'grabbing' : 'not-allowed';
|
|
677
681
|
}
|
|
678
682
|
return canDrop ? 'move' : 'not-allowed';
|
|
@@ -701,17 +705,19 @@ class AXDragDirective {
|
|
|
701
705
|
scheduleHoldDelayFeedback() {
|
|
702
706
|
this.clearHoldDelayTimer();
|
|
703
707
|
const delay = this.startDelay();
|
|
704
|
-
|
|
708
|
+
const cursorMode = this.dragCursorOverride();
|
|
709
|
+
if (delay <= 0 || (cursorMode !== 'grab' && cursorMode !== 'grab-on-drag')) {
|
|
705
710
|
return;
|
|
706
711
|
}
|
|
712
|
+
const readyCursor = cursorMode === 'grab-on-drag' ? 'grab' : 'grabbing';
|
|
707
713
|
this.holdDelayTimer = setTimeout(() => {
|
|
708
714
|
this.holdDelayTimer = null;
|
|
709
715
|
if (!this.isDragging() || this.isMoving() || this.isDragDisabled()) {
|
|
710
716
|
return;
|
|
711
717
|
}
|
|
712
718
|
this.holdDelayReady.set(true);
|
|
713
|
-
this.renderer.setStyle(this.handle(), 'cursor',
|
|
714
|
-
this.setActiveDragCursor(
|
|
719
|
+
this.renderer.setStyle(this.handle(), 'cursor', readyCursor);
|
|
720
|
+
this.setActiveDragCursor(readyCursor);
|
|
715
721
|
}, delay);
|
|
716
722
|
}
|
|
717
723
|
setElementDropCursor(element, cursor) {
|
|
@@ -809,13 +815,20 @@ class AXDragDirective {
|
|
|
809
815
|
this.activePointerId.set(null);
|
|
810
816
|
this.removeDocumentListeners();
|
|
811
817
|
this.renderer.removeStyle(this.handle(), 'userSelect');
|
|
812
|
-
|
|
818
|
+
this.resetHandleCursorAfterDrag();
|
|
819
|
+
this.clearActiveDragCursor();
|
|
820
|
+
}
|
|
821
|
+
resetHandleCursorAfterDrag() {
|
|
822
|
+
const cursorMode = this.dragCursorOverride();
|
|
823
|
+
if (cursorMode === 'grab') {
|
|
813
824
|
this.renderer.setStyle(this.handle(), 'cursor', 'grab');
|
|
814
825
|
}
|
|
815
|
-
|
|
826
|
+
else if (cursorMode === 'grab-on-drag') {
|
|
827
|
+
this.renderer.removeStyle(this.handle(), 'cursor');
|
|
828
|
+
}
|
|
816
829
|
}
|
|
817
830
|
startDrag(e) {
|
|
818
|
-
if (this.
|
|
831
|
+
if (this.usesGrabDragCursor()) {
|
|
819
832
|
this.renderer.setStyle(this.handle(), 'cursor', 'grabbing');
|
|
820
833
|
this.setActiveDragCursor('grabbing');
|
|
821
834
|
}
|
|
@@ -848,9 +861,7 @@ class AXDragDirective {
|
|
|
848
861
|
return;
|
|
849
862
|
}
|
|
850
863
|
this.clearHoldDelayTimer();
|
|
851
|
-
|
|
852
|
-
this.renderer.setStyle(this.handle(), 'cursor', 'grab');
|
|
853
|
-
}
|
|
864
|
+
this.resetHandleCursorAfterDrag();
|
|
854
865
|
this.clearActiveDragCursor();
|
|
855
866
|
const wasMoving = this.isMoving();
|
|
856
867
|
this.isMoving.set(false);
|
|
@@ -921,7 +932,7 @@ class AXDragDirective {
|
|
|
921
932
|
if (listUnderPointer) {
|
|
922
933
|
const cloneEl = this.clonedElement();
|
|
923
934
|
const cursor = this.resolveDropCursor(!!canDrop);
|
|
924
|
-
if (this.
|
|
935
|
+
if (this.usesGrabDragCursor()) {
|
|
925
936
|
this.setActiveDragCursor(cursor);
|
|
926
937
|
}
|
|
927
938
|
else if (cloneEl) {
|
|
@@ -1345,10 +1356,10 @@ class AXDragDirective {
|
|
|
1345
1356
|
this.document.removeEventListener('pointercancel', this.boundHandlePointerUp);
|
|
1346
1357
|
});
|
|
1347
1358
|
}
|
|
1348
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1349
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.
|
|
1359
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDragDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1360
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.6", type: AXDragDirective, isStandalone: true, selector: "[axDrag]", inputs: { axDrag: { classPropertyName: "axDrag", publicName: "axDrag", isSignal: true, isRequired: false, transformFunction: null }, dragData: { classPropertyName: "dragData", publicName: "dragData", isSignal: true, isRequired: false, transformFunction: null }, dragDisabled: { classPropertyName: "dragDisabled", publicName: "dragDisabled", isSignal: true, isRequired: false, transformFunction: null }, dragTransition: { classPropertyName: "dragTransition", publicName: "dragTransition", isSignal: true, isRequired: false, transformFunction: null }, dragElementClone: { classPropertyName: "dragElementClone", publicName: "dragElementClone", isSignal: true, isRequired: false, transformFunction: null }, dropZoneGroup: { classPropertyName: "dropZoneGroup", publicName: "dropZoneGroup", isSignal: true, isRequired: false, transformFunction: null }, dragStartDelay: { classPropertyName: "dragStartDelay", publicName: "dragStartDelay", isSignal: true, isRequired: false, transformFunction: null }, dragResetOnDblClick: { classPropertyName: "dragResetOnDblClick", publicName: "dragResetOnDblClick", isSignal: true, isRequired: false, transformFunction: null }, dragLockAxis: { classPropertyName: "dragLockAxis", publicName: "dragLockAxis", isSignal: true, isRequired: false, transformFunction: null }, dragClonedTemplate: { classPropertyName: "dragClonedTemplate", publicName: "dragClonedTemplate", isSignal: true, isRequired: false, transformFunction: null }, dragCursor: { classPropertyName: "dragCursor", publicName: "dragCursor", isSignal: true, isRequired: false, transformFunction: null }, dragBoundary: { classPropertyName: "dragBoundary", publicName: "dragBoundary", isSignal: true, isRequired: false, transformFunction: null }, dragTransitionDuration: { classPropertyName: "dragTransitionDuration", publicName: "dragTransitionDuration", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dragPositionChanged: "dragPositionChanged" }, queries: [{ propertyName: "handleDirective", first: true, predicate: AXDragHandleDirective, descendants: true, isSignal: true }], ngImport: i0 }); }
|
|
1350
1361
|
}
|
|
1351
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1362
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDragDirective, decorators: [{
|
|
1352
1363
|
type: Directive,
|
|
1353
1364
|
args: [{
|
|
1354
1365
|
selector: '[axDrag]',
|
|
@@ -1370,10 +1381,10 @@ class AXDropZoneDirective extends NXComponent {
|
|
|
1370
1381
|
ngOnInit() {
|
|
1371
1382
|
this.element().dataset['axDropZone'] = 'true';
|
|
1372
1383
|
}
|
|
1373
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1374
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.
|
|
1384
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDropZoneDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1385
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: AXDropZoneDirective, isStandalone: true, selector: "[axDropZone]", inputs: { dropZoneGroup: { classPropertyName: "dropZoneGroup", publicName: "dropZoneGroup", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onElementDrop: "onElementDrop", onElementHover: "onElementHover" }, exportAs: ["axDropZone"], usesInheritance: true, ngImport: i0 }); }
|
|
1375
1386
|
}
|
|
1376
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1387
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDropZoneDirective, decorators: [{
|
|
1377
1388
|
type: Directive,
|
|
1378
1389
|
args: [{
|
|
1379
1390
|
selector: '[axDropZone]',
|
|
@@ -1383,11 +1394,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
1383
1394
|
|
|
1384
1395
|
const COMPONENT = [AXDragDirective, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective];
|
|
1385
1396
|
class AXDragDropModule {
|
|
1386
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.
|
|
1387
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.
|
|
1388
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.
|
|
1397
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1398
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AXDragDropModule, imports: [AXDragDirective, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective], exports: [AXDragDirective, AXDragHandleDirective, AXDropListDirective, AXDropZoneDirective] }); }
|
|
1399
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDragDropModule }); }
|
|
1389
1400
|
}
|
|
1390
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.
|
|
1401
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AXDragDropModule, decorators: [{
|
|
1391
1402
|
type: NgModule,
|
|
1392
1403
|
args: [{
|
|
1393
1404
|
imports: [...COMPONENT],
|