@progress/kendo-angular-sortable 4.0.7-dev.202203091022 → 5.0.0-dev.202204131843
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/{dist/es2015/binding.directive.d.ts → binding.directive.d.ts} +4 -1
- package/bundles/kendo-angular-sortable.umd.js +5 -0
- package/{dist/es2015/data-event-args.interface.d.ts → data-event-args.interface.d.ts} +0 -0
- package/{dist/es2015/data-events.d.ts → data-events.d.ts} +0 -0
- package/{dist/es2015/draggable-event.d.ts → draggable-event.d.ts} +0 -0
- package/{dist/es2015/draggable.directive.d.ts → draggable.directive.d.ts} +11 -4
- package/{dist/es2015 → esm2015}/binding.directive.js +16 -18
- package/{dist/es2015 → esm2015}/data-event-args.interface.js +1 -0
- package/{dist/es2015 → esm2015}/data-events.js +0 -0
- package/{dist/es2015 → esm2015}/draggable-event.js +0 -0
- package/esm2015/draggable.directive.js +71 -0
- package/esm2015/item-template.directive.js +39 -0
- package/{dist/es/index.js → esm2015/kendo-angular-sortable.js} +0 -0
- package/{dist/es → esm2015}/main.js +0 -0
- package/{dist/es2015 → esm2015}/navigate-event.js +0 -0
- package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
- package/{dist/es2015 → esm2015}/preventable-event.js +0 -0
- package/esm2015/sortable-container.js +16 -0
- package/{dist/es2015 → esm2015}/sortable-event-args.interface.js +1 -0
- package/{dist/es2015 → esm2015}/sortable-events.js +0 -0
- package/{dist/es2015 → esm2015}/sortable.component.js +162 -179
- package/{dist/es2015 → esm2015}/sortable.module.js +23 -12
- package/{dist/es2015 → esm2015}/sortable.service.js +9 -11
- package/{dist/es2015 → esm2015}/util.js +0 -3
- package/{dist/fesm2015/index.js → fesm2015/kendo-angular-sortable.js} +406 -407
- package/{dist/es2015/item-template.directive.d.ts → item-template.directive.d.ts} +5 -0
- package/{dist/es2015/index.d.ts → kendo-angular-sortable.d.ts} +1 -0
- package/{dist/es2015/main.d.ts → main.d.ts} +0 -0
- package/{dist/es2015/navigate-event.d.ts → navigate-event.d.ts} +0 -0
- package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
- package/package.json +32 -92
- package/{dist/es2015/preventable-event.d.ts → preventable-event.d.ts} +0 -0
- package/schematics/ngAdd/index.js +5 -2
- package/schematics/ngAdd/index.js.map +1 -1
- package/{dist/es2015/sortable-container.d.ts → sortable-container.d.ts} +3 -0
- package/{dist/es2015/sortable-event-args.interface.d.ts → sortable-event-args.interface.d.ts} +0 -0
- package/{dist/es2015/sortable-events.d.ts → sortable-events.d.ts} +0 -0
- package/{dist/es2015/sortable.component.d.ts → sortable.component.d.ts} +13 -8
- package/{dist/es2015/sortable.module.d.ts → sortable.module.d.ts} +9 -0
- package/{dist/es2015/sortable.service.d.ts → sortable.service.d.ts} +5 -1
- package/{dist/es2015/util.d.ts → util.d.ts} +0 -0
- package/dist/cdn/js/kendo-angular-sortable.js +0 -20
- package/dist/cdn/main.js +0 -5
- package/dist/es/binding.directive.js +0 -177
- package/dist/es/data-event-args.interface.js +0 -4
- package/dist/es/data-events.js +0 -54
- package/dist/es/draggable-event.js +0 -23
- package/dist/es/draggable.directive.js +0 -88
- package/dist/es/item-template.directive.js +0 -39
- package/dist/es/navigate-event.js +0 -22
- package/dist/es/package-metadata.js +0 -15
- package/dist/es/preventable-event.js +0 -34
- package/dist/es/sortable-container.js +0 -18
- package/dist/es/sortable-event-args.interface.js +0 -4
- package/dist/es/sortable-events.js +0 -54
- package/dist/es/sortable.component.js +0 -1075
- package/dist/es/sortable.module.js +0 -64
- package/dist/es/sortable.service.js +0 -236
- package/dist/es/util.js +0 -144
- package/dist/es2015/draggable.directive.js +0 -75
- package/dist/es2015/index.js +0 -8
- package/dist/es2015/index.metadata.json +0 -1
- package/dist/es2015/item-template.directive.js +0 -37
- package/dist/es2015/main.js +0 -17
- package/dist/es2015/sortable-container.js +0 -15
- package/dist/fesm5/index.js +0 -1944
- package/dist/npm/binding.directive.js +0 -179
- package/dist/npm/data-event-args.interface.js +0 -6
- package/dist/npm/data-events.js +0 -56
- package/dist/npm/draggable-event.js +0 -25
- package/dist/npm/draggable.directive.js +0 -90
- package/dist/npm/index.js +0 -11
- package/dist/npm/item-template.directive.js +0 -41
- package/dist/npm/main.js +0 -34
- package/dist/npm/navigate-event.js +0 -24
- package/dist/npm/package-metadata.js +0 -17
- package/dist/npm/preventable-event.js +0 -36
- package/dist/npm/sortable-container.js +0 -20
- package/dist/npm/sortable-event-args.interface.js +0 -6
- package/dist/npm/sortable-events.js +0 -56
- package/dist/npm/sortable.component.js +0 -1077
- package/dist/npm/sortable.module.js +0 -66
- package/dist/npm/sortable.service.js +0 -238
- package/dist/npm/util.js +0 -147
- package/dist/systemjs/kendo-angular-sortable.js +0 -5
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
|
-
import { NgModule } from '@angular/core';
|
|
7
|
-
import { CommonModule } from '@angular/common';
|
|
8
|
-
import { SortableComponent } from './sortable.component';
|
|
9
|
-
import { SortableService } from "./sortable.service";
|
|
10
|
-
import { DraggableDirective } from "./draggable.directive";
|
|
11
|
-
import { PlaceholderTemplateDirective } from './item-template.directive';
|
|
12
|
-
import { ItemTemplateDirective } from './item-template.directive';
|
|
13
|
-
import { SortableBindingDirective } from "./binding.directive";
|
|
14
|
-
var COMPONENT_DIRECTIVES = [
|
|
15
|
-
SortableComponent,
|
|
16
|
-
DraggableDirective,
|
|
17
|
-
PlaceholderTemplateDirective,
|
|
18
|
-
ItemTemplateDirective,
|
|
19
|
-
SortableBindingDirective
|
|
20
|
-
];
|
|
21
|
-
/**
|
|
22
|
-
*
|
|
23
|
-
* Represents the [`NgModule`]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
24
|
-
* definition for the Sortable component.
|
|
25
|
-
*
|
|
26
|
-
* @example
|
|
27
|
-
*
|
|
28
|
-
* ```ts-no-run
|
|
29
|
-
* import { NgModule } from '@angular/core';
|
|
30
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
31
|
-
*
|
|
32
|
-
* // Import the Sortable module
|
|
33
|
-
* import { SortableModule } from '@progress/kendo-angular-sortable';
|
|
34
|
-
*
|
|
35
|
-
* // Import the app component
|
|
36
|
-
* import { AppComponent } from './app.component';
|
|
37
|
-
*
|
|
38
|
-
* // Define the app module
|
|
39
|
-
* _@NgModule({
|
|
40
|
-
* declarations: [AppComponent],
|
|
41
|
-
* imports: [BrowserModule, SortableModule],
|
|
42
|
-
* bootstrap: [AppComponent]
|
|
43
|
-
* })
|
|
44
|
-
* export class AppModule {}
|
|
45
|
-
*
|
|
46
|
-
* // Compile and launch the module
|
|
47
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
48
|
-
*
|
|
49
|
-
* ```
|
|
50
|
-
*/
|
|
51
|
-
var SortableModule = /** @class */ (function () {
|
|
52
|
-
function SortableModule() {
|
|
53
|
-
}
|
|
54
|
-
SortableModule = tslib_1.__decorate([
|
|
55
|
-
NgModule({
|
|
56
|
-
declarations: [COMPONENT_DIRECTIVES],
|
|
57
|
-
exports: [COMPONENT_DIRECTIVES],
|
|
58
|
-
imports: [CommonModule],
|
|
59
|
-
providers: [SortableService]
|
|
60
|
-
})
|
|
61
|
-
], SortableModule);
|
|
62
|
-
return SortableModule;
|
|
63
|
-
}());
|
|
64
|
-
export { SortableModule };
|
|
@@ -1,236 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
|
-
import { Injectable, NgZone } from '@angular/core';
|
|
7
|
-
import { isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
8
|
-
import { draggableFromEvent, isFocusable, widgetTarget } from './util';
|
|
9
|
-
import { Subject } from 'rxjs';
|
|
10
|
-
import { switchMap, filter, take, tap } from 'rxjs/operators';
|
|
11
|
-
var allowDrag = function (e) {
|
|
12
|
-
var target = e.originalEvent.target;
|
|
13
|
-
return target.hasAttribute('data-sortable-item') || !(isFocusable(target) || widgetTarget(target));
|
|
14
|
-
};
|
|
15
|
-
var ɵ0 = allowDrag;
|
|
16
|
-
/**
|
|
17
|
-
* The service that provides the drag-and-drop functionality for
|
|
18
|
-
* transferring items between Sortable components within the same page.
|
|
19
|
-
*
|
|
20
|
-
*/
|
|
21
|
-
var SortableService = /** @class */ (function () {
|
|
22
|
-
function SortableService(ngZone) {
|
|
23
|
-
var _this = this;
|
|
24
|
-
this.ngZone = ngZone;
|
|
25
|
-
/**
|
|
26
|
-
* Specifies the Draggable item that is currently being moved.
|
|
27
|
-
*/
|
|
28
|
-
this.activeDraggable = null;
|
|
29
|
-
/**
|
|
30
|
-
* Specifies the Draggable item from which the dragging started.
|
|
31
|
-
*/
|
|
32
|
-
this.originDraggable = null;
|
|
33
|
-
/**
|
|
34
|
-
* @hidden
|
|
35
|
-
*/
|
|
36
|
-
this.targetSortable = null;
|
|
37
|
-
/**
|
|
38
|
-
* Specifies the Draggable item that last emitted an event.
|
|
39
|
-
*/
|
|
40
|
-
this.lastDraggable = null;
|
|
41
|
-
/**
|
|
42
|
-
* @hidden
|
|
43
|
-
*/
|
|
44
|
-
this.onPressSubject = new Subject();
|
|
45
|
-
/**
|
|
46
|
-
* @hidden
|
|
47
|
-
*/
|
|
48
|
-
this.onDragSubject = new Subject();
|
|
49
|
-
/**
|
|
50
|
-
* @hidden
|
|
51
|
-
*/
|
|
52
|
-
this.onReleaseSubject = new Subject();
|
|
53
|
-
this.source = null;
|
|
54
|
-
this._target = null;
|
|
55
|
-
this.sortableCounter = 0;
|
|
56
|
-
this.sortableRegister = {};
|
|
57
|
-
if (!isDocumentAvailable()) {
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
this.subscriptions = this.onPressSubject.pipe(filter(allowDrag), tap(function (press) {
|
|
61
|
-
_this.targetSortable = _this.getSortableComponentFromTouch(press);
|
|
62
|
-
}), filter(function (_) { return Boolean(_this.targetSortable); }), tap(function (press) {
|
|
63
|
-
_this.onReleaseSubject.pipe(take(1)).subscribe(function (event) { return _this.release(event); });
|
|
64
|
-
_this.pressArgs = press;
|
|
65
|
-
if (press.isTouch) {
|
|
66
|
-
press.originalEvent.preventDefault();
|
|
67
|
-
}
|
|
68
|
-
}), switchMap(function (_drag) {
|
|
69
|
-
return _this.onDragSubject.pipe(filter(function (_) { return Boolean(_this.targetSortable); }), //stop further events if dragStart is prevented
|
|
70
|
-
tap(function (e) { return _this.drag(e); }));
|
|
71
|
-
})).subscribe();
|
|
72
|
-
}
|
|
73
|
-
Object.defineProperty(SortableService.prototype, "target", {
|
|
74
|
-
get: function () {
|
|
75
|
-
return this._target;
|
|
76
|
-
},
|
|
77
|
-
/**
|
|
78
|
-
* Specifies the `SortableComponent` instance under the currently dragged item.
|
|
79
|
-
*/
|
|
80
|
-
set: function (target) {
|
|
81
|
-
this._target = target;
|
|
82
|
-
},
|
|
83
|
-
enumerable: true,
|
|
84
|
-
configurable: true
|
|
85
|
-
});
|
|
86
|
-
/**
|
|
87
|
-
* @hidden
|
|
88
|
-
*/
|
|
89
|
-
SortableService.prototype.onPress = function (e) {
|
|
90
|
-
this.onPressSubject.next(e);
|
|
91
|
-
};
|
|
92
|
-
/**
|
|
93
|
-
* @hidden
|
|
94
|
-
*/
|
|
95
|
-
SortableService.prototype.onDrag = function (e) {
|
|
96
|
-
this.onDragSubject.next(e);
|
|
97
|
-
};
|
|
98
|
-
/**
|
|
99
|
-
* @hidden
|
|
100
|
-
*/
|
|
101
|
-
SortableService.prototype.onRelease = function (e) {
|
|
102
|
-
this.onReleaseSubject.next(e);
|
|
103
|
-
};
|
|
104
|
-
/**
|
|
105
|
-
* @hidden
|
|
106
|
-
*/
|
|
107
|
-
SortableService.prototype.ngOnDestroy = function () {
|
|
108
|
-
if (this.subscriptions) {
|
|
109
|
-
this.subscriptions.unsubscribe();
|
|
110
|
-
}
|
|
111
|
-
};
|
|
112
|
-
/**
|
|
113
|
-
* Registers a `SortableComponent` with which the service operates.
|
|
114
|
-
*
|
|
115
|
-
* @param sortableComponent - The `SortableComponent`.
|
|
116
|
-
* @return - The unique key that the current `SortableComponent` gets when registered.
|
|
117
|
-
*/
|
|
118
|
-
SortableService.prototype.registerComponent = function (sortableComponent) {
|
|
119
|
-
var id = this.sortableCounter.toString();
|
|
120
|
-
this.sortableRegister[id] = sortableComponent;
|
|
121
|
-
this.sortableCounter++;
|
|
122
|
-
return id;
|
|
123
|
-
};
|
|
124
|
-
/**
|
|
125
|
-
* Removes a `SortableComponent` from the registered `SortableComponents` with which the service operates.
|
|
126
|
-
*
|
|
127
|
-
* @param key - The key of the `SortableComponent` which will be removed from the register.
|
|
128
|
-
* Obtained when `registerComponent` is called.
|
|
129
|
-
*/
|
|
130
|
-
SortableService.prototype.unregisterComponent = function (key) {
|
|
131
|
-
this.sortableRegister[key] = null;
|
|
132
|
-
};
|
|
133
|
-
/**
|
|
134
|
-
* Sets the `SortableComponent` as a source component. When dragging an item from one Sortable to another,
|
|
135
|
-
* the source component is the one from which the item originates.
|
|
136
|
-
*
|
|
137
|
-
* @param sortable - The `SortableComponent`.
|
|
138
|
-
*/
|
|
139
|
-
SortableService.prototype.setSource = function (sortable) {
|
|
140
|
-
this.source = sortable;
|
|
141
|
-
};
|
|
142
|
-
/**
|
|
143
|
-
* Returns the source `SortableComponent` from which
|
|
144
|
-
* an item is dragged to other Sortable components.
|
|
145
|
-
*
|
|
146
|
-
* @return - The `SourceComponent`.
|
|
147
|
-
*/
|
|
148
|
-
SortableService.prototype.getSource = function () {
|
|
149
|
-
return this.source;
|
|
150
|
-
};
|
|
151
|
-
/**
|
|
152
|
-
* The method that finds the `SortableComponent` which is registered to
|
|
153
|
-
* the `SortableService` by using the arguments of the `touch` event.
|
|
154
|
-
*
|
|
155
|
-
* @param touch - A Touch-Object of the `Touch` type interface.
|
|
156
|
-
* Represents a single contact point (finger or stylus)
|
|
157
|
-
* on a touch-sensitive device (touchscreen or trackpad).
|
|
158
|
-
*
|
|
159
|
-
* @return { component: SortableComponent, index: number } - An object
|
|
160
|
-
* where the component is the `SortableComponent` that owns the item
|
|
161
|
-
* and the index is the index of the touched item.
|
|
162
|
-
*/
|
|
163
|
-
SortableService.prototype.getSortableComponentFromTouch = function (touch) {
|
|
164
|
-
if (!isDocumentAvailable()) {
|
|
165
|
-
return { component: undefined, index: undefined };
|
|
166
|
-
}
|
|
167
|
-
var realTarget = document.elementFromPoint(touch.clientX, touch.clientY);
|
|
168
|
-
while (realTarget) {
|
|
169
|
-
var id = realTarget.getAttribute('data-sortable-id');
|
|
170
|
-
var index = realTarget.getAttribute('data-sortable-index');
|
|
171
|
-
if (id) {
|
|
172
|
-
var targetSortable = this.sortableRegister[id];
|
|
173
|
-
if (targetSortable) {
|
|
174
|
-
return { component: targetSortable, index: parseInt(index, 10) };
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
realTarget = realTarget.parentElement;
|
|
178
|
-
}
|
|
179
|
-
};
|
|
180
|
-
SortableService.prototype.start = function () {
|
|
181
|
-
var pressArgs = this.pressArgs;
|
|
182
|
-
if (pressArgs) {
|
|
183
|
-
this.pressArgs = null;
|
|
184
|
-
var startTarget = draggableFromEvent(pressArgs, this.targetSortable.component);
|
|
185
|
-
if (this.targetSortable.component.startDrag({ target: startTarget, originalEvent: pressArgs })) {
|
|
186
|
-
this.targetSortable = null;
|
|
187
|
-
return true;
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
};
|
|
191
|
-
SortableService.prototype.release = function (event) {
|
|
192
|
-
var _this = this;
|
|
193
|
-
if (this.source) {
|
|
194
|
-
this.ngZone.run(function () {
|
|
195
|
-
if (_this.targetSortable) {
|
|
196
|
-
var dropTarget = draggableFromEvent(event, _this.targetSortable.component);
|
|
197
|
-
_this.source.endDrag({ target: dropTarget, originalEvent: event });
|
|
198
|
-
}
|
|
199
|
-
_this.source.positionHintFromEvent(null);
|
|
200
|
-
_this.source.markForCheck();
|
|
201
|
-
});
|
|
202
|
-
}
|
|
203
|
-
this.targetSortable = null;
|
|
204
|
-
this.pressArgs = null;
|
|
205
|
-
};
|
|
206
|
-
SortableService.prototype.drag = function (event) {
|
|
207
|
-
var _this = this;
|
|
208
|
-
this.ngZone.run(function () {
|
|
209
|
-
if (_this.start()) {
|
|
210
|
-
return;
|
|
211
|
-
}
|
|
212
|
-
_this.source.positionHintFromEvent(event);
|
|
213
|
-
var sortable = _this.getSortableComponentFromTouch(event);
|
|
214
|
-
if (!sortable || sortable && sortable.component !== _this.target) {
|
|
215
|
-
if (_this.target) {
|
|
216
|
-
_this.target.leave({ target: undefined, originalEvent: event });
|
|
217
|
-
}
|
|
218
|
-
else if (_this.source !== _this.target) {
|
|
219
|
-
_this.source.leave({ target: undefined, originalEvent: event });
|
|
220
|
-
}
|
|
221
|
-
}
|
|
222
|
-
if (sortable && sortable.component) {
|
|
223
|
-
var draggable = draggableFromEvent(event, sortable.component);
|
|
224
|
-
sortable.component.drag({ target: draggable, originalEvent: event });
|
|
225
|
-
}
|
|
226
|
-
_this.source.markForCheck();
|
|
227
|
-
});
|
|
228
|
-
};
|
|
229
|
-
SortableService = tslib_1.__decorate([
|
|
230
|
-
Injectable(),
|
|
231
|
-
tslib_1.__metadata("design:paramtypes", [NgZone])
|
|
232
|
-
], SortableService);
|
|
233
|
-
return SortableService;
|
|
234
|
-
}());
|
|
235
|
-
export { SortableService };
|
|
236
|
-
export { ɵ0 };
|
package/dist/es/util.js
DELETED
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { isDocumentAvailable } from '@progress/kendo-angular-common';
|
|
6
|
-
var NODE_NAME_PREDICATES = {};
|
|
7
|
-
var NODE_ATTR_PREDICATES = {};
|
|
8
|
-
var focusableRegex = /^(?:a|input|select|option|textarea|button|object)$/i;
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export var matchesNodeName = function (nodeName) {
|
|
13
|
-
if (!NODE_NAME_PREDICATES[nodeName]) {
|
|
14
|
-
NODE_NAME_PREDICATES[nodeName] = function (element) {
|
|
15
|
-
return String(element.nodeName).toLowerCase() === nodeName.toLowerCase();
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
return NODE_NAME_PREDICATES[nodeName];
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
export var matchesNodeAttr = function (nodeAttr) {
|
|
24
|
-
if (!NODE_ATTR_PREDICATES[nodeAttr]) {
|
|
25
|
-
NODE_ATTR_PREDICATES[nodeAttr] = function (element) {
|
|
26
|
-
return element.hasAttribute ? element.hasAttribute(nodeAttr) : false;
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
return NODE_ATTR_PREDICATES[nodeAttr];
|
|
30
|
-
};
|
|
31
|
-
/**
|
|
32
|
-
* @hidden
|
|
33
|
-
*/
|
|
34
|
-
export var closest = function (node, predicate) {
|
|
35
|
-
while (node && !predicate(node)) {
|
|
36
|
-
node = node.parentNode;
|
|
37
|
-
}
|
|
38
|
-
return node;
|
|
39
|
-
};
|
|
40
|
-
/**
|
|
41
|
-
* Returns an object specifiying whether there is a DraggableDirective under the cursor.
|
|
42
|
-
* @hidden
|
|
43
|
-
*/
|
|
44
|
-
export var draggableFromPoint = function (x, y) {
|
|
45
|
-
if (!isDocumentAvailable()) {
|
|
46
|
-
return;
|
|
47
|
-
}
|
|
48
|
-
var el = document.elementFromPoint(x, y);
|
|
49
|
-
if (!el) {
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
var isDraggable = el.hasAttribute("kendoDraggable");
|
|
53
|
-
var isChild = closest(el, matchesNodeAttr("kendoDraggable")) !== null;
|
|
54
|
-
var parentDraggable = closest(el, matchesNodeAttr("kendoDraggable"));
|
|
55
|
-
var index = parentDraggable ? parseInt(parentDraggable.getAttribute("data-sortable-index"), 10) : -1;
|
|
56
|
-
return {
|
|
57
|
-
element: el,
|
|
58
|
-
index: index,
|
|
59
|
-
isDraggable: isDraggable,
|
|
60
|
-
isDraggableChild: isChild,
|
|
61
|
-
parentDraggable: parentDraggable,
|
|
62
|
-
rect: el.getBoundingClientRect()
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
|
-
/**
|
|
66
|
-
* Returns the DraggableDirective under the cursor.
|
|
67
|
-
* @hidden
|
|
68
|
-
*/
|
|
69
|
-
export var draggableFromEvent = function (event, sortable) {
|
|
70
|
-
var target;
|
|
71
|
-
if (event.changedTouches) {
|
|
72
|
-
var touch = event.changedTouches[0];
|
|
73
|
-
target = draggableFromPoint(touch.clientX, touch.clientY);
|
|
74
|
-
}
|
|
75
|
-
else {
|
|
76
|
-
target = draggableFromPoint(event.clientX, event.clientY);
|
|
77
|
-
}
|
|
78
|
-
// TODO: refactor sortable. Add draggable getter
|
|
79
|
-
return sortable.draggables.toArray()[target ? target.index : -1];
|
|
80
|
-
};
|
|
81
|
-
/**
|
|
82
|
-
* @hidden
|
|
83
|
-
*/
|
|
84
|
-
export var isFocusable = function (element) {
|
|
85
|
-
if (element.tagName) {
|
|
86
|
-
var tagName = element.tagName.toLowerCase();
|
|
87
|
-
var tabIndex = element.getAttribute('tabIndex');
|
|
88
|
-
var skipTab = tabIndex === '-1';
|
|
89
|
-
var focusable = tabIndex !== null && !skipTab;
|
|
90
|
-
if (focusableRegex.test(tagName)) {
|
|
91
|
-
focusable = !element.disabled && !skipTab;
|
|
92
|
-
}
|
|
93
|
-
return focusable;
|
|
94
|
-
}
|
|
95
|
-
return false;
|
|
96
|
-
};
|
|
97
|
-
var toClassList = function (classNames) { return String(classNames).trim().split(' '); };
|
|
98
|
-
var ɵ0 = toClassList;
|
|
99
|
-
/**
|
|
100
|
-
* @hidden
|
|
101
|
-
*/
|
|
102
|
-
export var hasClasses = function (element, classNames) {
|
|
103
|
-
var namesList = toClassList(classNames);
|
|
104
|
-
return Boolean(toClassList(element.className).find(function (className) { return namesList.indexOf(className) >= 0; }));
|
|
105
|
-
};
|
|
106
|
-
var isSortable = matchesNodeName('kendo-sortable');
|
|
107
|
-
/**
|
|
108
|
-
* @hidden
|
|
109
|
-
*/
|
|
110
|
-
export var widgetTarget = function (target) {
|
|
111
|
-
var element = closest(target, function (node) { return hasClasses(node, 'k-widget') || isSortable(node); });
|
|
112
|
-
return element && !isSortable(element);
|
|
113
|
-
};
|
|
114
|
-
var hasRelativeStackingContext = function () {
|
|
115
|
-
if (!isDocumentAvailable()) {
|
|
116
|
-
return false;
|
|
117
|
-
}
|
|
118
|
-
var top = 10;
|
|
119
|
-
var parent = document.createElement("div");
|
|
120
|
-
parent.style.transform = "matrix(10, 0, 0, 10, 0, 0)";
|
|
121
|
-
parent.innerHTML = "<div style=\"position: fixed; top: " + top + "px;\">child</div>";
|
|
122
|
-
document.body.appendChild(parent);
|
|
123
|
-
var isDifferent = parent.children[0].getBoundingClientRect().top !== top;
|
|
124
|
-
document.body.removeChild(parent);
|
|
125
|
-
return isDifferent;
|
|
126
|
-
};
|
|
127
|
-
var ɵ1 = hasRelativeStackingContext;
|
|
128
|
-
var HAS_RELATIVE_STACKING_CONTEXT = hasRelativeStackingContext();
|
|
129
|
-
/**
|
|
130
|
-
* @hidden
|
|
131
|
-
*/
|
|
132
|
-
export var relativeContextElement = function (element) {
|
|
133
|
-
if (!element || !HAS_RELATIVE_STACKING_CONTEXT) {
|
|
134
|
-
return null;
|
|
135
|
-
}
|
|
136
|
-
var node = element.parentElement;
|
|
137
|
-
while (node) {
|
|
138
|
-
if (window.getComputedStyle(node).transform !== 'none') {
|
|
139
|
-
return node;
|
|
140
|
-
}
|
|
141
|
-
node = node.parentElement;
|
|
142
|
-
}
|
|
143
|
-
};
|
|
144
|
-
export { ɵ0, ɵ1 };
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
|
-
import { Directive, HostBinding, Input, ElementRef, Renderer2 } from '@angular/core';
|
|
7
|
-
import { SortableContainer } from './sortable-container';
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
let DraggableDirective = class DraggableDirective {
|
|
12
|
-
constructor(parent, el, renderer) {
|
|
13
|
-
this.parent = parent;
|
|
14
|
-
this.el = el;
|
|
15
|
-
this.renderer = renderer;
|
|
16
|
-
}
|
|
17
|
-
get _focused() {
|
|
18
|
-
return this.disabled ? false : (this.index === this.parent.activeIndex);
|
|
19
|
-
}
|
|
20
|
-
get _disabled() {
|
|
21
|
-
return this.disabled;
|
|
22
|
-
}
|
|
23
|
-
get display() {
|
|
24
|
-
return this.hidden ? "none" : this._display;
|
|
25
|
-
}
|
|
26
|
-
set display(display) {
|
|
27
|
-
this._display = display;
|
|
28
|
-
}
|
|
29
|
-
ngOnInit() {
|
|
30
|
-
const nativeElement = this.el.nativeElement;
|
|
31
|
-
this.display = nativeElement.style.display;
|
|
32
|
-
if (nativeElement) { // Remove the inline styles after a few releases of the themes with the style.
|
|
33
|
-
this.renderer.setStyle(nativeElement, 'user-select', 'none');
|
|
34
|
-
this.renderer.setStyle(nativeElement, '-ms-user-select', 'none');
|
|
35
|
-
this.renderer.setStyle(nativeElement, '-moz-user-select', 'none');
|
|
36
|
-
this.renderer.setStyle(nativeElement, '-webkit-user-select', 'none');
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
tslib_1.__decorate([
|
|
41
|
-
Input(),
|
|
42
|
-
tslib_1.__metadata("design:type", Number)
|
|
43
|
-
], DraggableDirective.prototype, "index", void 0);
|
|
44
|
-
tslib_1.__decorate([
|
|
45
|
-
Input(),
|
|
46
|
-
tslib_1.__metadata("design:type", Boolean)
|
|
47
|
-
], DraggableDirective.prototype, "hidden", void 0);
|
|
48
|
-
tslib_1.__decorate([
|
|
49
|
-
Input(),
|
|
50
|
-
tslib_1.__metadata("design:type", Boolean)
|
|
51
|
-
], DraggableDirective.prototype, "disabled", void 0);
|
|
52
|
-
tslib_1.__decorate([
|
|
53
|
-
HostBinding('class.k-state-focused'),
|
|
54
|
-
tslib_1.__metadata("design:type", Boolean),
|
|
55
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
56
|
-
], DraggableDirective.prototype, "_focused", null);
|
|
57
|
-
tslib_1.__decorate([
|
|
58
|
-
HostBinding('attr.aria-disabled'),
|
|
59
|
-
tslib_1.__metadata("design:type", Boolean),
|
|
60
|
-
tslib_1.__metadata("design:paramtypes", [])
|
|
61
|
-
], DraggableDirective.prototype, "_disabled", null);
|
|
62
|
-
tslib_1.__decorate([
|
|
63
|
-
HostBinding('style.display'),
|
|
64
|
-
tslib_1.__metadata("design:type", String),
|
|
65
|
-
tslib_1.__metadata("design:paramtypes", [String])
|
|
66
|
-
], DraggableDirective.prototype, "display", null);
|
|
67
|
-
DraggableDirective = tslib_1.__decorate([
|
|
68
|
-
Directive({
|
|
69
|
-
selector: '[kendoDraggable]'
|
|
70
|
-
}),
|
|
71
|
-
tslib_1.__metadata("design:paramtypes", [SortableContainer,
|
|
72
|
-
ElementRef,
|
|
73
|
-
Renderer2])
|
|
74
|
-
], DraggableDirective);
|
|
75
|
-
export { DraggableDirective };
|
package/dist/es2015/index.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* Generated bundle index. Do not edit.
|
|
7
|
-
*/
|
|
8
|
-
export * from './main';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"SortableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":51,"character":1},"arguments":[{"exportAs":"kendoSortable","providers":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":54,"character":8},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX","line":56,"character":21},"useValue":"kendo.sortable"},{"provide":{"__symbolic":"reference","name":"SortableContainer"},"useExisting":{"__symbolic":"reference","name":"SortableComponent"}}],"selector":"kendo-sortable","template":"\n <div #itemWrapper *ngFor=\"let item of _localData;let i=index\"\n kendoDraggable\n [attr.tabIndex]=\"itemEnabled(i)?(navigable?tabIndex||0:tabIndex):null\"\n [attr.aria-grabbed]=\"i===dragIndex\"\n [attr.aria-dropeffect]=\"ariaDropEffect(i)\"\n [attr.data-sortable-item] = \"true\"\n [attr.data-sortable-index]=\"i\"\n [attr.data-sortable-id]=\"id\"\n [index]=\"i\"\n [hidden]=\"item.hidden\"\n [disabled]=\"!itemEnabled(i)\"\n [ngClass]=\"currentItemClass(i)\"\n [ngStyle]=\"currentItemStyle(i)\"\n\n (focus)=\"focusHandler(i)\"\n (blur)=\"blurHandler()\"\n (keydown)=\"keydownHandler($event)\"\n >\n <ng-container *ngIf=\"itemTemplateRef\"\n [ngTemplateOutlet]=\"itemTemplate(i)\"\n [ngTemplateOutletContext]=\"item\">\n </ng-container>\n <ng-container *ngIf=\"!itemTemplateRef\">{{item.item}}</ng-container>\n </div>\n\n <ng-container #noDataRef *ngIf=\"!_data.length || _localData.length === 1 && _localData[0].hidden\">\n <div\n kendoDraggable\n [index]=\"0\"\n [disabled]=\"true\"\n [attr.data-sortable-id]=\"id\"\n [attr.data-sortable-index]=\"0\"\n [ngStyle]=\"currentItemStyle(-1)\"\n [ngClass]=\"currentItemClass(-1)\"\n >{{emptyText}}</div>\n </ng-container>\n <div *ngIf=\"hintVisible()\" [ngStyle]=\"hintStyle()\" [ngClass]=\"currentItemClass(dragIndex)\">\n <ng-container *ngIf=\"itemTemplateRef\"\n [ngTemplateOutlet]=\"itemTemplateRef\"\n [ngTemplateOutletContext]=\"{item: _localData[dragIndex].item}\">\n </ng-container>\n <ng-container *ngIf=\"!itemTemplateRef\">{{_localData[dragIndex].item}}</ng-container>\n </div>\n "}]}],"members":{"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":119,"character":5}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":5}}]}],"navigable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":5}}]}],"navigatable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":5}}]}],"animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":5}}]}],"disabledIndexes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":165,"character":5}}]}],"zone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":172,"character":5}}]}],"acceptZones":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":180,"character":5}}]}],"itemStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":211,"character":5}}]}],"emptyItemStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":216,"character":5}}]}],"activeItemStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":221,"character":5}}]}],"disabledItemStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":226,"character":5}}]}],"itemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":231,"character":5}}]}],"activeItemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":236,"character":5}}]}],"emptyItemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":241,"character":5}}]}],"disabledItemClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":246,"character":5}}]}],"emptyText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":268,"character":5}}]}],"defaultTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":273,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":273,"character":21},{"descendants":false}]}]}],"itemTemplateDirectiveRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":280,"character":5},"arguments":[{"__symbolic":"reference","name":"ItemTemplateDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":280,"character":52},"descendants":false}]}]}],"placeholderTemplateDirectiveRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":287,"character":5},"arguments":[{"__symbolic":"reference","name":"PlaceholderTemplateDirective"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":287,"character":59},"descendants":false}]}]}],"itemWrappers":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":290,"character":5},"arguments":["itemWrapper"]}]}],"draggables":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":291,"character":5},"arguments":[{"__symbolic":"reference","name":"DraggableDirective"}]}]}],"noDataContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":293,"character":5},"arguments":["noDataRef",{"static":false}]}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":296,"character":5},"arguments":["hint",{"static":false}]}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":303,"character":5}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":307,"character":5}}]}],"dragOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":312,"character":5}}]}],"dragLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":317,"character":5}}]}],"dataMove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":322,"character":5}}]}],"dataAdd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":327,"character":5}}]}],"dataRemove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":332,"character":5}}]}],"navigate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":337,"character":5}}]}],"activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":342,"character":5}}]}],"touchAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":344,"character":5},"arguments":["style.touch-action"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":348,"character":5},"arguments":["attr.dir"]}]}],"setItemData":[{"__symbolic":"method"}],"itemTemplate":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":422,"character":24},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService","line":423,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":424,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":425,"character":17},{"__symbolic":"reference","name":"SortableService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"updateCacheIndices":[{"__symbolic":"method"}],"cacheData":[{"__symbolic":"method"}],"startDrag":[{"__symbolic":"method"}],"drag":[{"__symbolic":"method"}],"leave":[{"__symbolic":"method"}],"endDrag":[{"__symbolic":"method"}],"hintVisible":[{"__symbolic":"method"}],"currentItemStyle":[{"__symbolic":"method"}],"currentItemClass":[{"__symbolic":"method"}],"hintStyle":[{"__symbolic":"method"}],"itemEnabled":[{"__symbolic":"method"}],"acceptDragFrom":[{"__symbolic":"method"}],"ariaDropEffect":[{"__symbolic":"method"}],"focusHandler":[{"__symbolic":"method"}],"blurHandler":[{"__symbolic":"method"}],"keydownHandler":[{"__symbolic":"method"}],"removeDataItem":[{"__symbolic":"method"}],"hideItem":[{"__symbolic":"method"}],"clearActiveItem":[{"__symbolic":"method"}],"getActiveItem":[{"__symbolic":"method"}],"addDataItem":[{"__symbolic":"method"}],"moveItem":[{"__symbolic":"method"}],"animate":[{"__symbolic":"method"}],"positionHintFromEvent":[{"__symbolic":"method"}],"parentOffset":[{"__symbolic":"method"}],"markForCheck":[{"__symbolic":"method"}],"reflow":[{"__symbolic":"method"}],"applyAnimationStyle":[{"__symbolic":"method"}],"subscribeEvents":[{"__symbolic":"method"}],"unsubscribeEvents":[{"__symbolic":"method"}],"placeHolderItemData":[{"__symbolic":"method"}],"fixFocus":[{"__symbolic":"method"}]}},"SortableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":47,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"SortableComponent"},{"__symbolic":"reference","name":"DraggableDirective"},{"__symbolic":"reference","name":"PlaceholderTemplateDirective"},{"__symbolic":"reference","name":"ItemTemplateDirective"},{"__symbolic":"reference","name":"SortableBindingDirective"}]],"exports":[[{"__symbolic":"reference","name":"SortableComponent"},{"__symbolic":"reference","name":"DraggableDirective"},{"__symbolic":"reference","name":"PlaceholderTemplateDirective"},{"__symbolic":"reference","name":"ItemTemplateDirective"},{"__symbolic":"reference","name":"SortableBindingDirective"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":50,"character":14}],"providers":[{"__symbolic":"reference","name":"SortableService"}]}]}],"members":{}},"PreventableEvent":{"__symbolic":"class","members":{"preventDefault":[{"__symbolic":"method"}],"isDefaultPrevented":[{"__symbolic":"method"}]}},"DraggableEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PreventableEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DragStartEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PreventableEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DragEndEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DragOverEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DragOverEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"DragStartEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"SortableEvent":{"__symbolic":"interface"},"NavigateEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PreventableEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DataEvent":{"__symbolic":"interface"},"DataMoveEvent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"PreventableEvent"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"}]}]}},"DraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":14,"character":1},"arguments":[{"selector":"[kendoDraggable]"}]}],"members":{"index":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"_focused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":22,"character":5},"arguments":["class.k-state-focused"]}]}],"_disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":5},"arguments":["attr.aria-disabled"]}]}],"display":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":32,"character":5},"arguments":["style.display"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SortableContainer"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":44,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":45,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}]}},"SortableBindingDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":20,"character":1},"arguments":[{"selector":"[kendoSortableBinding]"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5},"arguments":["kendoSortableBinding"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"SortableComponent"},{"__symbolic":"reference","name":"SortableService"}]}],"nextEnabledIndex":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"moveItem":[{"__symbolic":"method"}],"removeOriginDraggable":[{"__symbolic":"method"}],"onDragOver":[{"__symbolic":"method"}],"onNavigate":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PlaceholderTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":19,"character":1},"arguments":[{"selector":"[kendoSortablePlaceholderTemplate]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"ItemTemplateDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":6,"character":1},"arguments":[{"selector":"[kendoSortableItemTemplate]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}},"SortableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":81,"character":24}]}],"onPress":[{"__symbolic":"method"}],"onDrag":[{"__symbolic":"method"}],"onRelease":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"registerComponent":[{"__symbolic":"method"}],"unregisterComponent":[{"__symbolic":"method"}],"setSource":[{"__symbolic":"method"}],"getSource":[{"__symbolic":"method"}],"getSortableComponentFromTouch":[{"__symbolic":"method"}],"start":[{"__symbolic":"method"}],"release":[{"__symbolic":"method"}],"drag":[{"__symbolic":"method"}]}},"SortableContainer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"removeDataItem":[{"__symbolic":"method"}]}}},"origins":{"SortableComponent":"./sortable.component","SortableModule":"./sortable.module","PreventableEvent":"./preventable-event","DraggableEvent":"./draggable-event","DragStartEvent":"./sortable-events","DragEndEvent":"./sortable-events","DragOverEvent":"./sortable-events","SortableEvent":"./sortable-event-args.interface","NavigateEvent":"./navigate-event","DataEvent":"./data-event-args.interface","DataMoveEvent":"./data-events","DraggableDirective":"./draggable.directive","SortableBindingDirective":"./binding.directive","PlaceholderTemplateDirective":"./item-template.directive","ItemTemplateDirective":"./item-template.directive","SortableService":"./sortable.service","SortableContainer":"./sortable-container"},"importAs":"@progress/kendo-angular-sortable"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
|
-
import { Directive, TemplateRef } from '@angular/core';
|
|
7
|
-
//TODO: RENAME FILE AND UPDATE EXPORTS AND MODULES
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
let ItemTemplateDirective = class ItemTemplateDirective {
|
|
12
|
-
constructor(templateRef) {
|
|
13
|
-
this.templateRef = templateRef;
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
ItemTemplateDirective = tslib_1.__decorate([
|
|
17
|
-
Directive({
|
|
18
|
-
selector: '[kendoSortableItemTemplate]'
|
|
19
|
-
}),
|
|
20
|
-
tslib_1.__metadata("design:paramtypes", [TemplateRef])
|
|
21
|
-
], ItemTemplateDirective);
|
|
22
|
-
export { ItemTemplateDirective };
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
let PlaceholderTemplateDirective = class PlaceholderTemplateDirective {
|
|
27
|
-
constructor(templateRef) {
|
|
28
|
-
this.templateRef = templateRef;
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
PlaceholderTemplateDirective = tslib_1.__decorate([
|
|
32
|
-
Directive({
|
|
33
|
-
selector: '[kendoSortablePlaceholderTemplate]'
|
|
34
|
-
}),
|
|
35
|
-
tslib_1.__metadata("design:paramtypes", [TemplateRef])
|
|
36
|
-
], PlaceholderTemplateDirective);
|
|
37
|
-
export { PlaceholderTemplateDirective };
|
package/dist/es2015/main.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
export { SortableComponent } from './sortable.component';
|
|
6
|
-
export { SortableModule } from './sortable.module';
|
|
7
|
-
export { PreventableEvent } from './preventable-event';
|
|
8
|
-
export { DraggableEvent } from './draggable-event';
|
|
9
|
-
export { DragStartEvent, DragEndEvent, DragOverEvent } from './sortable-events';
|
|
10
|
-
export { NavigateEvent } from './navigate-event';
|
|
11
|
-
export { DataMoveEvent } from './data-events';
|
|
12
|
-
export { DraggableDirective } from "./draggable.directive";
|
|
13
|
-
export { SortableBindingDirective } from "./binding.directive";
|
|
14
|
-
export { PlaceholderTemplateDirective } from './item-template.directive';
|
|
15
|
-
export { ItemTemplateDirective } from './item-template.directive';
|
|
16
|
-
export { SortableService } from './sortable.service';
|
|
17
|
-
export { SortableContainer } from './sortable-container';
|