@progress/kendo-angular-sortable 24.2.2 → 25.0.0-develop.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/progress-kendo-angular-sortable.mjs +248 -117
- package/index.d.ts +925 -16
- package/package-metadata.mjs +2 -2
- package/package.json +9 -9
- package/binding.directive.d.ts +0 -63
- package/directives.d.ts +0 -32
- package/draggable.directive.d.ts +0 -29
- package/events/data-event-args.interface.d.ts +0 -23
- package/events/data-events.d.ts +0 -74
- package/events/draggable-event.d.ts +0 -24
- package/events/navigate-event.d.ts +0 -27
- package/events/preventable-event.d.ts +0 -26
- package/events/sortable-event-args.interface.d.ts +0 -18
- package/events/sortable-events.d.ts +0 -35
- package/item-template.directive.d.ts +0 -24
- package/package-metadata.d.ts +0 -9
- package/sortable-container.d.ts +0 -14
- package/sortable.component.d.ts +0 -397
- package/sortable.module.d.ts +0 -32
- package/sortable.service.d.ts +0 -129
- package/util.d.ts +0 -58
package/sortable.component.d.ts
DELETED
|
@@ -1,397 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { QueryList, TemplateRef, ElementRef, EventEmitter, OnInit, OnDestroy, AfterViewChecked, AfterContentInit, NgZone, ChangeDetectorRef, SimpleChanges, OnChanges, Renderer2, AfterViewInit, TrackByFunction } from '@angular/core';
|
|
6
|
-
import { Subject } from 'rxjs';
|
|
7
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
8
|
-
import { SortableService } from './sortable.service';
|
|
9
|
-
import { DraggableDirective } from './draggable.directive';
|
|
10
|
-
import { SortableContainer } from './sortable-container';
|
|
11
|
-
import { DataAddEvent, DataMoveEvent, DataRemoveEvent } from './events/data-events';
|
|
12
|
-
import * as i0 from "@angular/core";
|
|
13
|
-
/**
|
|
14
|
-
* Represents the [Kendo UI Sortable component for Angular](https://www.telerik.com/kendo-angular-ui/components/sortable).
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* ```html
|
|
18
|
-
* <kendo-sortable [data]="['Item 1', 'Item 2', 'Item 3']"></kendo-sortable>
|
|
19
|
-
* ```
|
|
20
|
-
*/
|
|
21
|
-
export declare class SortableComponent implements OnInit, OnDestroy, OnChanges, AfterViewInit, AfterViewChecked, AfterContentInit, SortableContainer {
|
|
22
|
-
private ngZone;
|
|
23
|
-
private renderer;
|
|
24
|
-
private changeDetector;
|
|
25
|
-
private localization;
|
|
26
|
-
private cdr;
|
|
27
|
-
/**
|
|
28
|
-
* Specifies the tab index of the Sortable component.
|
|
29
|
-
*/
|
|
30
|
-
tabIndex: number;
|
|
31
|
-
/**
|
|
32
|
-
* Configures how the Sortable component tracks changes in its items collection.
|
|
33
|
-
*/
|
|
34
|
-
trackBy: TrackByFunction<any>;
|
|
35
|
-
/**
|
|
36
|
-
* Sets an array of any data that is used as a data source for the Sortable.
|
|
37
|
-
*/
|
|
38
|
-
set data(data: Array<any>);
|
|
39
|
-
get data(): Array<any>;
|
|
40
|
-
/**
|
|
41
|
-
* Sets a boolean value that determines whether the Sortable items are navigable using the keyboard. [See example](https://www.telerik.com/kendo-angular-ui/components/sortable/keyboard-navigation).
|
|
42
|
-
* @default true
|
|
43
|
-
*
|
|
44
|
-
* @remarks
|
|
45
|
-
* This property is related to accessibility.
|
|
46
|
-
*/
|
|
47
|
-
navigable: boolean;
|
|
48
|
-
/**
|
|
49
|
-
* Enables or disables built-in animations.
|
|
50
|
-
* @default false
|
|
51
|
-
*/
|
|
52
|
-
animation: boolean;
|
|
53
|
-
/**
|
|
54
|
-
* Sets an array of integers that represent the indexes of the disabled items from the data array. [See example](https://www.telerik.com/kendo-angular-ui/components/sortable/items#disabling-items).
|
|
55
|
-
*/
|
|
56
|
-
disabledIndexes: number[];
|
|
57
|
-
/**
|
|
58
|
-
* Sets a string that represents the name of the zone to which the Sortable belongs
|
|
59
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/sortable/items#transferring-items)). Items can be transferred
|
|
60
|
-
* between Sortables in the same zone.
|
|
61
|
-
*/
|
|
62
|
-
zone: string;
|
|
63
|
-
/**
|
|
64
|
-
* Defines the zones from which items can be transferred onto the current Sortable component
|
|
65
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/sortable/items#transferring-items)). If the `acceptZones` property
|
|
66
|
-
* of the target Sortable is set, you can transfer items between Sortables in different zones.
|
|
67
|
-
*/
|
|
68
|
-
acceptZones: string[];
|
|
69
|
-
/**
|
|
70
|
-
* Represents the CSS styles applied to each Sortable item.
|
|
71
|
-
*/
|
|
72
|
-
itemStyle: {
|
|
73
|
-
[key: string]: string;
|
|
74
|
-
};
|
|
75
|
-
/**
|
|
76
|
-
* Defines the CSS styles applied to an empty item ([see example](https://www.telerik.com/kendo-angular-ui/components/sortable/templates)).
|
|
77
|
-
*/
|
|
78
|
-
emptyItemStyle: {
|
|
79
|
-
[key: string]: string;
|
|
80
|
-
};
|
|
81
|
-
/**
|
|
82
|
-
* Defines the CSS styles which are applied to the currently dragged item ([see example](https://www.telerik.com/kendo-angular-ui/components/sortable/templates)).
|
|
83
|
-
*/
|
|
84
|
-
activeItemStyle: {
|
|
85
|
-
[key: string]: string;
|
|
86
|
-
};
|
|
87
|
-
/**
|
|
88
|
-
* Defines the CSS styles which are applied to all disabled items.
|
|
89
|
-
*/
|
|
90
|
-
disabledItemStyle: {
|
|
91
|
-
[key: string]: string;
|
|
92
|
-
};
|
|
93
|
-
/**
|
|
94
|
-
* Defines the class which is applied to each Sortable item.
|
|
95
|
-
*/
|
|
96
|
-
itemClass: string | string[] | Set<string>;
|
|
97
|
-
/**
|
|
98
|
-
* Defines the class which is applied to the active Sortable item.
|
|
99
|
-
*/
|
|
100
|
-
activeItemClass: string | string[] | Set<string>;
|
|
101
|
-
/**
|
|
102
|
-
* Defines the class which is applied to the empty item when the Sortable has empty data.
|
|
103
|
-
*/
|
|
104
|
-
emptyItemClass: string | string[] | Set<string>;
|
|
105
|
-
/**
|
|
106
|
-
* Defines the class which is applied to each disabled Sortable item.
|
|
107
|
-
*/
|
|
108
|
-
disabledItemClass: string | string[] | Set<string>;
|
|
109
|
-
/**
|
|
110
|
-
* Sets the text message that will be displayed when the Sortable has no items.
|
|
111
|
-
*/
|
|
112
|
-
emptyText: string;
|
|
113
|
-
/**
|
|
114
|
-
* @hidden
|
|
115
|
-
*/
|
|
116
|
-
defaultTemplateRef: QueryList<TemplateRef<any>>;
|
|
117
|
-
/**
|
|
118
|
-
* Defines the template that will be used for rendering the items.
|
|
119
|
-
* @hidden
|
|
120
|
-
*/
|
|
121
|
-
itemTemplateDirectiveRef: QueryList<TemplateRef<any>>;
|
|
122
|
-
/**
|
|
123
|
-
* Defines the template that will be used for rendering the placeholder.
|
|
124
|
-
* @hidden
|
|
125
|
-
*/
|
|
126
|
-
placeholderTemplateDirectiveRef: QueryList<TemplateRef<any>>;
|
|
127
|
-
itemWrappers: QueryList<any>;
|
|
128
|
-
draggables: QueryList<DraggableDirective>;
|
|
129
|
-
noDataContainer: ElementRef;
|
|
130
|
-
hint: ElementRef;
|
|
131
|
-
/**
|
|
132
|
-
* Fires when the dragging of an item is started.
|
|
133
|
-
*/
|
|
134
|
-
dragStart: EventEmitter<any>;
|
|
135
|
-
/**
|
|
136
|
-
* Fires when the dragging of an item is completed.
|
|
137
|
-
*/
|
|
138
|
-
dragEnd: EventEmitter<any>;
|
|
139
|
-
/**
|
|
140
|
-
* Fires while the dragging of an item is in progress.
|
|
141
|
-
*/
|
|
142
|
-
dragOver: EventEmitter<any>;
|
|
143
|
-
/**
|
|
144
|
-
* Fires when dragging an item outside of the component.
|
|
145
|
-
*/
|
|
146
|
-
dragLeave: EventEmitter<any>;
|
|
147
|
-
/**
|
|
148
|
-
* Fires while the moving an item from one position to another.
|
|
149
|
-
*/
|
|
150
|
-
dataMove: EventEmitter<DataMoveEvent>;
|
|
151
|
-
/**
|
|
152
|
-
* Fires when a new item is added to the Sortable.
|
|
153
|
-
*/
|
|
154
|
-
dataAdd: EventEmitter<DataAddEvent>;
|
|
155
|
-
/**
|
|
156
|
-
* Fires when an item is removed from the Sortable.
|
|
157
|
-
*/
|
|
158
|
-
dataRemove: EventEmitter<DataRemoveEvent>;
|
|
159
|
-
/**
|
|
160
|
-
* Fires when navigating using the keyboard.
|
|
161
|
-
*/
|
|
162
|
-
navigate: EventEmitter<any>;
|
|
163
|
-
/**
|
|
164
|
-
* The index of the currently focused item.
|
|
165
|
-
* If no item is focused, set to `-1`.
|
|
166
|
-
*/
|
|
167
|
-
activeIndex: number;
|
|
168
|
-
get touchAction(): string;
|
|
169
|
-
get dir(): string;
|
|
170
|
-
hostRole: string;
|
|
171
|
-
/**
|
|
172
|
-
* Flag indicating if the component is currently playing animations.
|
|
173
|
-
* @hidden
|
|
174
|
-
*/
|
|
175
|
-
animating: boolean;
|
|
176
|
-
/**
|
|
177
|
-
* The index of the currently dragged item.
|
|
178
|
-
*/
|
|
179
|
-
dragIndex: number;
|
|
180
|
-
/**
|
|
181
|
-
* The index of the item above which the dragged item is.
|
|
182
|
-
*/
|
|
183
|
-
dragOverIndex: number;
|
|
184
|
-
onDragStartSubject: Subject<any>;
|
|
185
|
-
onDragOverSubject: Subject<any>;
|
|
186
|
-
onDragLeaveSubject: Subject<any>;
|
|
187
|
-
onDragEndSubject: Subject<any>;
|
|
188
|
-
/**
|
|
189
|
-
* The SortableComponent's HTMLElement.
|
|
190
|
-
*/
|
|
191
|
-
wrapper: HTMLElement;
|
|
192
|
-
/**
|
|
193
|
-
* The location of the hint indicator when dragging on mobile devices.
|
|
194
|
-
*/
|
|
195
|
-
hintLocation: {
|
|
196
|
-
x: number;
|
|
197
|
-
y: number;
|
|
198
|
-
};
|
|
199
|
-
id: string;
|
|
200
|
-
itemTemplateRef: TemplateRef<any>;
|
|
201
|
-
placeholderTemplateRef: TemplateRef<any>;
|
|
202
|
-
_data: Array<any>;
|
|
203
|
-
_localData: Array<any>;
|
|
204
|
-
/**
|
|
205
|
-
* @hidden
|
|
206
|
-
*/
|
|
207
|
-
ariaKeyShortcuts: string;
|
|
208
|
-
private localizationChangeSubscription;
|
|
209
|
-
private dragStartSubscription;
|
|
210
|
-
private dragOverSubscription;
|
|
211
|
-
private dragLeaveSubscription;
|
|
212
|
-
private dragEndSubscription;
|
|
213
|
-
private childrenTabindexSubscription;
|
|
214
|
-
private focusableItems;
|
|
215
|
-
private animationDuration;
|
|
216
|
-
private afterKeyPress;
|
|
217
|
-
private sortableService;
|
|
218
|
-
private _hideActiveItem;
|
|
219
|
-
private prevActiveIndex;
|
|
220
|
-
private direction;
|
|
221
|
-
private _animating;
|
|
222
|
-
private draggable;
|
|
223
|
-
private offsetParent;
|
|
224
|
-
protected setItemData(data: any, i: number): any;
|
|
225
|
-
/**
|
|
226
|
-
* @hidden
|
|
227
|
-
*/
|
|
228
|
-
itemTemplate(index: number): TemplateRef<any>;
|
|
229
|
-
constructor(ngZone: NgZone, renderer: Renderer2, changeDetector: ChangeDetectorRef, localization: LocalizationService, wrapper: ElementRef, sortableService: SortableService, cdr: ChangeDetectorRef);
|
|
230
|
-
ngOnInit(): void;
|
|
231
|
-
ngAfterViewInit(): void;
|
|
232
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
233
|
-
ngOnDestroy(): void;
|
|
234
|
-
ngAfterContentInit(): void;
|
|
235
|
-
ngAfterViewChecked(): void;
|
|
236
|
-
/**
|
|
237
|
-
* @hidden
|
|
238
|
-
*/
|
|
239
|
-
setFocusableChildren(): void;
|
|
240
|
-
/**
|
|
241
|
-
* @hidden
|
|
242
|
-
*/
|
|
243
|
-
updateCacheIndices(): void;
|
|
244
|
-
/**
|
|
245
|
-
* @hidden
|
|
246
|
-
*/
|
|
247
|
-
cacheData(): void;
|
|
248
|
-
/**
|
|
249
|
-
* @hidden
|
|
250
|
-
*/
|
|
251
|
-
startDrag(event: any): boolean;
|
|
252
|
-
/**
|
|
253
|
-
* @hidden
|
|
254
|
-
*/
|
|
255
|
-
setInitialItemTabindex(): void;
|
|
256
|
-
/**
|
|
257
|
-
* @hidden
|
|
258
|
-
*/
|
|
259
|
-
drag(event: any): boolean;
|
|
260
|
-
/**
|
|
261
|
-
* @hidden
|
|
262
|
-
*/
|
|
263
|
-
leave(event: any): boolean;
|
|
264
|
-
/**
|
|
265
|
-
* @hidden
|
|
266
|
-
*/
|
|
267
|
-
endDrag(event: any): boolean;
|
|
268
|
-
/**
|
|
269
|
-
* @hidden
|
|
270
|
-
*/
|
|
271
|
-
hintVisible(): boolean;
|
|
272
|
-
/**
|
|
273
|
-
* @hidden
|
|
274
|
-
*/
|
|
275
|
-
currentItemStyle(index: number): {
|
|
276
|
-
[key: string]: string;
|
|
277
|
-
};
|
|
278
|
-
/**
|
|
279
|
-
* @hidden
|
|
280
|
-
*/
|
|
281
|
-
currentItemClass(index: number): string | string[] | Set<string>;
|
|
282
|
-
/**
|
|
283
|
-
* @hidden
|
|
284
|
-
*/
|
|
285
|
-
hintStyle(): {
|
|
286
|
-
[key: string]: string;
|
|
287
|
-
};
|
|
288
|
-
/**
|
|
289
|
-
* @hidden
|
|
290
|
-
*/
|
|
291
|
-
itemEnabled(index: number): boolean;
|
|
292
|
-
/**
|
|
293
|
-
* @hidden
|
|
294
|
-
*/
|
|
295
|
-
acceptDragFrom(sortableComponent: SortableComponent): boolean;
|
|
296
|
-
/**
|
|
297
|
-
* @hidden
|
|
298
|
-
*/
|
|
299
|
-
ariaDropEffect(index: number): string;
|
|
300
|
-
/**
|
|
301
|
-
* @hidden
|
|
302
|
-
*/
|
|
303
|
-
focusHandler(index: number): void;
|
|
304
|
-
/**
|
|
305
|
-
* @hidden
|
|
306
|
-
*/
|
|
307
|
-
blurHandler(): void;
|
|
308
|
-
/**
|
|
309
|
-
* @hidden
|
|
310
|
-
*/
|
|
311
|
-
onArrowHandler(event: any, keyCode: string): void;
|
|
312
|
-
/**
|
|
313
|
-
* @hidden
|
|
314
|
-
*/
|
|
315
|
-
onEnterHandler(item: any): void;
|
|
316
|
-
/**
|
|
317
|
-
* @hidden
|
|
318
|
-
*/
|
|
319
|
-
onEscapeHandler(event: KeyboardEvent): void;
|
|
320
|
-
/**
|
|
321
|
-
* @hidden
|
|
322
|
-
*/
|
|
323
|
-
keydownHandler: (event: KeyboardEvent) => void;
|
|
324
|
-
/**
|
|
325
|
-
* Removes the currently active item from the Data collection that the Sortable uses.
|
|
326
|
-
*/
|
|
327
|
-
removeDataItem(index: number): void;
|
|
328
|
-
/**
|
|
329
|
-
* Sets a boolean value that indicates whether the item will be hidden or not.
|
|
330
|
-
* @hidden
|
|
331
|
-
*/
|
|
332
|
-
hideItem(index: number, hidden?: boolean): void;
|
|
333
|
-
/**
|
|
334
|
-
* Gets or sets a boolean value that indicates whether the currently dragged item will be hidden.
|
|
335
|
-
*
|
|
336
|
-
* If the currently dragged item is hidden, returns `true`.
|
|
337
|
-
* If the currently dragged item is visible, returns `false`.
|
|
338
|
-
*/
|
|
339
|
-
get hideActiveItem(): boolean;
|
|
340
|
-
set hideActiveItem(value: boolean);
|
|
341
|
-
/**
|
|
342
|
-
* Clears the active item.
|
|
343
|
-
* An active item is the one that is currently focused when the user navigates with the keyboard.
|
|
344
|
-
*/
|
|
345
|
-
clearActiveItem(): void;
|
|
346
|
-
/**
|
|
347
|
-
* Returns the currently active item when the user navigates with the keyboard.
|
|
348
|
-
* @return - The data item which is currently active.
|
|
349
|
-
*/
|
|
350
|
-
getActiveItem(): any;
|
|
351
|
-
/**
|
|
352
|
-
* Inserts a new data item at a particular index in the Sortable component.
|
|
353
|
-
* @param dataItem - The data item.
|
|
354
|
-
* @param index - The index at which the data item is inserted.
|
|
355
|
-
*/
|
|
356
|
-
addDataItem(dataItem: any, index: number): void;
|
|
357
|
-
/**
|
|
358
|
-
* Moves a data item from one index to another in the Sortable component.
|
|
359
|
-
* @param fromIndex - The data item's index.
|
|
360
|
-
* @param toIndex - The index which the data item should be moved to. Item currently sitting at that index is pushed back one position.
|
|
361
|
-
*/
|
|
362
|
-
moveItem(fromIndex: number, toIndex: number): void;
|
|
363
|
-
/**
|
|
364
|
-
* @hidden
|
|
365
|
-
*/
|
|
366
|
-
animate(draggables: any[]): void;
|
|
367
|
-
/**
|
|
368
|
-
* @hidden
|
|
369
|
-
*/
|
|
370
|
-
positionHintFromEvent(event: any): void;
|
|
371
|
-
/**
|
|
372
|
-
* @hidden
|
|
373
|
-
*/
|
|
374
|
-
parentOffset(): any;
|
|
375
|
-
/**
|
|
376
|
-
* @hidden
|
|
377
|
-
*/
|
|
378
|
-
markForCheck(): void;
|
|
379
|
-
/**
|
|
380
|
-
* @hidden
|
|
381
|
-
*/
|
|
382
|
-
reflow(element: any): void;
|
|
383
|
-
/**
|
|
384
|
-
* @hidden
|
|
385
|
-
*/
|
|
386
|
-
swapFocusableChildren(firstItemIndex: number, secondItemIndex: number): void;
|
|
387
|
-
/**
|
|
388
|
-
* @hidden
|
|
389
|
-
*/
|
|
390
|
-
applyAnimationStyle(el: any, prop: any, val: string): void;
|
|
391
|
-
private subscribeEvents;
|
|
392
|
-
private unsubscribeEvents;
|
|
393
|
-
private placeHolderItemData;
|
|
394
|
-
private fixFocus;
|
|
395
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SortableComponent, never>;
|
|
396
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SortableComponent, "kendo-sortable", ["kendoSortable"], { "tabIndex": { "alias": "tabIndex"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "data": { "alias": "data"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "disabledIndexes": { "alias": "disabledIndexes"; "required": false; }; "zone": { "alias": "zone"; "required": false; }; "acceptZones": { "alias": "acceptZones"; "required": false; }; "itemStyle": { "alias": "itemStyle"; "required": false; }; "emptyItemStyle": { "alias": "emptyItemStyle"; "required": false; }; "activeItemStyle": { "alias": "activeItemStyle"; "required": false; }; "disabledItemStyle": { "alias": "disabledItemStyle"; "required": false; }; "itemClass": { "alias": "itemClass"; "required": false; }; "activeItemClass": { "alias": "activeItemClass"; "required": false; }; "emptyItemClass": { "alias": "emptyItemClass"; "required": false; }; "disabledItemClass": { "alias": "disabledItemClass"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; }, { "dragStart": "dragStart"; "dragEnd": "dragEnd"; "dragOver": "dragOver"; "dragLeave": "dragLeave"; "dataMove": "dataMove"; "dataAdd": "dataAdd"; "dataRemove": "dataRemove"; "navigate": "navigate"; }, ["defaultTemplateRef", "itemTemplateDirectiveRef", "placeholderTemplateDirectiveRef"], never, true, never>;
|
|
397
|
-
}
|
package/sortable.module.d.ts
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 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 i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "./sortable.component";
|
|
7
|
-
import * as i2 from "./draggable.directive";
|
|
8
|
-
import * as i3 from "./item-template.directive";
|
|
9
|
-
import * as i4 from "./binding.directive";
|
|
10
|
-
/**
|
|
11
|
-
* Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Sortable component.
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```typescript
|
|
15
|
-
* import { NgModule } from '@angular/core';
|
|
16
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
17
|
-
* import { SortableModule } from '@progress/kendo-angular-sortable';
|
|
18
|
-
* import { AppComponent } from './app.component';
|
|
19
|
-
*
|
|
20
|
-
* @NgModule({
|
|
21
|
-
* declarations: [AppComponent],
|
|
22
|
-
* imports: [BrowserModule, SortableModule],
|
|
23
|
-
* bootstrap: [AppComponent]
|
|
24
|
-
* })
|
|
25
|
-
* export class AppModule {}
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
export declare class SortableModule {
|
|
29
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SortableModule, never>;
|
|
30
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SortableModule, never, [typeof i1.SortableComponent, typeof i2.DraggableDirective, typeof i3.PlaceholderTemplateDirective, typeof i3.ItemTemplateDirective, typeof i4.SortableBindingDirective], [typeof i1.SortableComponent, typeof i2.DraggableDirective, typeof i3.PlaceholderTemplateDirective, typeof i3.ItemTemplateDirective, typeof i4.SortableBindingDirective]>;
|
|
31
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SortableModule>;
|
|
32
|
-
}
|
package/sortable.service.d.ts
DELETED
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { NgZone, OnDestroy } from '@angular/core';
|
|
6
|
-
import { SortableComponent } from './sortable.component';
|
|
7
|
-
import { DraggableDirective } from './draggable.directive';
|
|
8
|
-
import { Subject } from 'rxjs';
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* The `SortableService` is a service that manages the drag-and-drop functionality
|
|
12
|
-
* for transferring items between Sortable components.
|
|
13
|
-
*/
|
|
14
|
-
export declare class SortableService implements OnDestroy {
|
|
15
|
-
private ngZone;
|
|
16
|
-
/**
|
|
17
|
-
* Specifies the Draggable item that is currently being moved.
|
|
18
|
-
*/
|
|
19
|
-
activeDraggable: DraggableDirective;
|
|
20
|
-
/**
|
|
21
|
-
* Specifies the Draggable item from which the dragging started.
|
|
22
|
-
*/
|
|
23
|
-
originDraggable: DraggableDirective;
|
|
24
|
-
/**
|
|
25
|
-
* @hidden
|
|
26
|
-
*/
|
|
27
|
-
originIndex: number;
|
|
28
|
-
/**
|
|
29
|
-
* @hidden
|
|
30
|
-
*/
|
|
31
|
-
targetSortable: {
|
|
32
|
-
component: SortableComponent;
|
|
33
|
-
index: number;
|
|
34
|
-
};
|
|
35
|
-
/**
|
|
36
|
-
* Specifies the Draggable item that last emitted an event.
|
|
37
|
-
*/
|
|
38
|
-
lastDraggable: DraggableDirective;
|
|
39
|
-
/**
|
|
40
|
-
* @hidden
|
|
41
|
-
*/
|
|
42
|
-
onPressSubject: Subject<any>;
|
|
43
|
-
/**
|
|
44
|
-
* @hidden
|
|
45
|
-
*/
|
|
46
|
-
onDragSubject: Subject<any>;
|
|
47
|
-
/**
|
|
48
|
-
* @hidden
|
|
49
|
-
*/
|
|
50
|
-
onReleaseSubject: Subject<any>;
|
|
51
|
-
private subscriptions;
|
|
52
|
-
private source;
|
|
53
|
-
private _target;
|
|
54
|
-
private sortableCounter;
|
|
55
|
-
private sortableRegister;
|
|
56
|
-
private pressArgs;
|
|
57
|
-
/**
|
|
58
|
-
* Specifies the `SortableComponent` instance under the currently dragged item.
|
|
59
|
-
*/
|
|
60
|
-
set target(target: SortableComponent);
|
|
61
|
-
get target(): SortableComponent;
|
|
62
|
-
/**
|
|
63
|
-
* @hidden
|
|
64
|
-
*/
|
|
65
|
-
constructor(ngZone: NgZone);
|
|
66
|
-
/**
|
|
67
|
-
* @hidden
|
|
68
|
-
*/
|
|
69
|
-
onPress(e: any): void;
|
|
70
|
-
/**
|
|
71
|
-
* @hidden
|
|
72
|
-
*/
|
|
73
|
-
onDrag(e: any): void;
|
|
74
|
-
/**
|
|
75
|
-
* @hidden
|
|
76
|
-
*/
|
|
77
|
-
onRelease(e: any): void;
|
|
78
|
-
/**
|
|
79
|
-
* @hidden
|
|
80
|
-
*/
|
|
81
|
-
ngOnDestroy(): void;
|
|
82
|
-
/**
|
|
83
|
-
* Registers a `SortableComponent` with the `SortableService` so that it can be managed by the service.
|
|
84
|
-
*
|
|
85
|
-
* @param sortableComponent - The `SortableComponent`.
|
|
86
|
-
* @return - The unique key that the current `SortableComponent` gets when registered.
|
|
87
|
-
*/
|
|
88
|
-
registerComponent(sortableComponent: SortableComponent): string;
|
|
89
|
-
/**
|
|
90
|
-
* Removes a `SortableComponent` from the registered `SortableComponents` with which the service operates.
|
|
91
|
-
*
|
|
92
|
-
* @param key - The key of the `SortableComponent` which will be removed from the register.
|
|
93
|
-
* Obtained when `registerComponent` is called.
|
|
94
|
-
*/
|
|
95
|
-
unregisterComponent(key: string): void;
|
|
96
|
-
/**
|
|
97
|
-
* Sets the `SortableComponent` as a source component. When dragging an item from one Sortable to another,
|
|
98
|
-
* the source component is the one from which the item originates.
|
|
99
|
-
*
|
|
100
|
-
* @param sortable - The `SortableComponent`.
|
|
101
|
-
*/
|
|
102
|
-
setSource(sortable: SortableComponent): void;
|
|
103
|
-
/**
|
|
104
|
-
* Returns the source `SortableComponent` from which
|
|
105
|
-
* an item is dragged to other Sortable components.
|
|
106
|
-
*
|
|
107
|
-
* @return - The `SourceComponent`.
|
|
108
|
-
*/
|
|
109
|
-
getSource(): SortableComponent;
|
|
110
|
-
/**
|
|
111
|
-
* The method that finds the `SortableComponent` which is registered to
|
|
112
|
-
* the `SortableService` by using the arguments of the `touch` event.
|
|
113
|
-
*
|
|
114
|
-
* @param touch - A Touch-Object of the `Touch` type interface.
|
|
115
|
-
* Represents a single contact point (finger or stylus)
|
|
116
|
-
* on a touch-sensitive device (touchscreen or trackpad).
|
|
117
|
-
*
|
|
118
|
-
* @return { component: SortableComponent, index: number } - An object where the component is the `SortableComponent` that owns the item and the index is the index of the touched item.
|
|
119
|
-
*/
|
|
120
|
-
getSortableComponentFromTouch(touch: any): {
|
|
121
|
-
component: SortableComponent;
|
|
122
|
-
index: number;
|
|
123
|
-
};
|
|
124
|
-
private start;
|
|
125
|
-
private release;
|
|
126
|
-
private drag;
|
|
127
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SortableService, never>;
|
|
128
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<SortableService>;
|
|
129
|
-
}
|
package/util.d.ts
DELETED
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare const MINIMAL_DRAG_DISTANCE = 5;
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare const matchesNodeName: (nodeName: string) => any;
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export declare const matchesNodeAttr: (nodeAttr: string) => any;
|
|
17
|
-
/**
|
|
18
|
-
* @hidden
|
|
19
|
-
*/
|
|
20
|
-
export declare const closest: (node: any, predicate: any) => any;
|
|
21
|
-
/**
|
|
22
|
-
* Returns an object specifying whether there is a `DraggableDirective` under the cursor.
|
|
23
|
-
* @hidden
|
|
24
|
-
*/
|
|
25
|
-
export declare const draggableFromPoint: Function;
|
|
26
|
-
/**
|
|
27
|
-
* Returns the DraggableDirective under the cursor.
|
|
28
|
-
* @hidden
|
|
29
|
-
*/
|
|
30
|
-
export declare const draggableFromEvent: Function;
|
|
31
|
-
/**
|
|
32
|
-
* @hidden
|
|
33
|
-
*/
|
|
34
|
-
export declare const getAllFocusableChildren: (parent: any) => Array<any>;
|
|
35
|
-
/**
|
|
36
|
-
* @hidden
|
|
37
|
-
*/
|
|
38
|
-
export declare const getFirstAndLastFocusable: (parent: any) => Array<HTMLElement>;
|
|
39
|
-
/**
|
|
40
|
-
* @hidden
|
|
41
|
-
*/
|
|
42
|
-
export declare const keepFocusWithinComponent: (event: any, wrapper: HTMLElement) => void;
|
|
43
|
-
/**
|
|
44
|
-
* @hidden
|
|
45
|
-
*/
|
|
46
|
-
export declare const isFocusable: (element: any) => boolean;
|
|
47
|
-
/**
|
|
48
|
-
* @hidden
|
|
49
|
-
*/
|
|
50
|
-
export declare const hasClasses: (element: any, classNames: string) => boolean;
|
|
51
|
-
/**
|
|
52
|
-
* @hidden
|
|
53
|
-
*/
|
|
54
|
-
export declare const widgetTarget: (target: any) => boolean;
|
|
55
|
-
/**
|
|
56
|
-
* @hidden
|
|
57
|
-
*/
|
|
58
|
-
export declare const relativeContextElement: (element: any) => any;
|