@acorex/cdk 20.1.13 → 20.1.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/accordion/index.d.ts +6 -6
- package/fesm2022/acorex-cdk-accordion.mjs +62 -64
- package/fesm2022/acorex-cdk-accordion.mjs.map +1 -1
- package/fesm2022/acorex-cdk-carousel.mjs +6 -6
- package/fesm2022/acorex-cdk-carousel.mjs.map +1 -1
- package/fesm2022/acorex-cdk-clipboard.mjs +7 -7
- package/fesm2022/acorex-cdk-clipboard.mjs.map +1 -1
- package/fesm2022/acorex-cdk-common.mjs +114 -114
- package/fesm2022/acorex-cdk-common.mjs.map +1 -1
- package/fesm2022/acorex-cdk-dom.mjs +3 -3
- package/fesm2022/acorex-cdk-dom.mjs.map +1 -1
- package/fesm2022/acorex-cdk-drag-drop.mjs +64 -64
- package/fesm2022/acorex-cdk-drag-drop.mjs.map +1 -1
- package/fesm2022/acorex-cdk-drawer.mjs +22 -22
- package/fesm2022/acorex-cdk-drawer.mjs.map +1 -1
- package/fesm2022/acorex-cdk-focus-trap.mjs +4 -4
- package/fesm2022/acorex-cdk-focus-trap.mjs.map +1 -1
- package/fesm2022/acorex-cdk-input-mask.mjs +10 -10
- package/fesm2022/acorex-cdk-input-mask.mjs.map +1 -1
- package/fesm2022/acorex-cdk-list-navigation.mjs +18 -18
- package/fesm2022/acorex-cdk-list-navigation.mjs.map +1 -1
- package/fesm2022/acorex-cdk-outline.mjs +22 -22
- package/fesm2022/acorex-cdk-outline.mjs.map +1 -1
- package/fesm2022/acorex-cdk-overlay.mjs +3 -3
- package/fesm2022/acorex-cdk-overlay.mjs.map +1 -1
- package/fesm2022/acorex-cdk-pan-view.mjs +19 -19
- package/fesm2022/acorex-cdk-pan-view.mjs.map +1 -1
- package/fesm2022/acorex-cdk-resizable.mjs +11 -11
- package/fesm2022/acorex-cdk-resizable.mjs.map +1 -1
- package/fesm2022/acorex-cdk-selection.mjs +19 -19
- package/fesm2022/acorex-cdk-selection.mjs.map +1 -1
- package/fesm2022/acorex-cdk-sliding-item.mjs +15 -15
- package/fesm2022/acorex-cdk-sliding-item.mjs.map +1 -1
- package/fesm2022/acorex-cdk-sticky.mjs +3 -3
- package/fesm2022/acorex-cdk-sticky.mjs.map +1 -1
- package/fesm2022/acorex-cdk-virtual-scroll.mjs +17 -17
- package/fesm2022/acorex-cdk-virtual-scroll.mjs.map +1 -1
- package/fesm2022/acorex-cdk-wysiwyg.mjs +1 -1
- package/fesm2022/acorex-cdk-wysiwyg.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -23,10 +23,10 @@ class AXDomChangeDirective {
|
|
|
23
23
|
this.mutationObserver.disconnect();
|
|
24
24
|
this.resizeObserver.disconnect();
|
|
25
25
|
}
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
27
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: AXDomChangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
27
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: AXDomChangeDirective, isStandalone: true, selector: "[axDomChange]", outputs: { axMutationObserver: "axMutationObserver", axResizeObserver: "axResizeObserver" }, ngImport: i0 }); }
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: AXDomChangeDirective, decorators: [{
|
|
30
30
|
type: Directive,
|
|
31
31
|
args: [{
|
|
32
32
|
selector: '[axDomChange]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"acorex-cdk-dom.mjs","sources":["../tmp-esm2022/dom/lib/dom-change.directive.js","../tmp-esm2022/dom/acorex-cdk-dom.js"],"sourcesContent":["import { Directive, ElementRef, inject, output } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nexport class AXDomChangeDirective {\n constructor() {\n this.elementRef = inject(ElementRef);\n this.axMutationObserver = output();\n this.axResizeObserver = output();\n this.mutationObserver = new MutationObserver((mutations) => {\n this.axMutationObserver.emit(mutations);\n });\n this.resizeObserver = new ResizeObserver((entries) => {\n this.axResizeObserver.emit(entries);\n });\n this.mutationObserver.observe(this.elementRef.nativeElement, {\n attributes: true,\n });\n this.resizeObserver.observe(this.elementRef.nativeElement, {\n box: 'border-box',\n });\n }\n ngOnDestroy() {\n this.mutationObserver.disconnect();\n this.resizeObserver.disconnect();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.
|
|
1
|
+
{"version":3,"file":"acorex-cdk-dom.mjs","sources":["../tmp-esm2022/dom/lib/dom-change.directive.js","../tmp-esm2022/dom/acorex-cdk-dom.js"],"sourcesContent":["import { Directive, ElementRef, inject, output } from '@angular/core';\nimport * as i0 from \"@angular/core\";\nexport class AXDomChangeDirective {\n constructor() {\n this.elementRef = inject(ElementRef);\n this.axMutationObserver = output();\n this.axResizeObserver = output();\n this.mutationObserver = new MutationObserver((mutations) => {\n this.axMutationObserver.emit(mutations);\n });\n this.resizeObserver = new ResizeObserver((entries) => {\n this.axResizeObserver.emit(entries);\n });\n this.mutationObserver.observe(this.elementRef.nativeElement, {\n attributes: true,\n });\n this.resizeObserver.observe(this.elementRef.nativeElement, {\n box: 'border-box',\n });\n }\n ngOnDestroy() {\n this.mutationObserver.disconnect();\n this.resizeObserver.disconnect();\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.1.2\", ngImport: i0, type: AXDomChangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }\n static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"14.0.0\", version: \"20.1.2\", type: AXDomChangeDirective, isStandalone: true, selector: \"[axDomChange]\", outputs: { axMutationObserver: \"axMutationObserver\", axResizeObserver: \"axResizeObserver\" }, ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.1.2\", ngImport: i0, type: AXDomChangeDirective, decorators: [{\n type: Directive,\n args: [{\n selector: '[axDomChange]',\n }]\n }], ctorParameters: () => [] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tLWNoYW5nZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jZGsvZG9tL3NyYy9saWIvZG9tLWNoYW5nZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFhLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLakYsTUFBTSxPQUFPLG9CQUFvQjtJQU8vQjtRQUpRLGVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDakMsdUJBQWtCLEdBQUcsTUFBTSxFQUFvQixDQUFDO1FBQ2hELHFCQUFnQixHQUFHLE1BQU0sRUFBeUIsQ0FBQztRQUd4RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxnQkFBZ0IsQ0FBQyxDQUFDLFNBQTJCLEVBQUUsRUFBRTtZQUMzRSxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzFDLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLGNBQWMsQ0FBQyxDQUFDLE9BQThCLEVBQUUsRUFBRTtZQUMxRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3RDLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRTtZQUMzRCxVQUFVLEVBQUUsSUFBSTtTQUNqQixDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRTtZQUN6RCxHQUFHLEVBQUUsWUFBWTtTQUNsQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNuQyxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ25DLENBQUM7OEdBNUJVLG9CQUFvQjtrR0FBcEIsb0JBQW9COzsyRkFBcEIsb0JBQW9CO2tCQUhoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO2lCQUMxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgaW5qZWN0LCBPbkRlc3Ryb3ksIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYXhEb21DaGFuZ2VdJyxcbn0pXG5leHBvcnQgY2xhc3MgQVhEb21DaGFuZ2VEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBwcml2YXRlIG11dGF0aW9uT2JzZXJ2ZXI6IE11dGF0aW9uT2JzZXJ2ZXI7XG4gIHByaXZhdGUgcmVzaXplT2JzZXJ2ZXI6IFJlc2l6ZU9ic2VydmVyO1xuICBwcml2YXRlIGVsZW1lbnRSZWYgPSBpbmplY3QoRWxlbWVudFJlZik7XG4gIHB1YmxpYyBheE11dGF0aW9uT2JzZXJ2ZXIgPSBvdXRwdXQ8TXV0YXRpb25SZWNvcmRbXT4oKTtcbiAgcHVibGljIGF4UmVzaXplT2JzZXJ2ZXIgPSBvdXRwdXQ8UmVzaXplT2JzZXJ2ZXJFbnRyeVtdPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMubXV0YXRpb25PYnNlcnZlciA9IG5ldyBNdXRhdGlvbk9ic2VydmVyKChtdXRhdGlvbnM6IE11dGF0aW9uUmVjb3JkW10pID0+IHtcbiAgICAgIHRoaXMuYXhNdXRhdGlvbk9ic2VydmVyLmVtaXQobXV0YXRpb25zKTtcbiAgICB9KTtcblxuICAgIHRoaXMucmVzaXplT2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKGVudHJpZXM6IFJlc2l6ZU9ic2VydmVyRW50cnlbXSkgPT4ge1xuICAgICAgdGhpcy5heFJlc2l6ZU9ic2VydmVyLmVtaXQoZW50cmllcyk7XG4gICAgfSk7XG5cbiAgICB0aGlzLm11dGF0aW9uT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwge1xuICAgICAgYXR0cmlidXRlczogdHJ1ZSxcbiAgICB9KTtcblxuICAgIHRoaXMucmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwge1xuICAgICAgYm94OiAnYm9yZGVyLWJveCcsXG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLm11dGF0aW9uT2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICAgIHRoaXMucmVzaXplT2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICB9XG59XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNkay1kb20uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jZGsvZG9tL3NyYy9hY29yZXgtY2RrLWRvbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":";;;AAEO,MAAM,oBAAoB,CAAC;AAClC,IAAI,WAAW,GAAG;AAClB,QAAQ,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC5C,QAAQ,IAAI,CAAC,kBAAkB,GAAG,MAAM,EAAE;AAC1C,QAAQ,IAAI,CAAC,gBAAgB,GAAG,MAAM,EAAE;AACxC,QAAQ,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAAS,KAAK;AACpE,YAAY,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC;AACnD,SAAS,CAAC;AACV,QAAQ,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,KAAK;AAC9D,YAAY,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC;AAC/C,SAAS,CAAC;AACV,QAAQ,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;AACrE,YAAY,UAAU,EAAE,IAAI;AAC5B,SAAS,CAAC;AACV,QAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;AACnE,YAAY,GAAG,EAAE,YAAY;AAC7B,SAAS,CAAC;AACV;AACA,IAAI,WAAW,GAAG;AAClB,QAAQ,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE;AAC1C,QAAQ,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;AACxC;AACA,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AACtL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,oBAAoB,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;AACpR;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,UAAU,EAAE,CAAC;AAC9H,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,QAAQ,EAAE,eAAe;AAC7C,iBAAiB;AACjB,SAAS,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE,CAAC;;AChCvC;AACA;AACA;;;;"}
|
|
@@ -7,12 +7,12 @@ import { NXComponent } from '@acorex/cdk/common';
|
|
|
7
7
|
class AXDragHandleDirective {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.el = inject(ElementRef);
|
|
10
|
-
this.element = signal(this.el.nativeElement);
|
|
10
|
+
this.element = signal(this.el.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : []));
|
|
11
11
|
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
13
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: AXDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
13
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: AXDragHandleDirective, isStandalone: true, selector: "[axDragHandle]", ngImport: i0 }); }
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: AXDragHandleDirective, decorators: [{
|
|
16
16
|
type: Directive,
|
|
17
17
|
args: [{
|
|
18
18
|
selector: '[axDragHandle]',
|
|
@@ -38,28 +38,28 @@ class AXDropListDirective extends NXComponent {
|
|
|
38
38
|
this._hostEl = inject(ElementRef);
|
|
39
39
|
// --- Public API: Inputs and Outputs ---
|
|
40
40
|
/** Whether sorting within this list is disabled. */
|
|
41
|
-
this.sortingDisabled = input(false);
|
|
41
|
+
this.sortingDisabled = input(false, ...(ngDevMode ? [{ debugName: "sortingDisabled" }] : []));
|
|
42
42
|
/** The group this drop list belongs to. Dragging is only allowed between lists of the same group. */
|
|
43
|
-
this.dropListGroup = input();
|
|
43
|
+
this.dropListGroup = input(...(ngDevMode ? [undefined, { debugName: "dropListGroup" }] : []));
|
|
44
44
|
/** The layout orientation of the list. */
|
|
45
|
-
this.dropListOrientation = input('vertical');
|
|
45
|
+
this.dropListOrientation = input('vertical', ...(ngDevMode ? [{ debugName: "dropListOrientation" }] : []));
|
|
46
46
|
/** Emits when an item is dropped into the list. */
|
|
47
47
|
this.dropListDropped = output();
|
|
48
48
|
/** The `axDrag` directives that are direct children of this list. */
|
|
49
|
-
this._draggableItems = contentChildren(AXDragDirective, { descendants: false });
|
|
49
|
+
this._draggableItems = contentChildren(AXDragDirective, ...(ngDevMode ? [{ debugName: "_draggableItems", descendants: false }] : [{ descendants: false }]));
|
|
50
50
|
// --- Internal State Management ---
|
|
51
51
|
/** The native element of the drop list. */
|
|
52
52
|
this.element = this._hostEl.nativeElement;
|
|
53
53
|
/** The draggable item currently being moved over this list. */
|
|
54
|
-
this._activeDragItem = signal(null);
|
|
54
|
+
this._activeDragItem = signal(null, ...(ngDevMode ? [{ debugName: "_activeDragItem" }] : []));
|
|
55
55
|
/** The calculated index where the placeholder/item should be. */
|
|
56
|
-
this._placeholderIndex = signal(-1);
|
|
56
|
+
this._placeholderIndex = signal(-1, ...(ngDevMode ? [{ debugName: "_placeholderIndex" }] : []));
|
|
57
57
|
/** A snapshot of the items' data and geometry at the start of the drag. */
|
|
58
|
-
this._cachedItems = signal([]);
|
|
58
|
+
this._cachedItems = signal([], ...(ngDevMode ? [{ debugName: "_cachedItems" }] : []));
|
|
59
59
|
/** The list's initial bounding box, used to calculate scroll delta. */
|
|
60
|
-
this._listInitialRect = signal(null);
|
|
60
|
+
this._listInitialRect = signal(null, ...(ngDevMode ? [{ debugName: "_listInitialRect" }] : []));
|
|
61
61
|
/** The detected `gap` of the list for the current orientation. */
|
|
62
|
-
this._listGap = signal(0);
|
|
62
|
+
this._listGap = signal(0, ...(ngDevMode ? [{ debugName: "_listGap" }] : []));
|
|
63
63
|
/** A signal-based alias for the orientation input for internal use. */
|
|
64
64
|
this._orientation = this.dropListOrientation;
|
|
65
65
|
}
|
|
@@ -366,10 +366,10 @@ class AXDropListDirective extends NXComponent {
|
|
|
366
366
|
this._listInitialRect.set(null);
|
|
367
367
|
this._listGap.set(0);
|
|
368
368
|
}
|
|
369
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
370
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.
|
|
369
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: AXDropListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
370
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.1.2", type: AXDropListDirective, isStandalone: true, selector: "[axDropList]", inputs: { 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" }, queries: [{ propertyName: "_draggableItems", predicate: AXDragDirective, isSignal: true }], exportAs: ["axDropList"], usesInheritance: true, ngImport: i0 }); }
|
|
371
371
|
}
|
|
372
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
372
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: AXDropListDirective, decorators: [{
|
|
373
373
|
type: Directive,
|
|
374
374
|
args: [{
|
|
375
375
|
selector: '[axDropList]',
|
|
@@ -386,39 +386,39 @@ class AXDragDirective {
|
|
|
386
386
|
this.platformId = inject(PLATFORM_ID);
|
|
387
387
|
this.viewContainerRef = inject(ViewContainerRef);
|
|
388
388
|
this.el = inject(ElementRef);
|
|
389
|
-
this.handleDirective = contentChild(AXDragHandleDirective);
|
|
390
|
-
this.dragData = input();
|
|
391
|
-
this.dragDisabled = input(false);
|
|
392
|
-
this.dragTransition = input(true);
|
|
393
|
-
this.dragElementClone = input(false);
|
|
394
|
-
this.dropZoneGroup = input();
|
|
395
|
-
this.dragStartDelay = input();
|
|
396
|
-
this.dragResetOnDblClick = input(true);
|
|
397
|
-
this.dragLockAxis = input(null);
|
|
398
|
-
this.dragClonedTemplate = input();
|
|
399
|
-
this.dragCursor = input('move');
|
|
400
|
-
this.dragBoundary = input();
|
|
401
|
-
this.dragTransitionDuration = input(150);
|
|
389
|
+
this.handleDirective = contentChild(AXDragHandleDirective, ...(ngDevMode ? [{ debugName: "handleDirective" }] : []));
|
|
390
|
+
this.dragData = input(...(ngDevMode ? [undefined, { debugName: "dragData" }] : []));
|
|
391
|
+
this.dragDisabled = input(false, ...(ngDevMode ? [{ debugName: "dragDisabled" }] : []));
|
|
392
|
+
this.dragTransition = input(true, ...(ngDevMode ? [{ debugName: "dragTransition" }] : []));
|
|
393
|
+
this.dragElementClone = input(false, ...(ngDevMode ? [{ debugName: "dragElementClone" }] : []));
|
|
394
|
+
this.dropZoneGroup = input(...(ngDevMode ? [undefined, { debugName: "dropZoneGroup" }] : []));
|
|
395
|
+
this.dragStartDelay = input(...(ngDevMode ? [undefined, { debugName: "dragStartDelay" }] : []));
|
|
396
|
+
this.dragResetOnDblClick = input(true, ...(ngDevMode ? [{ debugName: "dragResetOnDblClick" }] : []));
|
|
397
|
+
this.dragLockAxis = input(null, ...(ngDevMode ? [{ debugName: "dragLockAxis" }] : []));
|
|
398
|
+
this.dragClonedTemplate = input(...(ngDevMode ? [undefined, { debugName: "dragClonedTemplate" }] : []));
|
|
399
|
+
this.dragCursor = input('move', ...(ngDevMode ? [{ debugName: "dragCursor" }] : []));
|
|
400
|
+
this.dragBoundary = input(...(ngDevMode ? [undefined, { debugName: "dragBoundary" }] : []));
|
|
401
|
+
this.dragTransitionDuration = input(150, ...(ngDevMode ? [{ debugName: "dragTransitionDuration" }] : []));
|
|
402
402
|
this.dragPositionChanged = output();
|
|
403
|
-
this.isMoving = signal(false);
|
|
404
|
-
this.clonedElement = signal(null);
|
|
405
|
-
this.currentAxis = signal({ x: 0, y: 0 });
|
|
406
|
-
this.currentCloneAxis = signal({ x: 0, y: 0 });
|
|
403
|
+
this.isMoving = signal(false, ...(ngDevMode ? [{ debugName: "isMoving" }] : []));
|
|
404
|
+
this.clonedElement = signal(null, ...(ngDevMode ? [{ debugName: "clonedElement" }] : []));
|
|
405
|
+
this.currentAxis = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "currentAxis" }] : []));
|
|
406
|
+
this.currentCloneAxis = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "currentCloneAxis" }] : []));
|
|
407
407
|
this.transitionDuration = linkedSignal(() => this.dragTransitionDuration());
|
|
408
|
-
this.element = signal(this.el.nativeElement);
|
|
409
|
-
this.dragStartTime = signal(0);
|
|
410
|
-
this.isDragging = signal(false);
|
|
411
|
-
this.elementOpacity = signal('1');
|
|
412
|
-
this.isDelayStarted = signal(false);
|
|
413
|
-
this.movedAfterDelay = signal(false);
|
|
414
|
-
this.activePointerId = signal(null);
|
|
415
|
-
this.prevDropZone = signal(null);
|
|
416
|
-
this.dragStartOffset = signal({ x: 0, y: 0 });
|
|
417
|
-
this.clonePointerOffset = signal({ x: 0, y: 0 });
|
|
418
|
-
this.clonedElementViewRef = signal(null);
|
|
408
|
+
this.element = signal(this.el.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : []));
|
|
409
|
+
this.dragStartTime = signal(0, ...(ngDevMode ? [{ debugName: "dragStartTime" }] : []));
|
|
410
|
+
this.isDragging = signal(false, ...(ngDevMode ? [{ debugName: "isDragging" }] : []));
|
|
411
|
+
this.elementOpacity = signal('1', ...(ngDevMode ? [{ debugName: "elementOpacity" }] : []));
|
|
412
|
+
this.isDelayStarted = signal(false, ...(ngDevMode ? [{ debugName: "isDelayStarted" }] : []));
|
|
413
|
+
this.movedAfterDelay = signal(false, ...(ngDevMode ? [{ debugName: "movedAfterDelay" }] : []));
|
|
414
|
+
this.activePointerId = signal(null, ...(ngDevMode ? [{ debugName: "activePointerId" }] : []));
|
|
415
|
+
this.prevDropZone = signal(null, ...(ngDevMode ? [{ debugName: "prevDropZone" }] : []));
|
|
416
|
+
this.dragStartOffset = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "dragStartOffset" }] : []));
|
|
417
|
+
this.clonePointerOffset = signal({ x: 0, y: 0 }, ...(ngDevMode ? [{ debugName: "clonePointerOffset" }] : []));
|
|
418
|
+
this.clonedElementViewRef = signal(null, ...(ngDevMode ? [{ debugName: "clonedElementViewRef" }] : []));
|
|
419
419
|
this._parentDropList = inject(AXDropListDirective, { optional: true, skipSelf: true, host: false });
|
|
420
|
-
this._currentDropList = signal(null);
|
|
421
|
-
this.createCloneElement = computed(() => this.dragElementClone() || !!this._parentDropList);
|
|
420
|
+
this._currentDropList = signal(null, ...(ngDevMode ? [{ debugName: "_currentDropList" }] : []));
|
|
421
|
+
this.createCloneElement = computed(() => this.dragElementClone() || !!this._parentDropList, ...(ngDevMode ? [{ debugName: "createCloneElement" }] : []));
|
|
422
422
|
this.boundaryElement = computed(() => {
|
|
423
423
|
const boundary = this.dragBoundary();
|
|
424
424
|
if (!boundary) {
|
|
@@ -428,20 +428,20 @@ class AXDragDirective {
|
|
|
428
428
|
return this.document.querySelector(boundary);
|
|
429
429
|
}
|
|
430
430
|
return boundary instanceof ElementRef ? boundary.nativeElement : boundary;
|
|
431
|
-
});
|
|
431
|
+
}, ...(ngDevMode ? [{ debugName: "boundaryElement" }] : []));
|
|
432
432
|
this.elementRect = computed(() => {
|
|
433
433
|
if (!isPlatformBrowser(this.platformId)) {
|
|
434
434
|
return null;
|
|
435
435
|
}
|
|
436
436
|
return this.element().getBoundingClientRect();
|
|
437
|
-
});
|
|
437
|
+
}, ...(ngDevMode ? [{ debugName: "elementRect" }] : []));
|
|
438
438
|
this.boundaryRect = computed(() => {
|
|
439
439
|
if (!isPlatformBrowser(this.platformId)) {
|
|
440
440
|
return null;
|
|
441
441
|
}
|
|
442
442
|
return this.boundaryElement()?.getBoundingClientRect();
|
|
443
|
-
});
|
|
444
|
-
this.handle = computed(() => this.handleDirective()?.element() ?? this.element());
|
|
443
|
+
}, ...(ngDevMode ? [{ debugName: "boundaryRect" }] : []));
|
|
444
|
+
this.handle = computed(() => this.handleDirective()?.element() ?? this.element(), ...(ngDevMode ? [{ debugName: "handle" }] : []));
|
|
445
445
|
this.boundHandleDblClick = this.handleDblClick.bind(this);
|
|
446
446
|
this.boundHandlePointerUp = this.handlePointerUp.bind(this);
|
|
447
447
|
this.boundHandlePointerDown = this.handlePointerDown.bind(this);
|
|
@@ -458,7 +458,7 @@ class AXDragDirective {
|
|
|
458
458
|
this.renderer.removeStyle(this.handle(), 'cursor');
|
|
459
459
|
this.renderer.removeStyle(this.handle(), 'touch-action');
|
|
460
460
|
}
|
|
461
|
-
});
|
|
461
|
+
}, ...(ngDevMode ? [{ debugName: "#dragDisabledEffect" }] : []));
|
|
462
462
|
}
|
|
463
463
|
#dragDisabledEffect;
|
|
464
464
|
ngOnInit() {
|
|
@@ -974,10 +974,10 @@ class AXDragDirective {
|
|
|
974
974
|
this.document.removeEventListener('pointercancel', this.boundHandlePointerUp);
|
|
975
975
|
});
|
|
976
976
|
}
|
|
977
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
978
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.
|
|
977
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: AXDragDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
978
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.1.2", type: AXDragDirective, isStandalone: true, selector: "[axDrag]", inputs: { 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 }); }
|
|
979
979
|
}
|
|
980
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
980
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: AXDragDirective, decorators: [{
|
|
981
981
|
type: Directive,
|
|
982
982
|
args: [{
|
|
983
983
|
selector: '[axDrag]',
|
|
@@ -987,19 +987,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
987
987
|
class AXDropZoneDirective extends NXComponent {
|
|
988
988
|
constructor() {
|
|
989
989
|
super(...arguments);
|
|
990
|
-
this.dropZoneGroup = input();
|
|
991
|
-
this.isHovered = signal(false);
|
|
992
|
-
this.element = signal(this.nativeElement);
|
|
990
|
+
this.dropZoneGroup = input(...(ngDevMode ? [undefined, { debugName: "dropZoneGroup" }] : []));
|
|
991
|
+
this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
|
|
992
|
+
this.element = signal(this.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : []));
|
|
993
993
|
this.onElementDrop = output();
|
|
994
994
|
this.onElementHover = output();
|
|
995
995
|
}
|
|
996
996
|
ngOnInit() {
|
|
997
997
|
this.element().dataset['axDropZone'] = 'true';
|
|
998
998
|
}
|
|
999
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1000
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
999
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: AXDropZoneDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1000
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.2", 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 }); }
|
|
1001
1001
|
}
|
|
1002
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1002
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: AXDropZoneDirective, decorators: [{
|
|
1003
1003
|
type: Directive,
|
|
1004
1004
|
args: [{
|
|
1005
1005
|
selector: '[axDropZone]',
|
|
@@ -1009,11 +1009,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
|
|
|
1009
1009
|
|
|
1010
1010
|
const COMPONENT = [AXDragDirective, AXDragHandleDirective, AXDropZoneDirective];
|
|
1011
1011
|
class AXDragDropModule {
|
|
1012
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1013
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
1014
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
1012
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: AXDragDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1013
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: AXDragDropModule, imports: [AXDragDirective, AXDragHandleDirective, AXDropZoneDirective], exports: [AXDragDirective, AXDragHandleDirective, AXDropZoneDirective] }); }
|
|
1014
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: AXDragDropModule }); }
|
|
1015
1015
|
}
|
|
1016
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1016
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: AXDragDropModule, decorators: [{
|
|
1017
1017
|
type: NgModule,
|
|
1018
1018
|
args: [{
|
|
1019
1019
|
imports: [...COMPONENT],
|