@progress/kendo-angular-utils 21.4.1 → 22.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/progress-kendo-angular-utils.mjs +38 -38
- package/package.json +8 -16
- package/esm2022/adaptive-breakpoints/adaptive-settings.mjs +0 -20
- package/esm2022/adaptive-breakpoints/adaptive-settings.service.mjs +0 -29
- package/esm2022/adaptive-breakpoints/adaptive.service.mjs +0 -114
- package/esm2022/adaptive-breakpoints/index.mjs +0 -7
- package/esm2022/adaptive-breakpoints/models/adaptive-settings.mjs +0 -5
- package/esm2022/adaptive-breakpoints/models/adaptive-size.mjs +0 -5
- package/esm2022/directives.mjs +0 -45
- package/esm2022/drag-and-drop/drag-state.service.mjs +0 -139
- package/esm2022/drag-and-drop/draghandle.directive.mjs +0 -49
- package/esm2022/drag-and-drop/dragtarget-container.directive.mjs +0 -709
- package/esm2022/drag-and-drop/dragtarget.directive.mjs +0 -596
- package/esm2022/drag-and-drop/droptarget-container.directive.mjs +0 -236
- package/esm2022/drag-and-drop/droptarget.directive.mjs +0 -137
- package/esm2022/drag-and-drop/events/drag-target/drag-event.mjs +0 -52
- package/esm2022/drag-and-drop/events/drag-target/dragready-event.mjs +0 -32
- package/esm2022/drag-and-drop/events/drag-target/end-event.mjs +0 -46
- package/esm2022/drag-and-drop/events/drag-target/index.mjs +0 -10
- package/esm2022/drag-and-drop/events/drag-target/press-event.mjs +0 -46
- package/esm2022/drag-and-drop/events/drag-target/release-event.mjs +0 -46
- package/esm2022/drag-and-drop/events/drag-target/start-event.mjs +0 -48
- package/esm2022/drag-and-drop/events/drop-target-event.mjs +0 -53
- package/esm2022/drag-and-drop/events/index.mjs +0 -6
- package/esm2022/drag-and-drop/hint.component.mjs +0 -56
- package/esm2022/drag-and-drop/models/autoscroll-options.mjs +0 -5
- package/esm2022/drag-and-drop/models/coordinates.mjs +0 -5
- package/esm2022/drag-and-drop/models/drag-axis.mjs +0 -5
- package/esm2022/drag-and-drop/models/drag-mode.mjs +0 -5
- package/esm2022/drag-and-drop/models/functions.mjs +0 -5
- package/esm2022/drag-and-drop/models/hint-settings.mjs +0 -5
- package/esm2022/drag-and-drop/models/index.mjs +0 -5
- package/esm2022/drag-and-drop/models/scroll-direction.mjs +0 -5
- package/esm2022/drag-and-drop/util.mjs +0 -90
- package/esm2022/drag-and-drop.module.mjs +0 -45
- package/esm2022/index.mjs +0 -17
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/progress-kendo-angular-utils.mjs +0 -8
- package/esm2022/utils.module.mjs +0 -45
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
|
-
import {
|
|
6
|
+
import { HostBinding, Input, Directive, Injectable, Component, isDevMode, EventEmitter, Output, ContentChildren, NgModule, InjectionToken, Optional, Inject } from '@angular/core';
|
|
7
7
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
8
8
|
import { dispatchDragAndDrop, getScrollableParent, autoScroll } from '@progress/kendo-draggable-common';
|
|
9
9
|
import { PreventableEvent, contains, isDocumentAvailable, parseCSSClassNames, isPresent as isPresent$1, areObjectsEqual } from '@progress/kendo-angular-common';
|
|
@@ -35,10 +35,10 @@ class DragHandleDirective {
|
|
|
35
35
|
constructor(element) {
|
|
36
36
|
this.element = element;
|
|
37
37
|
}
|
|
38
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
39
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
38
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragHandleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
39
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: DragHandleDirective, isStandalone: true, selector: "[kendoDragHandle]", inputs: { cursorStyle: "cursorStyle" }, host: { properties: { "style.touch-action": "this.touchActionStyle", "style.cursor": "this.cursorStyle" } }, exportAs: ["kendoDragHandle"], ngImport: i0 });
|
|
40
40
|
}
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragHandleDirective, decorators: [{
|
|
42
42
|
type: Directive,
|
|
43
43
|
args: [{
|
|
44
44
|
selector: '[kendoDragHandle]',
|
|
@@ -63,8 +63,8 @@ const packageMetadata = {
|
|
|
63
63
|
productName: 'Kendo UI for Angular',
|
|
64
64
|
productCode: 'KENDOUIANGULAR',
|
|
65
65
|
productCodes: ['KENDOUIANGULAR'],
|
|
66
|
-
publishDate:
|
|
67
|
-
version: '
|
|
66
|
+
publishDate: 1768402309,
|
|
67
|
+
version: '22.0.0',
|
|
68
68
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
69
69
|
};
|
|
70
70
|
|
|
@@ -277,10 +277,10 @@ class DragStateService {
|
|
|
277
277
|
this.scrollInterval = null;
|
|
278
278
|
}
|
|
279
279
|
}
|
|
280
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
281
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
280
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
281
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragStateService, providedIn: 'root' });
|
|
282
282
|
}
|
|
283
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
283
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragStateService, decorators: [{
|
|
284
284
|
type: Injectable,
|
|
285
285
|
args: [{
|
|
286
286
|
providedIn: 'root'
|
|
@@ -301,15 +301,15 @@ class HintComponent {
|
|
|
301
301
|
constructor(element) {
|
|
302
302
|
this.element = element;
|
|
303
303
|
}
|
|
304
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
305
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
304
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: HintComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
305
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: HintComponent, isStandalone: true, selector: "kendo-draghint", inputs: { template: "template", directive: "directive", targetIndex: "targetIndex", contextData: "contextData", customContext: "customContext" }, host: { properties: { "style.pointer-events": "this.pointerEvents" } }, ngImport: i0, template: `
|
|
306
306
|
<ng-container
|
|
307
307
|
[ngTemplateOutlet]="template"
|
|
308
308
|
[ngTemplateOutletContext]="customContext || { $implicit: this.directive, index: this.targetIndex, data: this.contextData }">
|
|
309
309
|
</ng-container>
|
|
310
310
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
311
311
|
}
|
|
312
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
312
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: HintComponent, decorators: [{
|
|
313
313
|
type: Component,
|
|
314
314
|
args: [{
|
|
315
315
|
selector: 'kendo-draghint',
|
|
@@ -1236,10 +1236,10 @@ class DragTargetContainerDirective {
|
|
|
1236
1236
|
};
|
|
1237
1237
|
}
|
|
1238
1238
|
}
|
|
1239
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1240
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1239
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragTargetContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: DragStateService }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1240
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: DragTargetContainerDirective, isStandalone: true, selector: "[kendoDragTargetContainer]", inputs: { hint: "hint", dragTargetFilter: "dragTargetFilter", dragHandle: "dragHandle", dragDelay: "dragDelay", threshold: "threshold", dragTargetId: "dragTargetId", dragData: "dragData", dragDisabled: "dragDisabled", mode: "mode", cursorStyle: "cursorStyle", hintContext: "hintContext" }, outputs: { onDragReady: "onDragReady", onPress: "onPress", onDragStart: "onDragStart", onDrag: "onDrag", onRelease: "onRelease", onDragEnd: "onDragEnd" }, exportAs: ["kendoDragTargetContainer"], ngImport: i0 });
|
|
1241
1241
|
}
|
|
1242
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1242
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragTargetContainerDirective, decorators: [{
|
|
1243
1243
|
type: Directive,
|
|
1244
1244
|
args: [{
|
|
1245
1245
|
selector: '[kendoDragTargetContainer]',
|
|
@@ -1813,10 +1813,10 @@ class DragTargetDirective {
|
|
|
1813
1813
|
};
|
|
1814
1814
|
}
|
|
1815
1815
|
}
|
|
1816
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1817
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1816
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragTargetDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: DragStateService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1817
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: DragTargetDirective, isStandalone: true, selector: "[kendoDragTarget]", inputs: { hint: "hint", threshold: "threshold", autoScroll: "autoScroll", dragTargetId: "dragTargetId", dragDelay: "dragDelay", restrictByAxis: "restrictByAxis", mode: "mode", dragData: "dragData", cursorStyle: "cursorStyle" }, outputs: { onPress: "onPress", onDragStart: "onDragStart", onDrag: "onDrag", onDragReady: "onDragReady", onRelease: "onRelease", onDragEnd: "onDragEnd" }, host: { properties: { "style.touch-action": "this.touchActionStyle" } }, queries: [{ propertyName: "dragHandles", predicate: DragHandleDirective, descendants: true }], exportAs: ["kendoDragTarget"], ngImport: i0 });
|
|
1818
1818
|
}
|
|
1819
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1819
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragTargetDirective, decorators: [{
|
|
1820
1820
|
type: Directive,
|
|
1821
1821
|
args: [{
|
|
1822
1822
|
selector: '[kendoDragTarget]',
|
|
@@ -2112,10 +2112,10 @@ class DropTargetContainerDirective {
|
|
|
2112
2112
|
});
|
|
2113
2113
|
this.previousDropTargets = [];
|
|
2114
2114
|
}
|
|
2115
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2116
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2115
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DropTargetContainerDirective, deps: [{ token: DragStateService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2116
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: DropTargetContainerDirective, isStandalone: true, selector: "[kendoDropTargetContainer]", inputs: { dropTargetFilter: "dropTargetFilter", dropDisabled: "dropDisabled" }, outputs: { onDragEnter: "onDragEnter", onDragOver: "onDragOver", onDragLeave: "onDragLeave", onDrop: "onDrop" }, exportAs: ["kendoDropTargetContainer"], ngImport: i0 });
|
|
2117
2117
|
}
|
|
2118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DropTargetContainerDirective, decorators: [{
|
|
2119
2119
|
type: Directive,
|
|
2120
2120
|
args: [{
|
|
2121
2121
|
selector: '[kendoDropTargetContainer]',
|
|
@@ -2242,10 +2242,10 @@ class DropTargetDirective {
|
|
|
2242
2242
|
this[event].emit(eventArgs);
|
|
2243
2243
|
});
|
|
2244
2244
|
}
|
|
2245
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2246
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2245
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DropTargetDirective, deps: [{ token: DragStateService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2246
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: DropTargetDirective, isStandalone: true, selector: "[kendoDropTarget]", outputs: { onDragEnter: "onDragEnter", onDragOver: "onDragOver", onDragLeave: "onDragLeave", onDrop: "onDrop" }, exportAs: ["kendoDropTarget"], ngImport: i0 });
|
|
2247
2247
|
}
|
|
2248
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2248
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DropTargetDirective, decorators: [{
|
|
2249
2249
|
type: Directive,
|
|
2250
2250
|
args: [{
|
|
2251
2251
|
selector: '[kendoDropTarget]',
|
|
@@ -2319,11 +2319,11 @@ const KENDO_UTILS = [
|
|
|
2319
2319
|
* ```
|
|
2320
2320
|
*/
|
|
2321
2321
|
class UtilsModule {
|
|
2322
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2323
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2324
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2322
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2323
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: UtilsModule, imports: [DragTargetDirective, DragHandleDirective, DropTargetDirective, DragTargetContainerDirective, DropTargetContainerDirective, HintComponent], exports: [DragTargetDirective, DragHandleDirective, DropTargetDirective, DragTargetContainerDirective, DropTargetContainerDirective, HintComponent] });
|
|
2324
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UtilsModule });
|
|
2325
2325
|
}
|
|
2326
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2326
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UtilsModule, decorators: [{
|
|
2327
2327
|
type: NgModule,
|
|
2328
2328
|
args: [{
|
|
2329
2329
|
exports: [...KENDO_UTILS],
|
|
@@ -2352,11 +2352,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2352
2352
|
* ```
|
|
2353
2353
|
*/
|
|
2354
2354
|
class DragAndDropModule {
|
|
2355
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2356
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2357
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2355
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragAndDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2356
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: DragAndDropModule, imports: [DragTargetDirective, DragHandleDirective, DropTargetDirective, DragTargetContainerDirective, DropTargetContainerDirective, HintComponent], exports: [DragTargetDirective, DragHandleDirective, DropTargetDirective, DragTargetContainerDirective, DropTargetContainerDirective, HintComponent] });
|
|
2357
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragAndDropModule });
|
|
2358
2358
|
}
|
|
2359
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2359
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DragAndDropModule, decorators: [{
|
|
2360
2360
|
type: NgModule,
|
|
2361
2361
|
args: [{
|
|
2362
2362
|
exports: [...KENDO_DRAGANDDROP],
|
|
@@ -2380,10 +2380,10 @@ class AdaptiveSettingsService {
|
|
|
2380
2380
|
notify(adaptiveSettings) {
|
|
2381
2381
|
this.changes.next(adaptiveSettings);
|
|
2382
2382
|
}
|
|
2383
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2384
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2383
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AdaptiveSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2384
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AdaptiveSettingsService });
|
|
2385
2385
|
}
|
|
2386
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2386
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AdaptiveSettingsService, decorators: [{
|
|
2387
2387
|
type: Injectable
|
|
2388
2388
|
}] });
|
|
2389
2389
|
|
|
@@ -2489,10 +2489,10 @@ class AdaptiveService {
|
|
|
2489
2489
|
ngOnDestroy() {
|
|
2490
2490
|
this.subs.unsubscribe();
|
|
2491
2491
|
}
|
|
2492
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2493
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2492
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AdaptiveService, deps: [{ token: ADAPTIVE_SETTINGS, optional: true }, { token: AdaptiveSettingsService, optional: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2493
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AdaptiveService, providedIn: 'root' });
|
|
2494
2494
|
}
|
|
2495
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2495
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: AdaptiveService, decorators: [{
|
|
2496
2496
|
type: Injectable,
|
|
2497
2497
|
args: [{
|
|
2498
2498
|
providedIn: 'root'
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-utils",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "22.0.0",
|
|
4
4
|
"description": "Kendo UI Angular utils component",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -15,26 +15,20 @@
|
|
|
15
15
|
"Progress"
|
|
16
16
|
],
|
|
17
17
|
"@progress": {
|
|
18
|
-
"friendlyName": "Utils"
|
|
19
|
-
"package": {
|
|
20
|
-
"productName": "Kendo UI for Angular",
|
|
21
|
-
"productCode": "KENDOUIANGULAR",
|
|
22
|
-
"publishDate": 1768393066,
|
|
23
|
-
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
24
|
-
}
|
|
18
|
+
"friendlyName": "Utils"
|
|
25
19
|
},
|
|
26
20
|
"peerDependencies": {
|
|
27
|
-
"@angular/animations": "
|
|
28
|
-
"@angular/common": "
|
|
29
|
-
"@angular/core": "
|
|
30
|
-
"@angular/platform-browser": "
|
|
21
|
+
"@angular/animations": "19 - 21",
|
|
22
|
+
"@angular/common": "19 - 21",
|
|
23
|
+
"@angular/core": "19 - 21",
|
|
24
|
+
"@angular/platform-browser": "19 - 21",
|
|
31
25
|
"@progress/kendo-licensing": "^1.7.0",
|
|
32
|
-
"@progress/kendo-angular-common": "
|
|
26
|
+
"@progress/kendo-angular-common": "22.0.0",
|
|
33
27
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
34
28
|
},
|
|
35
29
|
"dependencies": {
|
|
36
30
|
"tslib": "^2.3.1",
|
|
37
|
-
"@progress/kendo-angular-schematics": "
|
|
31
|
+
"@progress/kendo-angular-schematics": "22.0.0",
|
|
38
32
|
"@progress/kendo-draggable-common": "^0.2.3"
|
|
39
33
|
},
|
|
40
34
|
"schematics": "./schematics/collection.json",
|
|
@@ -46,8 +40,6 @@
|
|
|
46
40
|
},
|
|
47
41
|
".": {
|
|
48
42
|
"types": "./index.d.ts",
|
|
49
|
-
"esm2022": "./esm2022/progress-kendo-angular-utils.mjs",
|
|
50
|
-
"esm": "./esm2022/progress-kendo-angular-utils.mjs",
|
|
51
43
|
"default": "./fesm2022/progress-kendo-angular-utils.mjs"
|
|
52
44
|
}
|
|
53
45
|
},
|
|
@@ -1,20 +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 { InjectionToken } from '@angular/core';
|
|
6
|
-
/**
|
|
7
|
-
* A token that specifies the `AdaptiveSettings` for Kendo UI for Angular components.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```ts
|
|
11
|
-
* import { NgModule } from '@angular/core';
|
|
12
|
-
*
|
|
13
|
-
* @NgModule({
|
|
14
|
-
* ...,
|
|
15
|
-
* providers: [{ provide: ADAPTIVE_SETTINGS, useValue: { small: 400, medium: 600 } }]
|
|
16
|
-
* })
|
|
17
|
-
* export class AppModule {}
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export const ADAPTIVE_SETTINGS = new InjectionToken('Kendo UI Adaptive-Settings token');
|
|
@@ -1,29 +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 { Injectable } from '@angular/core';
|
|
6
|
-
import { Subject } from 'rxjs';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* A service that lets you change the current adaptive settings dynamically. Use the public `notify` method to update the settings.
|
|
10
|
-
*/
|
|
11
|
-
export class AdaptiveSettingsService {
|
|
12
|
-
/**
|
|
13
|
-
* @hidden
|
|
14
|
-
*/
|
|
15
|
-
changes = new Subject();
|
|
16
|
-
/**
|
|
17
|
-
* Notifies subscribers that the adaptive settings have changed.
|
|
18
|
-
*
|
|
19
|
-
* @param adaptiveSettings - (Optional) A new value for the adaptive settings token.
|
|
20
|
-
*/
|
|
21
|
-
notify(adaptiveSettings) {
|
|
22
|
-
this.changes.next(adaptiveSettings);
|
|
23
|
-
}
|
|
24
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdaptiveSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
25
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdaptiveSettingsService });
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdaptiveSettingsService, decorators: [{
|
|
28
|
-
type: Injectable
|
|
29
|
-
}] });
|
|
@@ -1,114 +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 { Inject, Injectable, NgZone, Optional } from '@angular/core';
|
|
6
|
-
import { BehaviorSubject, fromEvent, Subscription } from 'rxjs';
|
|
7
|
-
import { filter, map, tap } from 'rxjs/operators';
|
|
8
|
-
import { AdaptiveSettingsService } from './adaptive-settings.service';
|
|
9
|
-
import { ADAPTIVE_SETTINGS } from './adaptive-settings';
|
|
10
|
-
import { areObjectsEqual, isDocumentAvailable, isPresent } from '@progress/kendo-angular-common';
|
|
11
|
-
import * as i0 from "@angular/core";
|
|
12
|
-
import * as i1 from "./adaptive-settings.service";
|
|
13
|
-
const DEFAULT_ADAPTIVE_SETTINGS = {
|
|
14
|
-
small: 500,
|
|
15
|
-
medium: 768
|
|
16
|
-
};
|
|
17
|
-
/**
|
|
18
|
-
* The service responsible for handling changes in adaptive settings. Add it to the providers array when using adaptive breakpoints in a standalone component.
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```ts
|
|
22
|
-
* import { AdaptiveService } from '@progress/kendo-angular-utils';
|
|
23
|
-
*
|
|
24
|
-
* @Component({
|
|
25
|
-
* selector: 'my-component',
|
|
26
|
-
* standalone: true,
|
|
27
|
-
* providers: [AdaptiveService, { provide: ADAPTIVE_SETTINGS, useValue: { small: 300 } }],
|
|
28
|
-
* template: '...'
|
|
29
|
-
* })
|
|
30
|
-
* export class AppComponent {}
|
|
31
|
-
* ```
|
|
32
|
-
*/
|
|
33
|
-
export class AdaptiveService {
|
|
34
|
-
_adaptiveSettings;
|
|
35
|
-
zone;
|
|
36
|
-
/**
|
|
37
|
-
* Notifies subscribers of the initial adaptive settings, and upon each call to `notify`.
|
|
38
|
-
* @hidden
|
|
39
|
-
*/
|
|
40
|
-
changes = new BehaviorSubject(this.adaptiveSettings || { small: 500, medium: 700 });
|
|
41
|
-
/**
|
|
42
|
-
* Notifies subscribers when the window size changes to any of small, medium, or large depending on the set adaptive size breakpoints.
|
|
43
|
-
* @hidden
|
|
44
|
-
*/
|
|
45
|
-
sizeChanges = new BehaviorSubject(this.size);
|
|
46
|
-
subs = new Subscription();
|
|
47
|
-
previousSize;
|
|
48
|
-
constructor(_adaptiveSettings, adaptiveSettingsService, zone) {
|
|
49
|
-
this._adaptiveSettings = _adaptiveSettings;
|
|
50
|
-
this.zone = zone;
|
|
51
|
-
if (adaptiveSettingsService) {
|
|
52
|
-
this.subs.add(adaptiveSettingsService.changes
|
|
53
|
-
.pipe(map(adaptiveSettings => isPresent(adaptiveSettings) ? adaptiveSettings : this._adaptiveSettings), tap(adaptiveSettings => this._adaptiveSettings = adaptiveSettings))
|
|
54
|
-
.subscribe(adaptiveSettings => this.changes.next(adaptiveSettings)));
|
|
55
|
-
}
|
|
56
|
-
if (isPresent(this.adaptiveSettings) && !areObjectsEqual(this.adaptiveSettings, DEFAULT_ADAPTIVE_SETTINGS)) {
|
|
57
|
-
this.changes.next(this.adaptiveSettings);
|
|
58
|
-
}
|
|
59
|
-
if (isDocumentAvailable()) {
|
|
60
|
-
this.zone.runOutsideAngular(() => {
|
|
61
|
-
this.subs.add(fromEvent(window, 'resize')
|
|
62
|
-
.pipe(tap(() => !this.previousSize && (this.previousSize = this.size)), filter(() => this.previousSize !== this.size))
|
|
63
|
-
.subscribe(() => {
|
|
64
|
-
this.previousSize = this.size;
|
|
65
|
-
this.zone.run(() => {
|
|
66
|
-
this.sizeChanges.next(this.size);
|
|
67
|
-
});
|
|
68
|
-
}));
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* @hidden
|
|
74
|
-
*/
|
|
75
|
-
get adaptiveSettings() {
|
|
76
|
-
return this._adaptiveSettings;
|
|
77
|
-
}
|
|
78
|
-
/**
|
|
79
|
-
* @hidden
|
|
80
|
-
*/
|
|
81
|
-
get size() {
|
|
82
|
-
if (!isDocumentAvailable()) {
|
|
83
|
-
return;
|
|
84
|
-
}
|
|
85
|
-
const settings = Object.assign(DEFAULT_ADAPTIVE_SETTINGS, this.adaptiveSettings);
|
|
86
|
-
if (window.innerWidth > settings.medium) {
|
|
87
|
-
return 'large';
|
|
88
|
-
}
|
|
89
|
-
else if (window.innerWidth > settings.small) {
|
|
90
|
-
return 'medium';
|
|
91
|
-
}
|
|
92
|
-
else {
|
|
93
|
-
return 'small';
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
ngOnDestroy() {
|
|
97
|
-
this.subs.unsubscribe();
|
|
98
|
-
}
|
|
99
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdaptiveService, deps: [{ token: ADAPTIVE_SETTINGS, optional: true }, { token: i1.AdaptiveSettingsService, optional: true }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
100
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdaptiveService, providedIn: 'root' });
|
|
101
|
-
}
|
|
102
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AdaptiveService, decorators: [{
|
|
103
|
-
type: Injectable,
|
|
104
|
-
args: [{
|
|
105
|
-
providedIn: 'root'
|
|
106
|
-
}]
|
|
107
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
108
|
-
type: Optional
|
|
109
|
-
}, {
|
|
110
|
-
type: Inject,
|
|
111
|
-
args: [ADAPTIVE_SETTINGS]
|
|
112
|
-
}] }, { type: i1.AdaptiveSettingsService, decorators: [{
|
|
113
|
-
type: Optional
|
|
114
|
-
}] }, { type: i0.NgZone }] });
|
|
@@ -1,7 +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
|
-
export { AdaptiveService } from './adaptive.service';
|
|
6
|
-
export { ADAPTIVE_SETTINGS } from './adaptive-settings';
|
|
7
|
-
export { AdaptiveSettingsService } from './adaptive-settings.service';
|
|
@@ -1,5 +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
|
-
export {};
|
|
@@ -1,5 +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
|
-
export {};
|
package/esm2022/directives.mjs
DELETED
|
@@ -1,45 +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 { DragHandleDirective } from "./drag-and-drop/draghandle.directive";
|
|
6
|
-
import { DragTargetContainerDirective } from "./drag-and-drop/dragtarget-container.directive";
|
|
7
|
-
import { DragTargetDirective } from "./drag-and-drop/dragtarget.directive";
|
|
8
|
-
import { DropTargetContainerDirective } from "./drag-and-drop/droptarget-container.directive";
|
|
9
|
-
import { DropTargetDirective } from "./drag-and-drop/droptarget.directive";
|
|
10
|
-
import { HintComponent } from "./drag-and-drop/hint.component";
|
|
11
|
-
/**
|
|
12
|
-
* Use this utility array to access all Drag and Drop-related components and directives in a standalone Angular component.
|
|
13
|
-
*
|
|
14
|
-
* @example
|
|
15
|
-
* ```typescript
|
|
16
|
-
* import { Component } from '@angular/core';
|
|
17
|
-
* import { KENDO_DRAGANDDROP } from '@progress/kendo-angular-utils';
|
|
18
|
-
*
|
|
19
|
-
* @Component({
|
|
20
|
-
* selector: 'my-app',
|
|
21
|
-
* standalone: true,
|
|
22
|
-
* imports: [KENDO_DRAGANDDROP],
|
|
23
|
-
* template: `
|
|
24
|
-
* <div kendoDragTarget>Drag me</div>
|
|
25
|
-
* <div kendoDropTarget>Drop here</div>
|
|
26
|
-
* `
|
|
27
|
-
* })
|
|
28
|
-
* export class AppComponent {}
|
|
29
|
-
* ```
|
|
30
|
-
*/
|
|
31
|
-
export const KENDO_DRAGANDDROP = [
|
|
32
|
-
DragTargetDirective,
|
|
33
|
-
DragHandleDirective,
|
|
34
|
-
DropTargetDirective,
|
|
35
|
-
DragTargetContainerDirective,
|
|
36
|
-
DropTargetContainerDirective,
|
|
37
|
-
HintComponent
|
|
38
|
-
];
|
|
39
|
-
/**
|
|
40
|
-
* Use this utility array to access all `@progress/kendo-angular-utils`-related components and directives in a standalone Angular component.
|
|
41
|
-
* > Currently, `KENDO_UTILS` includes only the `KENDO_DRAGANDDROP` utility array and their usage is equivalent.
|
|
42
|
-
*/
|
|
43
|
-
export const KENDO_UTILS = [
|
|
44
|
-
...KENDO_DRAGANDDROP
|
|
45
|
-
];
|
|
@@ -1,139 +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 { Injectable } from '@angular/core';
|
|
6
|
-
import { dispatchDragAndDrop, getScrollableParent, autoScroll } from '@progress/kendo-draggable-common';
|
|
7
|
-
import { isPresent } from './util';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export class DragStateService {
|
|
13
|
-
constructor() {
|
|
14
|
-
this.setCallbacks();
|
|
15
|
-
}
|
|
16
|
-
dragTarget = null;
|
|
17
|
-
dropTarget = null;
|
|
18
|
-
dragTargets = [];
|
|
19
|
-
dropTargets = [];
|
|
20
|
-
pressed = false;
|
|
21
|
-
ignoreMouse = false;
|
|
22
|
-
autoScroll = true;
|
|
23
|
-
isScrolling = false;
|
|
24
|
-
scrollableParent = null;
|
|
25
|
-
autoScrollDirection = { horizontal: true, vertical: true };
|
|
26
|
-
initialClientOffset = { x: 0, y: 0 };
|
|
27
|
-
clientOffset = { x: 0, y: 0 };
|
|
28
|
-
initialScrollOffset = { x: 0, y: 0 };
|
|
29
|
-
scrollOffset = { x: 0, y: 0 };
|
|
30
|
-
offset = { x: 0, y: 0 };
|
|
31
|
-
pageOffset = { x: 0, y: 0 };
|
|
32
|
-
velocity = { x: 0, y: 0 };
|
|
33
|
-
dragTargetDirective;
|
|
34
|
-
state;
|
|
35
|
-
dragIndex = null;
|
|
36
|
-
dropIndex = null;
|
|
37
|
-
dragData;
|
|
38
|
-
dragTargetId;
|
|
39
|
-
callbacks = {};
|
|
40
|
-
scrollInterval = null;
|
|
41
|
-
handleDragAndDrop(action) {
|
|
42
|
-
this.updateState();
|
|
43
|
-
dispatchDragAndDrop(this.state, action, this.callbacks);
|
|
44
|
-
}
|
|
45
|
-
setPressed(pressed) {
|
|
46
|
-
this.pressed = pressed;
|
|
47
|
-
}
|
|
48
|
-
setScrolling(isScrolling) {
|
|
49
|
-
this.isScrolling = isScrolling;
|
|
50
|
-
if (isScrolling) {
|
|
51
|
-
const scrollableParent = getScrollableParent(document.elementFromPoint(this.clientOffset.x, this.clientOffset.y));
|
|
52
|
-
window.clearInterval(this.scrollInterval);
|
|
53
|
-
this.scrollInterval = window.setInterval(() => {
|
|
54
|
-
autoScroll(scrollableParent, { x: this.velocity.x, y: this.velocity.y });
|
|
55
|
-
}, 50);
|
|
56
|
-
}
|
|
57
|
-
else {
|
|
58
|
-
if (this.scrollInterval) {
|
|
59
|
-
window.clearInterval(this.scrollInterval);
|
|
60
|
-
this.scrollInterval = null;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
setVelocity(velocity) {
|
|
65
|
-
this.velocity = velocity;
|
|
66
|
-
}
|
|
67
|
-
setOffset(offset) {
|
|
68
|
-
this.offset = offset;
|
|
69
|
-
}
|
|
70
|
-
setClientOffset(clientOffset) {
|
|
71
|
-
this.clientOffset = clientOffset;
|
|
72
|
-
}
|
|
73
|
-
setPageOffset(pageOffset) {
|
|
74
|
-
this.pageOffset = pageOffset;
|
|
75
|
-
}
|
|
76
|
-
setInitialClientOffset(initialClientOffset) {
|
|
77
|
-
this.initialClientOffset = initialClientOffset;
|
|
78
|
-
}
|
|
79
|
-
setScrollOffset(scrollOffset) {
|
|
80
|
-
this.scrollOffset = scrollOffset;
|
|
81
|
-
}
|
|
82
|
-
setInitialScrollOffset(initialScrollOffset) {
|
|
83
|
-
this.initialScrollOffset = initialScrollOffset;
|
|
84
|
-
}
|
|
85
|
-
get dragTargetPresent() {
|
|
86
|
-
return isPresent(this.dragTarget?.element);
|
|
87
|
-
}
|
|
88
|
-
get dropTargetPresent() {
|
|
89
|
-
return isPresent(this.dropTarget?.element);
|
|
90
|
-
}
|
|
91
|
-
updateState() {
|
|
92
|
-
this.state = {
|
|
93
|
-
drag: this.dragTarget,
|
|
94
|
-
drop: this.dropTarget,
|
|
95
|
-
drags: this.dragTargets,
|
|
96
|
-
drops: this.dropTargets,
|
|
97
|
-
pressed: this.pressed,
|
|
98
|
-
ignoreMouse: this.ignoreMouse,
|
|
99
|
-
autoScroll: this.autoScroll,
|
|
100
|
-
isScrolling: this.isScrolling,
|
|
101
|
-
scrollableParent: this.scrollableParent,
|
|
102
|
-
autoScrollDirection: this.autoScrollDirection,
|
|
103
|
-
initialClientOffset: this.initialClientOffset,
|
|
104
|
-
clientOffset: this.clientOffset,
|
|
105
|
-
initialScrollOffset: this.initialScrollOffset,
|
|
106
|
-
scrollOffset: this.scrollOffset,
|
|
107
|
-
offset: this.offset,
|
|
108
|
-
pageOffset: this.pageOffset,
|
|
109
|
-
velocity: this.velocity
|
|
110
|
-
};
|
|
111
|
-
}
|
|
112
|
-
setCallbacks() {
|
|
113
|
-
this.callbacks = {
|
|
114
|
-
onVelocityChange: this.setVelocity.bind(this),
|
|
115
|
-
onOffsetChange: this.setOffset.bind(this),
|
|
116
|
-
onClientOffsetChange: this.setClientOffset.bind(this),
|
|
117
|
-
onPageOffsetChange: this.setPageOffset.bind(this),
|
|
118
|
-
onInitialClientOffsetChange: this.setInitialClientOffset.bind(this),
|
|
119
|
-
onScrollOffsetChange: this.setScrollOffset.bind(this),
|
|
120
|
-
onInitialScrollOffsetChange: this.setInitialScrollOffset.bind(this),
|
|
121
|
-
onIsPressedChange: this.setPressed.bind(this),
|
|
122
|
-
onIsScrollingChange: this.setScrolling.bind(this)
|
|
123
|
-
};
|
|
124
|
-
}
|
|
125
|
-
ngOnDestroy() {
|
|
126
|
-
if (this.scrollInterval) {
|
|
127
|
-
window.clearInterval(this.scrollInterval);
|
|
128
|
-
this.scrollInterval = null;
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DragStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
132
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DragStateService, providedIn: 'root' });
|
|
133
|
-
}
|
|
134
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DragStateService, decorators: [{
|
|
135
|
-
type: Injectable,
|
|
136
|
-
args: [{
|
|
137
|
-
providedIn: 'root'
|
|
138
|
-
}]
|
|
139
|
-
}], ctorParameters: () => [] });
|