@progress/kendo-angular-sortable 24.2.2 → 25.0.0-develop.2

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.
@@ -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
- }
@@ -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
- }
@@ -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;