@progress/kendo-angular-sortable 17.0.0-develop.8 → 17.0.0
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/binding.directive.d.ts +1 -1
- package/draggable.directive.d.ts +1 -1
- package/{esm2020 → esm2022}/binding.directive.mjs +14 -8
- package/{esm2020 → esm2022}/data-events.mjs +28 -0
- package/{esm2020 → esm2022}/draggable-event.mjs +8 -0
- package/{esm2020 → esm2022}/draggable.directive.mjs +15 -8
- package/{esm2020 → esm2022}/item-template.directive.mjs +8 -6
- package/{esm2020 → esm2022}/navigate-event.mjs +12 -0
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/preventable-event.mjs +1 -3
- package/{esm2020 → esm2022}/sortable-container.mjs +3 -3
- package/{esm2020 → esm2022}/sortable-events.mjs +8 -14
- package/{esm2020 → esm2022}/sortable.component.mjs +246 -221
- package/{esm2020 → esm2022}/sortable.module.mjs +4 -4
- package/{esm2020 → esm2022}/sortable.service.mjs +51 -44
- package/{fesm2015 → fesm2022}/progress-kendo-angular-sortable.mjs +588 -501
- package/package.json +12 -18
- package/sortable-events.d.ts +0 -24
- package/sortable.component.d.ts +1 -1
- package/fesm2020/progress-kendo-angular-sortable.mjs +0 -2046
- /package/{esm2020 → esm2022}/data-event-args.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-sortable.mjs +0 -0
- /package/{esm2020 → esm2022}/sortable-event-args.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/util.mjs +0 -0
package/binding.directive.d.ts
CHANGED
|
@@ -43,5 +43,5 @@ export declare class SortableBindingDirective implements OnInit, OnDestroy {
|
|
|
43
43
|
ngOnInit(): void;
|
|
44
44
|
ngOnDestroy(): void;
|
|
45
45
|
static ɵfac: i0.ɵɵFactoryDeclaration<SortableBindingDirective, never>;
|
|
46
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<SortableBindingDirective, "[kendoSortableBinding]", never, { "data": "kendoSortableBinding"; }, {}, never, never, true, never>;
|
|
46
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SortableBindingDirective, "[kendoSortableBinding]", never, { "data": { "alias": "kendoSortableBinding"; "required": false; }; }, {}, never, never, true, never>;
|
|
47
47
|
}
|
package/draggable.directive.d.ts
CHANGED
|
@@ -26,5 +26,5 @@ export declare class DraggableDirective implements OnInit {
|
|
|
26
26
|
ngOnInit(): void;
|
|
27
27
|
private updateDisplayStyle;
|
|
28
28
|
static ɵfac: i0.ɵɵFactoryDeclaration<DraggableDirective, never>;
|
|
29
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective, "[kendoDraggable]", never, { "index": "index"; "disabled": "disabled"; "hidden": "hidden"; }, {}, never, never, true, never>;
|
|
29
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective, "[kendoDraggable]", never, { "index": { "alias": "index"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; }, {}, never, never, true, never>;
|
|
30
30
|
}
|
|
@@ -15,11 +15,12 @@ import * as i2 from "./sortable.service";
|
|
|
15
15
|
* This is achieved by subscribing to the Sortable's events and handling them using the API methods it provides.
|
|
16
16
|
*/
|
|
17
17
|
export class SortableBindingDirective {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
sortable;
|
|
19
|
+
sortableService;
|
|
20
|
+
removeHiddenSubscription;
|
|
21
|
+
dragOverSubscription;
|
|
22
|
+
navigateSubscription;
|
|
23
|
+
lastTarget;
|
|
23
24
|
/**
|
|
24
25
|
* Sets a data-bound array that is used as a data source for the Sortable.
|
|
25
26
|
*
|
|
@@ -33,6 +34,11 @@ export class SortableBindingDirective {
|
|
|
33
34
|
set data(data) {
|
|
34
35
|
this.sortable.data = data;
|
|
35
36
|
}
|
|
37
|
+
constructor(sortable, sortableService) {
|
|
38
|
+
this.sortable = sortable;
|
|
39
|
+
this.sortableService = sortableService;
|
|
40
|
+
this.sortableService = sortableService;
|
|
41
|
+
}
|
|
36
42
|
nextEnabledIndex(index, sortable) {
|
|
37
43
|
for (let i = index; i <= sortable.data.length; i++) {
|
|
38
44
|
if (sortable.itemEnabled(i)) {
|
|
@@ -160,10 +166,10 @@ export class SortableBindingDirective {
|
|
|
160
166
|
this.removeHiddenSubscription.unsubscribe();
|
|
161
167
|
}
|
|
162
168
|
}
|
|
169
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableBindingDirective, deps: [{ token: i1.SortableComponent }, { token: i2.SortableService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
170
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SortableBindingDirective, isStandalone: true, selector: "[kendoSortableBinding]", inputs: { data: ["kendoSortableBinding", "data"] }, ngImport: i0 });
|
|
163
171
|
}
|
|
164
|
-
|
|
165
|
-
SortableBindingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SortableBindingDirective, isStandalone: true, selector: "[kendoSortableBinding]", inputs: { data: ["kendoSortableBinding", "data"] }, ngImport: i0 });
|
|
166
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableBindingDirective, decorators: [{
|
|
172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableBindingDirective, decorators: [{
|
|
167
173
|
type: Directive,
|
|
168
174
|
args: [{
|
|
169
175
|
selector: '[kendoSortableBinding]',
|
|
@@ -7,6 +7,14 @@ import { PreventableEvent } from './preventable-event';
|
|
|
7
7
|
* The arguments for the `SortableComponent` `dataAdd` event.
|
|
8
8
|
*/
|
|
9
9
|
export class DataAddEvent extends PreventableEvent {
|
|
10
|
+
/**
|
|
11
|
+
* The index of the data item.
|
|
12
|
+
*/
|
|
13
|
+
index;
|
|
14
|
+
/**
|
|
15
|
+
* The data item that will be added.
|
|
16
|
+
*/
|
|
17
|
+
dataItem;
|
|
10
18
|
/**
|
|
11
19
|
* @hidden
|
|
12
20
|
*/
|
|
@@ -19,6 +27,14 @@ export class DataAddEvent extends PreventableEvent {
|
|
|
19
27
|
* The arguments for the `SortableComponent` `dataRemove` event.
|
|
20
28
|
*/
|
|
21
29
|
export class DataRemoveEvent extends PreventableEvent {
|
|
30
|
+
/**
|
|
31
|
+
* The index of the data item.
|
|
32
|
+
*/
|
|
33
|
+
index;
|
|
34
|
+
/**
|
|
35
|
+
* The data item that will be removed.
|
|
36
|
+
*/
|
|
37
|
+
dataItem;
|
|
22
38
|
/**
|
|
23
39
|
* @hidden
|
|
24
40
|
*/
|
|
@@ -31,6 +47,18 @@ export class DataRemoveEvent extends PreventableEvent {
|
|
|
31
47
|
* The arguments for the `SortableComponent` `dataMove` event.
|
|
32
48
|
*/
|
|
33
49
|
export class DataMoveEvent extends PreventableEvent {
|
|
50
|
+
/**
|
|
51
|
+
* The index of the data item.
|
|
52
|
+
*/
|
|
53
|
+
index;
|
|
54
|
+
/**
|
|
55
|
+
* The old index of the data item.
|
|
56
|
+
*/
|
|
57
|
+
oldIndex;
|
|
58
|
+
/**
|
|
59
|
+
* The data item that will be removed.
|
|
60
|
+
*/
|
|
61
|
+
dataItem;
|
|
34
62
|
/**
|
|
35
63
|
* @hidden
|
|
36
64
|
*/
|
|
@@ -8,6 +8,14 @@ import { PreventableEvent } from './preventable-event';
|
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
10
|
export class DraggableEvent extends PreventableEvent {
|
|
11
|
+
/**
|
|
12
|
+
* The target DraggableDirective instance.
|
|
13
|
+
*/
|
|
14
|
+
target;
|
|
15
|
+
/**
|
|
16
|
+
* The browser event emitted by the target's native element.
|
|
17
|
+
*/
|
|
18
|
+
originalEvent; //DragEvent | TouchEvent;
|
|
11
19
|
/**
|
|
12
20
|
* @hidden
|
|
13
21
|
*/
|
|
@@ -10,11 +10,11 @@ import * as i1 from "./sortable-container";
|
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
12
|
export class DraggableDirective {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
parent;
|
|
14
|
+
el;
|
|
15
|
+
renderer;
|
|
16
|
+
index;
|
|
17
|
+
disabled;
|
|
18
18
|
set hidden(value) {
|
|
19
19
|
this._hidden = value;
|
|
20
20
|
this.updateDisplayStyle();
|
|
@@ -22,6 +22,7 @@ export class DraggableDirective {
|
|
|
22
22
|
get hidden() {
|
|
23
23
|
return this._hidden;
|
|
24
24
|
}
|
|
25
|
+
_hidden;
|
|
25
26
|
get _focused() {
|
|
26
27
|
return this.disabled ? false : (this.index === this.parent.activeIndex);
|
|
27
28
|
}
|
|
@@ -35,6 +36,12 @@ export class DraggableDirective {
|
|
|
35
36
|
this._display = display;
|
|
36
37
|
this.updateDisplayStyle();
|
|
37
38
|
}
|
|
39
|
+
_display;
|
|
40
|
+
constructor(parent, el, renderer) {
|
|
41
|
+
this.parent = parent;
|
|
42
|
+
this.el = el;
|
|
43
|
+
this.renderer = renderer;
|
|
44
|
+
}
|
|
38
45
|
ngOnInit() {
|
|
39
46
|
const nativeElement = this.el.nativeElement;
|
|
40
47
|
this.display = nativeElement.style.display;
|
|
@@ -48,10 +55,10 @@ export class DraggableDirective {
|
|
|
48
55
|
updateDisplayStyle() {
|
|
49
56
|
this.renderer.setStyle(this.el.nativeElement, 'display', this.display);
|
|
50
57
|
}
|
|
58
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DraggableDirective, deps: [{ token: i1.SortableContainer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
59
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DraggableDirective, isStandalone: true, selector: "[kendoDraggable]", inputs: { index: "index", disabled: "disabled", hidden: "hidden" }, host: { properties: { "class.k-focus": "this._focused", "attr.aria-disabled": "this._disabled" } }, ngImport: i0 });
|
|
51
60
|
}
|
|
52
|
-
|
|
53
|
-
DraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: DraggableDirective, isStandalone: true, selector: "[kendoDraggable]", inputs: { index: "index", disabled: "disabled", hidden: "hidden" }, host: { properties: { "class.k-focus": "this._focused", "attr.aria-disabled": "this._disabled" } }, ngImport: i0 });
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DraggableDirective, decorators: [{
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DraggableDirective, decorators: [{
|
|
55
62
|
type: Directive,
|
|
56
63
|
args: [{
|
|
57
64
|
selector: '[kendoDraggable]',
|
|
@@ -9,13 +9,14 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
11
|
export class ItemTemplateDirective {
|
|
12
|
+
templateRef;
|
|
12
13
|
constructor(templateRef) {
|
|
13
14
|
this.templateRef = templateRef;
|
|
14
15
|
}
|
|
16
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
17
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoSortableItemTemplate]", ngImport: i0 });
|
|
15
18
|
}
|
|
16
|
-
|
|
17
|
-
ItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ItemTemplateDirective, isStandalone: true, selector: "[kendoSortableItemTemplate]", ngImport: i0 });
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ItemTemplateDirective, decorators: [{
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ItemTemplateDirective, decorators: [{
|
|
19
20
|
type: Directive,
|
|
20
21
|
args: [{
|
|
21
22
|
selector: '[kendoSortableItemTemplate]',
|
|
@@ -26,13 +27,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
26
27
|
* @hidden
|
|
27
28
|
*/
|
|
28
29
|
export class PlaceholderTemplateDirective {
|
|
30
|
+
templateRef;
|
|
29
31
|
constructor(templateRef) {
|
|
30
32
|
this.templateRef = templateRef;
|
|
31
33
|
}
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PlaceholderTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
35
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PlaceholderTemplateDirective, isStandalone: true, selector: "[kendoSortablePlaceholderTemplate]", ngImport: i0 });
|
|
32
36
|
}
|
|
33
|
-
|
|
34
|
-
PlaceholderTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PlaceholderTemplateDirective, isStandalone: true, selector: "[kendoSortablePlaceholderTemplate]", ngImport: i0 });
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PlaceholderTemplateDirective, decorators: [{
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PlaceholderTemplateDirective, decorators: [{
|
|
36
38
|
type: Directive,
|
|
37
39
|
args: [{
|
|
38
40
|
selector: '[kendoSortablePlaceholderTemplate]',
|
|
@@ -7,6 +7,18 @@ import { PreventableEvent } from './preventable-event';
|
|
|
7
7
|
* The `navigate` event is emitted when using the keyboard arrows.
|
|
8
8
|
*/
|
|
9
9
|
export class NavigateEvent extends PreventableEvent {
|
|
10
|
+
/**
|
|
11
|
+
* The index of the draggable item.
|
|
12
|
+
*/
|
|
13
|
+
index;
|
|
14
|
+
/**
|
|
15
|
+
* The old index of the draggable item.
|
|
16
|
+
*/
|
|
17
|
+
oldIndex;
|
|
18
|
+
/**
|
|
19
|
+
* Indicates whether the ctrl or meta keys are pressed.
|
|
20
|
+
*/
|
|
21
|
+
ctrlKey;
|
|
10
22
|
/**
|
|
11
23
|
* @hidden
|
|
12
24
|
*/
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-sortable',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '17.0.0
|
|
12
|
+
publishDate: 1731414213,
|
|
13
|
+
version: '17.0.0',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -8,9 +8,9 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
10
|
export class SortableContainer {
|
|
11
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableContainer, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
12
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableContainer });
|
|
11
13
|
}
|
|
12
|
-
|
|
13
|
-
SortableContainer.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableContainer });
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableContainer, decorators: [{
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableContainer, decorators: [{
|
|
15
15
|
type: Injectable
|
|
16
16
|
}] });
|
|
@@ -7,6 +7,14 @@ import { PreventableEvent } from './preventable-event';
|
|
|
7
7
|
* Arguments for the `dragStart` event.
|
|
8
8
|
*/
|
|
9
9
|
export class DragStartEvent extends PreventableEvent {
|
|
10
|
+
/**
|
|
11
|
+
* The index of the draggable item.
|
|
12
|
+
*/
|
|
13
|
+
index;
|
|
14
|
+
/**
|
|
15
|
+
* The old index of the draggable item.
|
|
16
|
+
*/
|
|
17
|
+
oldIndex;
|
|
10
18
|
/**
|
|
11
19
|
* @hidden
|
|
12
20
|
*/
|
|
@@ -19,23 +27,9 @@ export class DragStartEvent extends PreventableEvent {
|
|
|
19
27
|
* Arguments for the `dragOver` event.
|
|
20
28
|
*/
|
|
21
29
|
export class DragOverEvent extends DragStartEvent {
|
|
22
|
-
/**
|
|
23
|
-
* @hidden
|
|
24
|
-
*/
|
|
25
|
-
constructor(options) {
|
|
26
|
-
super(options);
|
|
27
|
-
Object.assign(this, options);
|
|
28
|
-
}
|
|
29
30
|
}
|
|
30
31
|
/**
|
|
31
32
|
* Arguments for the `dragEnd` event.
|
|
32
33
|
*/
|
|
33
34
|
export class DragEndEvent extends DragOverEvent {
|
|
34
|
-
/**
|
|
35
|
-
* @hidden
|
|
36
|
-
*/
|
|
37
|
-
constructor(options) {
|
|
38
|
-
super(options);
|
|
39
|
-
Object.assign(this, options);
|
|
40
|
-
}
|
|
41
35
|
}
|