@progress/kendo-angular-sortable 17.0.0-develop.8 → 17.0.0

package/{esm2020 → esm2022}/sortable.component.mjs

@@ -37,213 +37,14 @@ const KEY_SHORTCUTS = 'Control+ArrowLeft Control+ArrowRight Meta+ArrowLeft Meta+
  * Represents the Kendo UI Sortable component for Angular.
  */
 export class SortableComponent {
-    constructor(ngZone, renderer, changeDetector, localization, wrapper, sortableService) {
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.changeDetector = changeDetector;
-        this.localization = localization;
-        /**
-         * Specifies the tab index of the Sortable component.
-         */
-        this.tabIndex = null;
-        /**
-         * Enables or disables the [keyboard navigation]({% slug keyboard_navigation_sortable %}).
-         * @default false
-         */
-        this.navigable = false;
-        /**
-         * Enables or disables the built-in animations.
-         * @default false
-         */
-        this.animation = false;
-        /**
-         * Sets an array of integers, which represent the indexes of the disabled items from the data array
-         * ([see example](slug:items_sortable#toc-disabling-items)).
-         */
-        this.disabledIndexes = [];
-        /**
-         * Sets a string that represents the name of the zone to which the Sortable belongs
-         * ([see example](slug:items_sortable#toc-transferring-of-items)). Items can be transferred
-         * between Sortables which belong to the same zone.
-         */
-        this.zone = undefined;
-        /**
-         * Defines the zones from which items can be transferred onto the current Sortable component
-         * ([see example](slug:items_sortable#toc-transferring-of-items)). If the `acceptZones` property
-         * of the target Sortable is set, allows you to transfer items between Sortables which belong
-         * to different zones.
-         */
-        this.acceptZones = undefined;
-        /**
-         * Represents the CSS styles which are applied to each Sortable item.
-         *
-         * @example
-         * ```ts
-         * import { Component } from '@angular/core';
-         * import { SortableModule } from '@progress/kendo-angular-sortable';
-         *
-         * _@Component({
-         *  selector: 'my-app',
-         *  template: `
-         *   <kendo-sortable
-         *      [data]="['1','2','3','4','5','6','7']"
-         *      [itemStyle] ="{
-         *          'display': 'inline-block',
-         *          'background-color': '#51A0ED',
-         *          'height':'50px',
-         *          'width':'50px',
-         *          'margin':'3px',
-         *          'cursor':'move'
-         *          }"
-         *      >
-         *   </kendo-sortable>
-         *    `
-         * })
-         * export class AppComponent {
-         * }
-         * ```
-         */
-        this.itemStyle = {};
-        /**
-         * Defines the CSS styles applied to an empty item ([see example]({% slug templates_sortable %})).
-         */
-        this.emptyItemStyle = undefined;
-        /**
-         * Defines the CSS styles which are applied to the currently dragged item ([see example]({% slug templates_sortable %})).
-         */
-        this.activeItemStyle = undefined;
-        /**
-         * Defines the CSS styles which are applied to all disabled items.
-         */
-        this.disabledItemStyle = undefined;
-        /**
-         * Defines the class which is applied to each Sortable item.
-         */
-        this.itemClass = "";
-        /**
-         * Defines the class which is applied to the active Sortable item.
-         */
-        this.activeItemClass = null;
-        /**
-         * Defines the class which is applied to the empty item when the Sortable has empty data.
-         */
-        this.emptyItemClass = null;
-        /**
-         * Defines the class which is applied to each disabled Sortable item.
-         */
-        this.disabledItemClass = null;
-        /**
-         * Sets the text message that will be displayed when the Sortable has no items.
-         *
-         * @example
-         * ```ts
-         * import { Component } from '@angular/core';
-         * import { SortableModule } from '@progress/kendo-angular-sortable';
-         *
-         * _@Component({
-         *  selector: 'my-app',
-         *  template: `
-         *    <kendo-sortable [data]="[]"
-         *      [emptyText]="'No items - custom message and styles'"
-         *      [emptyItemStyle] = "{'height': '40px', 'width':'400px', 'border': '2px dashed black'}" >
-         *    </kendo-sortable>
-         *    `
-         * })
-         * export class AppComponent { }
-         * ```
-         */
-        this.emptyText = "Empty";
-        /**
-         * @hidden
-         */
-        this.defaultTemplateRef = null;
-        /**
-         * Defines the template that will be used for rendering the items.
-         * @hidden
-         */
-        this.itemTemplateDirectiveRef = null;
-        /**
-         * Defines the template that will be used for rendering the placeholder.
-         * @hidden
-         */
-        this.placeholderTemplateDirectiveRef = null;
-        this.itemWrappers = new QueryList();
-        /**
-         * Fires when the dragging of an item is started.
-         */
-        this.dragStart = new EventEmitter();
-        /**
-         * Fires when the dragging of an item is completed.
-         */
-        this.dragEnd = new EventEmitter();
-        /**
-         * Fires while the dragging of an item is in progress.
-         */
-        this.dragOver = new EventEmitter();
-        /**
-         * Fires when dragging an item outside of the component.
-         */
-        this.dragLeave = new EventEmitter();
-        /**
-         * Fires while the moving an item from one position to another.
-         */
-        this.dataMove = new EventEmitter();
-        /**
-         * Fires when a new item is added to the Sortable.
-         */
-        this.dataAdd = new EventEmitter();
-        /**
-         * Fires when an item is removed from the Sortable.
-         */
-        this.dataRemove = new EventEmitter();
-        /**
-         * Fires when navigating using the keyboard.
-         */
-        this.navigate = new EventEmitter();
-        /**
-         * The index of the currently focused item.
-         * If no item is focused, set to `-1`.
-         */
-        this.activeIndex = -1;
-        this.hostRole = 'list';
-        /**
-         * Flag indicating if the component is currently playing animations.
-         * @hidden
-         */
-        this.animating = false;
-        /**
-         * The index of the currently dragged item.
-         */
-        this.dragIndex = -1;
-        /**
-         * The index of the item above which the dragged item is.
-         */
-        this.dragOverIndex = -1;
-        this.onDragStartSubject = new Subject();
-        this.onDragOverSubject = new Subject();
-        this.onDragLeaveSubject = new Subject();
-        this.onDragEndSubject = new Subject();
-        /**
-         * The location of the hint indicator when dragging on mobile devices.
-         */
-        this.hintLocation = null;
-        this._localData = [];
-        /**
-         * @hidden
-         */
-        this.ariaKeyShortcuts = KEY_SHORTCUTS;
-        this.focusableItems = [];
-        this.animationDuration = 300;
-        this.afterKeyPress = false;
-        this.sortableService = null;
-        this._hideActiveItem = false;
-        this.prevActiveIndex = 0;
-        validatePackage(packageMetadata);
-        this.wrapper = wrapper.nativeElement;
-        this.direction = localization.rtl ? 'rtl' : 'ltr';
-        this.sortableService = sortableService;
-        this.subscribeEvents();
-    }
+    ngZone;
+    renderer;
+    changeDetector;
+    localization;
+    /**
+     * Specifies the tab index of the Sortable component.
+     */
+    tabIndex = null;
     /**
      * Sets an array of any data that is used as a data source for the Sortable.
      * {% meta height:430 %}
@@ -262,6 +63,11 @@ export class SortableComponent {
     get data() {
         return this._data;
     }
+    /**
+     * Enables or disables the [keyboard navigation]({% slug keyboard_navigation_sortable %}).
+     * @default false
+     */
+    navigable = false;
     /**
      * @hidden
      *
@@ -270,12 +76,220 @@ export class SortableComponent {
     set navigatable(value) {
         this.navigable = value;
     }
+    /**
+     * Enables or disables the built-in animations.
+     * @default false
+     */
+    animation = false;
+    /**
+     * Sets an array of integers, which represent the indexes of the disabled items from the data array
+     * ([see example](slug:items_sortable#toc-disabling-items)).
+     */
+    disabledIndexes = [];
+    /**
+     * Sets a string that represents the name of the zone to which the Sortable belongs
+     * ([see example](slug:items_sortable#toc-transferring-of-items)). Items can be transferred
+     * between Sortables which belong to the same zone.
+     */
+    zone = undefined;
+    /**
+     * Defines the zones from which items can be transferred onto the current Sortable component
+     * ([see example](slug:items_sortable#toc-transferring-of-items)). If the `acceptZones` property
+     * of the target Sortable is set, allows you to transfer items between Sortables which belong
+     * to different zones.
+     */
+    acceptZones = undefined;
+    /**
+     * Represents the CSS styles which are applied to each Sortable item.
+     *
+     * @example
+     * ```ts
+     * import { Component } from '@angular/core';
+     * import { SortableModule } from '@progress/kendo-angular-sortable';
+     *
+     * _@Component({
+     *  selector: 'my-app',
+     *  template: `
+     *   <kendo-sortable
+     *      [data]="['1','2','3','4','5','6','7']"
+     *      [itemStyle] ="{
+     *          'display': 'inline-block',
+     *          'background-color': '#51A0ED',
+     *          'height':'50px',
+     *          'width':'50px',
+     *          'margin':'3px',
+     *          'cursor':'move'
+     *          }"
+     *      >
+     *   </kendo-sortable>
+     *    `
+     * })
+     * export class AppComponent {
+     * }
+     * ```
+     */
+    itemStyle = {};
+    /**
+     * Defines the CSS styles applied to an empty item ([see example]({% slug templates_sortable %})).
+     */
+    emptyItemStyle = undefined;
+    /**
+     * Defines the CSS styles which are applied to the currently dragged item ([see example]({% slug templates_sortable %})).
+     */
+    activeItemStyle = undefined;
+    /**
+     * Defines the CSS styles which are applied to all disabled items.
+     */
+    disabledItemStyle = undefined;
+    /**
+     * Defines the class which is applied to each Sortable item.
+     */
+    itemClass = "";
+    /**
+     * Defines the class which is applied to the active Sortable item.
+     */
+    activeItemClass = null;
+    /**
+     * Defines the class which is applied to the empty item when the Sortable has empty data.
+     */
+    emptyItemClass = null;
+    /**
+     * Defines the class which is applied to each disabled Sortable item.
+     */
+    disabledItemClass = null;
+    /**
+     * Sets the text message that will be displayed when the Sortable has no items.
+     *
+     * @example
+     * ```ts
+     * import { Component } from '@angular/core';
+     * import { SortableModule } from '@progress/kendo-angular-sortable';
+     *
+     * _@Component({
+     *  selector: 'my-app',
+     *  template: `
+     *    <kendo-sortable [data]="[]"
+     *      [emptyText]="'No items - custom message and styles'"
+     *      [emptyItemStyle] = "{'height': '40px', 'width':'400px', 'border': '2px dashed black'}" >
+     *    </kendo-sortable>
+     *    `
+     * })
+     * export class AppComponent { }
+     * ```
+     */
+    emptyText = "Empty";
+    /**
+     * @hidden
+     */
+    defaultTemplateRef = null;
+    /**
+     * Defines the template that will be used for rendering the items.
+     * @hidden
+     */
+    itemTemplateDirectiveRef = null;
+    /**
+     * Defines the template that will be used for rendering the placeholder.
+     * @hidden
+     */
+    placeholderTemplateDirectiveRef = null;
+    itemWrappers = new QueryList();
+    draggables;
+    noDataContainer;
+    hint;
+    /**
+     * Fires when the dragging of an item is started.
+     */
+    dragStart = new EventEmitter();
+    /**
+     * Fires when the dragging of an item is completed.
+     */
+    dragEnd = new EventEmitter();
+    /**
+     * Fires while the dragging of an item is in progress.
+     */
+    dragOver = new EventEmitter();
+    /**
+     * Fires when dragging an item outside of the component.
+     */
+    dragLeave = new EventEmitter();
+    /**
+     * Fires while the moving an item from one position to another.
+     */
+    dataMove = new EventEmitter();
+    /**
+     * Fires when a new item is added to the Sortable.
+     */
+    dataAdd = new EventEmitter();
+    /**
+     * Fires when an item is removed from the Sortable.
+     */
+    dataRemove = new EventEmitter();
+    /**
+     * Fires when navigating using the keyboard.
+     */
+    navigate = new EventEmitter();
+    /**
+     * The index of the currently focused item.
+     * If no item is focused, set to `-1`.
+     */
+    activeIndex = -1;
     get touchAction() {
         return "none";
     }
     get dir() {
         return this.direction;
     }
+    hostRole = 'list';
+    /**
+     * Flag indicating if the component is currently playing animations.
+     * @hidden
+     */
+    animating = false;
+    /**
+     * The index of the currently dragged item.
+     */
+    dragIndex = -1;
+    /**
+     * The index of the item above which the dragged item is.
+     */
+    dragOverIndex = -1;
+    onDragStartSubject = new Subject();
+    onDragOverSubject = new Subject();
+    onDragLeaveSubject = new Subject();
+    onDragEndSubject = new Subject();
+    /**
+     * The SortableComponent's HTMLElement.
+     */
+    wrapper;
+    /**
+     * The location of the hint indicator when dragging on mobile devices.
+     */
+    hintLocation = null;
+    id;
+    itemTemplateRef;
+    placeholderTemplateRef;
+    _data;
+    _localData = [];
+    /**
+     * @hidden
+     */
+    ariaKeyShortcuts = KEY_SHORTCUTS;
+    localizationChangeSubscription;
+    dragStartSubscription;
+    dragOverSubscription;
+    dragLeaveSubscription;
+    dragEndSubscription;
+    childrenTabindexSubscription;
+    focusableItems = [];
+    animationDuration = 300;
+    afterKeyPress = false;
+    sortableService = null;
+    _hideActiveItem = false;
+    prevActiveIndex = 0;
+    direction;
+    _animating;
+    draggable;
+    offsetParent;
     setItemData(data, i) {
         this._localData[i].item = data.item;
         this._localData[i].index = data.index;
@@ -294,6 +308,17 @@ export class SortableComponent {
         }
         return template;
     }
+    constructor(ngZone, renderer, changeDetector, localization, wrapper, sortableService) {
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.changeDetector = changeDetector;
+        this.localization = localization;
+        validatePackage(packageMetadata);
+        this.wrapper = wrapper.nativeElement;
+        this.direction = localization.rtl ? 'rtl' : 'ltr';
+        this.sortableService = sortableService;
+        this.subscribeEvents();
+    }
     ngOnInit() {
         if (!this.data) {
             this.data = [];
@@ -978,19 +1003,18 @@ export class SortableComponent {
             }
         }
     }
-}
-SortableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i2.SortableService }], target: i0.ɵɵFactoryTarget.Component });
-SortableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SortableComponent, isStandalone: true, selector: "kendo-sortable", inputs: { tabIndex: "tabIndex", data: "data", navigable: "navigable", navigatable: "navigatable", animation: "animation", disabledIndexes: "disabledIndexes", zone: "zone", acceptZones: "acceptZones", itemStyle: "itemStyle", emptyItemStyle: "emptyItemStyle", activeItemStyle: "activeItemStyle", disabledItemStyle: "disabledItemStyle", itemClass: "itemClass", activeItemClass: "activeItemClass", emptyItemClass: "emptyItemClass", disabledItemClass: "disabledItemClass", emptyText: "emptyText", activeIndex: "activeIndex" }, outputs: { dragStart: "dragStart", dragEnd: "dragEnd", dragOver: "dragOver", dragLeave: "dragLeave", dataMove: "dataMove", dataAdd: "dataAdd", dataRemove: "dataRemove", navigate: "navigate" }, host: { properties: { "style.touch-action": "this.touchAction", "attr.dir": "this.dir", "attr.role": "this.hostRole" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.sortable'
-        },
-        {
-            provide: SortableContainer,
-            useExisting: forwardRef(() => SortableComponent)
-        }
-    ], queries: [{ propertyName: "defaultTemplateRef", predicate: TemplateRef }, { propertyName: "itemTemplateDirectiveRef", predicate: ItemTemplateDirective, read: TemplateRef }, { propertyName: "placeholderTemplateDirectiveRef", predicate: PlaceholderTemplateDirective, read: TemplateRef }], viewQueries: [{ propertyName: "noDataContainer", first: true, predicate: ["noDataRef"], descendants: true }, { propertyName: "hint", first: true, predicate: ["hint"], descendants: true }, { propertyName: "itemWrappers", predicate: ["itemWrapper"], descendants: true }, { propertyName: "draggables", predicate: DraggableDirective, descendants: true }], exportAs: ["kendoSortable"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableComponent, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i2.SortableService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SortableComponent, isStandalone: true, selector: "kendo-sortable", inputs: { tabIndex: "tabIndex", data: "data", navigable: "navigable", navigatable: "navigatable", animation: "animation", disabledIndexes: "disabledIndexes", zone: "zone", acceptZones: "acceptZones", itemStyle: "itemStyle", emptyItemStyle: "emptyItemStyle", activeItemStyle: "activeItemStyle", disabledItemStyle: "disabledItemStyle", itemClass: "itemClass", activeItemClass: "activeItemClass", emptyItemClass: "emptyItemClass", disabledItemClass: "disabledItemClass", emptyText: "emptyText", activeIndex: "activeIndex" }, outputs: { dragStart: "dragStart", dragEnd: "dragEnd", dragOver: "dragOver", dragLeave: "dragLeave", dataMove: "dataMove", dataAdd: "dataAdd", dataRemove: "dataRemove", navigate: "navigate" }, host: { properties: { "style.touch-action": "this.touchAction", "attr.dir": "this.dir", "attr.role": "this.hostRole" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.sortable'
+            },
+            {
+                provide: SortableContainer,
+                useExisting: forwardRef(() => SortableComponent)
+            }
+        ], queries: [{ propertyName: "defaultTemplateRef", predicate: TemplateRef }, { propertyName: "itemTemplateDirectiveRef", predicate: ItemTemplateDirective, read: TemplateRef }, { propertyName: "placeholderTemplateDirectiveRef", predicate: PlaceholderTemplateDirective, read: TemplateRef }], viewQueries: [{ propertyName: "noDataContainer", first: true, predicate: ["noDataRef"], descendants: true }, { propertyName: "hint", first: true, predicate: ["hint"], descendants: true }, { propertyName: "itemWrappers", predicate: ["itemWrapper"], descendants: true }, { propertyName: "draggables", predicate: DraggableDirective, descendants: true }], exportAs: ["kendoSortable"], usesOnChanges: true, ngImport: i0, template: `
     <div #itemWrapper *ngFor="let item of _localData;let i=index"
         kendoDraggable
         role="listitem"
@@ -1037,7 +1061,8 @@ SortableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
         <ng-container *ngIf="!itemTemplateRef">{{_localData[dragIndex].item}}</ng-container>
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["index", "disabled", "hidden"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoSortable',

package/{esm2020 → esm2022}/sortable.module.mjs

@@ -42,11 +42,11 @@ import * as i4 from "./binding.directive";
  * ```
  */
 export class SortableModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SortableModule, imports: [i1.SortableComponent, i2.DraggableDirective, i3.PlaceholderTemplateDirective, i3.ItemTemplateDirective, i4.SortableBindingDirective], exports: [i1.SortableComponent, i2.DraggableDirective, i3.PlaceholderTemplateDirective, i3.ItemTemplateDirective, i4.SortableBindingDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableModule, providers: [SortableService] });
 }
-SortableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SortableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, imports: [i1.SortableComponent, i2.DraggableDirective, i3.PlaceholderTemplateDirective, i3.ItemTemplateDirective, i4.SortableBindingDirective], exports: [i1.SortableComponent, i2.DraggableDirective, i3.PlaceholderTemplateDirective, i3.ItemTemplateDirective, i4.SortableBindingDirective] });
-SortableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, providers: [SortableService], imports: [i1.SortableComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_SORTABLE],

package/{esm2020 → esm2022}/sortable.service.mjs

@@ -18,40 +18,56 @@ const allowDrag = (e) => {
  *
  */
 export class SortableService {
+    ngZone;
+    /**
+     * Specifies the Draggable item that is currently being moved.
+     */
+    activeDraggable = null;
+    /**
+     * Specifies the Draggable item from which the dragging started.
+     */
+    originDraggable = null;
+    /**
+     * @hidden
+     */
+    originIndex;
+    /**
+     * @hidden
+     */
+    targetSortable = null;
+    /**
+     * Specifies the Draggable item that last emitted an event.
+     */
+    lastDraggable = null;
+    /**
+     * @hidden
+     */
+    onPressSubject = new Subject();
+    /**
+     * @hidden
+     */
+    onDragSubject = new Subject();
+    /**
+     * @hidden
+     */
+    onReleaseSubject = new Subject();
+    subscriptions;
+    source = null;
+    _target = null;
+    sortableCounter = 0;
+    sortableRegister = {};
+    pressArgs;
+    /**
+     * Specifies the `SortableComponent` instance under the currently dragged item.
+     */
+    set target(target) {
+        this._target = target;
+    }
+    get target() {
+        return this._target;
+    }
     constructor(ngZone) {
         this.ngZone = ngZone;
-        /**
-         * Specifies the Draggable item that is currently being moved.
-         */
-        this.activeDraggable = null;
-        /**
-         * Specifies the Draggable item from which the dragging started.
-         */
-        this.originDraggable = null;
-        /**
-         * @hidden
-         */
-        this.targetSortable = null;
-        /**
-         * Specifies the Draggable item that last emitted an event.
-         */
-        this.lastDraggable = null;
-        /**
-         * @hidden
-         */
-        this.onPressSubject = new Subject();
-        /**
-         * @hidden
-         */
-        this.onDragSubject = new Subject();
-        /**
-         * @hidden
-         */
-        this.onReleaseSubject = new Subject();
-        this.source = null;
-        this._target = null;
-        this.sortableCounter = 0;
-        this.sortableRegister = {};
         if (!isDocumentAvailable()) {
             return;
         }
@@ -66,15 +82,6 @@ export class SortableService {
         }), switchMap(_drag => this.onDragSubject.pipe(filter(_ => Boolean(this.targetSortable)), //stop further events if dragStart is prevented
         tap((e) => this.drag(e))))).subscribe();
     }
-    /**
-     * Specifies the `SortableComponent` instance under the currently dragged item.
-     */
-    set target(target) {
-        this._target = target;
-    }
-    get target() {
-        return this._target;
-    }
     /**
      * @hidden
      */
@@ -216,10 +223,10 @@ export class SortableService {
             this.source.markForCheck();
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableService, providedIn: 'root' });
 }
-SortableService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-SortableService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SortableService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SortableService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'