@tft/interact 13.0.0 → 14.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/esm2020/lib/directives/account-for-scale.directive.mjs +3 -3
- package/esm2020/lib/directives/apply-scale.directive.mjs +3 -3
- package/esm2020/lib/directives/auto-scroll.directive.mjs +3 -3
- package/esm2020/lib/directives/drag-preview.directive.mjs +3 -3
- package/esm2020/lib/directives/drag-root.directive.mjs +3 -3
- package/esm2020/lib/directives/draggable.directive.mjs +3 -3
- package/esm2020/lib/directives/dropzone.directive.mjs +3 -3
- package/esm2020/lib/directives/gesturable.directive.mjs +3 -3
- package/esm2020/lib/directives/resizable.directive.mjs +3 -3
- package/esm2020/lib/interact.module.mjs +5 -5
- package/esm2020/lib/pipes/array-of-n.pipe.mjs +3 -3
- package/esm2020/lib/services/interact.service.mjs +3 -3
- package/fesm2015/tft-interact.mjs +37 -37
- package/fesm2015/tft-interact.mjs.map +1 -1
- package/fesm2020/tft-interact.mjs +37 -37
- package/fesm2020/tft-interact.mjs.map +1 -1
- package/lib/directives/account-for-scale.directive.d.ts +1 -1
- package/lib/directives/apply-scale.directive.d.ts +1 -1
- package/lib/directives/auto-scroll.directive.d.ts +1 -1
- package/lib/directives/drag-preview.directive.d.ts +1 -1
- package/lib/directives/drag-root.directive.d.ts +1 -1
- package/lib/directives/draggable.directive.d.ts +1 -1
- package/lib/directives/dropzone.directive.d.ts +1 -1
- package/lib/directives/gesturable.directive.d.ts +1 -1
- package/lib/directives/resizable.directive.d.ts +1 -1
- package/lib/pipes/array-of-n.pipe.d.ts +1 -1
- package/package.json +4 -4
- package/tft-interact-14.0.0.tgz +0 -0
- package/tft-interact-13.0.0.tgz +0 -0
- package/tft-interact.d.ts +0 -5
|
@@ -16,9 +16,9 @@ class ArrayOfNPipe {
|
|
|
16
16
|
return new Array(length).fill(length).map((x, i) => i);
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
-
ArrayOfNPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20
|
-
ArrayOfNPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
19
|
+
ArrayOfNPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ArrayOfNPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
20
|
+
ArrayOfNPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: ArrayOfNPipe, name: "arrayOfN" });
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ArrayOfNPipe, decorators: [{
|
|
22
22
|
type: Pipe,
|
|
23
23
|
args: [{
|
|
24
24
|
name: 'arrayOfN'
|
|
@@ -232,9 +232,9 @@ class InteractService {
|
|
|
232
232
|
return position;
|
|
233
233
|
}
|
|
234
234
|
}
|
|
235
|
-
InteractService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
236
|
-
InteractService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
237
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
235
|
+
InteractService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InteractService, deps: [{ token: i0.RendererFactory2 }, { token: i0.NgZone }, { token: INTERACT_ROOT_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
236
|
+
InteractService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InteractService, providedIn: 'root' });
|
|
237
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InteractService, decorators: [{
|
|
238
238
|
type: Injectable,
|
|
239
239
|
args: [{ providedIn: 'root' }]
|
|
240
240
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }, { type: i0.NgZone }, { type: undefined, decorators: [{
|
|
@@ -257,9 +257,9 @@ class AccountForScaleDirective {
|
|
|
257
257
|
this.scale = 1;
|
|
258
258
|
}
|
|
259
259
|
}
|
|
260
|
-
AccountForScaleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
261
|
-
AccountForScaleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
262
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
260
|
+
AccountForScaleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AccountForScaleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
261
|
+
AccountForScaleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: AccountForScaleDirective, selector: "[tftAccountForScale]", inputs: { scale: "scale" }, ngImport: i0 });
|
|
262
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AccountForScaleDirective, decorators: [{
|
|
263
263
|
type: Directive,
|
|
264
264
|
args: [{
|
|
265
265
|
selector: '[tftAccountForScale]'
|
|
@@ -342,9 +342,9 @@ class DropzoneDirective {
|
|
|
342
342
|
};
|
|
343
343
|
}
|
|
344
344
|
}
|
|
345
|
-
DropzoneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
346
|
-
DropzoneDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
347
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
345
|
+
DropzoneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DropzoneDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: InteractService }, { token: AccountForScaleDirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
346
|
+
DropzoneDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: DropzoneDirective, selector: "[tftDropzone]", inputs: { dropzoneId: "dropzoneId", dropzoneConfig: "dropzoneConfig", dropzoneData: "dropzoneData", position: "position" }, outputs: { dropActivate: "dropActivate", dragEnter: "dragEnter", dragLeave: "dragLeave", dragDrop: "dragDrop" }, host: { properties: { "id": "dropzoneId", "style.position": "this.position" } }, usesOnChanges: true, ngImport: i0 });
|
|
347
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DropzoneDirective, decorators: [{
|
|
348
348
|
type: Directive,
|
|
349
349
|
args: [{
|
|
350
350
|
selector: '[tftDropzone]',
|
|
@@ -381,9 +381,9 @@ class DragPreviewDirective {
|
|
|
381
381
|
this.templateRef = templateRef;
|
|
382
382
|
}
|
|
383
383
|
}
|
|
384
|
-
DragPreviewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
385
|
-
DragPreviewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
386
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
384
|
+
DragPreviewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DragPreviewDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
385
|
+
DragPreviewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: DragPreviewDirective, selector: "ng-template[tftDragPreview]", inputs: { dragData: "dragData" }, ngImport: i0 });
|
|
386
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DragPreviewDirective, decorators: [{
|
|
387
387
|
type: Directive,
|
|
388
388
|
args: [{
|
|
389
389
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -442,9 +442,9 @@ class DragRootDirective {
|
|
|
442
442
|
this.account_for_scale_dir = account_for_scale_dir;
|
|
443
443
|
}
|
|
444
444
|
}
|
|
445
|
-
DragRootDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
446
|
-
DragRootDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
447
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
445
|
+
DragRootDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DragRootDirective, deps: [{ token: i0.ElementRef }, { token: AccountForScaleDirective, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
446
|
+
DragRootDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: DragRootDirective, selector: "[tftDragRoot]", exportAs: ["tftDragRoot"], ngImport: i0 });
|
|
447
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DragRootDirective, decorators: [{
|
|
448
448
|
type: Directive,
|
|
449
449
|
args: [{
|
|
450
450
|
selector: '[tftDragRoot]',
|
|
@@ -494,9 +494,9 @@ class AutoScrollDirective {
|
|
|
494
494
|
this.scrollSubject.next({ scrollTop, scrollLeft });
|
|
495
495
|
}
|
|
496
496
|
}
|
|
497
|
-
AutoScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
498
|
-
AutoScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
499
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
497
|
+
AutoScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutoScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
498
|
+
AutoScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: AutoScrollDirective, selector: "[tftAutoScroll]", inputs: { autoScrollConfig: "autoScrollConfig" }, host: { listeners: { "scroll": "scroll($event)" } }, ngImport: i0 });
|
|
499
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutoScrollDirective, decorators: [{
|
|
500
500
|
type: Directive,
|
|
501
501
|
args: [{
|
|
502
502
|
selector: '[tftAutoScroll]'
|
|
@@ -726,9 +726,9 @@ class DraggableDirective {
|
|
|
726
726
|
});
|
|
727
727
|
}
|
|
728
728
|
}
|
|
729
|
-
DraggableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
730
|
-
DraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
731
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
729
|
+
DraggableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DraggableDirective, deps: [{ token: i0.ElementRef }, { token: InteractService }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: DOCUMENT }, { token: AccountForScaleDirective, optional: true }, { token: DropzoneDirective, optional: true, skipSelf: true }, { token: DragRootDirective, optional: true, skipSelf: true }, { token: AutoScrollDirective, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
730
|
+
DraggableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: DraggableDirective, selector: "[tftDraggable]", inputs: { x: "x", y: "y", dragZIndex: "dragZIndex", zIndex: "zIndex", interactableId: "interactableId", dragData: "dragData", enableDragDefault: "enableDragDefault", disabled: "disabled", dragDisabled: "dragDisabled", dragConfig: "dragConfig", showPlaceholder: "showPlaceholder", dragRoot: "dragRoot" }, outputs: { dragStart: "dragStart", dragMove: "dragMove", dragInertiaStart: "dragInertiaStart", dragEnd: "dragEnd" }, host: { properties: { "style.touchAction": "this.dragDisabled ? \"auto\" : \"none\"", "style.position": "\"absolute\"", "id": "interactableId" } }, queries: [{ propertyName: "_previewTemplate", first: true, predicate: DragPreviewDirective, descendants: true }], usesOnChanges: true, ngImport: i0 });
|
|
731
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DraggableDirective, decorators: [{
|
|
732
732
|
type: Directive,
|
|
733
733
|
args: [{
|
|
734
734
|
selector: '[tftDraggable]',
|
|
@@ -963,9 +963,9 @@ class ResizableDirective {
|
|
|
963
963
|
});
|
|
964
964
|
}
|
|
965
965
|
}
|
|
966
|
-
ResizableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
967
|
-
ResizableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
968
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
966
|
+
ResizableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ResizableDirective, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }, { token: InteractService }, { token: i0.Renderer2 }, { token: DragRootDirective, optional: true }, { token: AccountForScaleDirective, optional: true }, { token: DraggableDirective, optional: true }, { token: DropzoneDirective, optional: true, skipSelf: true }, { token: AutoScrollDirective, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
967
|
+
ResizableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: ResizableDirective, selector: "[tftResizable]", inputs: { enableResizeDefault: "enableResizeDefault", position: "position", resizeConfig: "resizeConfig", interactableId: "interactableId", width: "width", height: "height", resizeDisabled: "resizeDisabled" }, outputs: { resizeStart: "resizeStart", resizeMove: "resizeMove", resizeInertiaStart: "resizeInertiaStart", resizeEnd: "resizeEnd" }, host: { properties: { "style.touchAction": "this.resizeDisabled ? \"auto\" : \"none\"", "style.position": "position", "style.boxSizing": "\"border-box\"" } }, usesOnChanges: true, ngImport: i0 });
|
|
968
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ResizableDirective, decorators: [{
|
|
969
969
|
type: Directive,
|
|
970
970
|
args: [{
|
|
971
971
|
selector: '[tftResizable]',
|
|
@@ -1071,9 +1071,9 @@ class GesturableDirective {
|
|
|
1071
1071
|
});
|
|
1072
1072
|
}
|
|
1073
1073
|
}
|
|
1074
|
-
GesturableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1075
|
-
GesturableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
1076
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1074
|
+
GesturableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: GesturableDirective, deps: [{ token: i0.ElementRef }, { token: DraggableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1075
|
+
GesturableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: GesturableDirective, selector: "[tftGesturable]", inputs: { gesturableId: "gesturableId", gestureDisabled: "gestureDisabled", gestureConfig: "gestureConfig" }, outputs: { gestureStart: "gestureStart", gestureMove: "gestureMove", gestureEnd: "gestureEnd" }, host: { properties: { "id": "gesturableId" } }, usesOnChanges: true, ngImport: i0 });
|
|
1076
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: GesturableDirective, decorators: [{
|
|
1077
1077
|
type: Directive,
|
|
1078
1078
|
args: [{
|
|
1079
1079
|
selector: '[tftGesturable]',
|
|
@@ -1111,9 +1111,9 @@ class ApplyScaleDirective {
|
|
|
1111
1111
|
}
|
|
1112
1112
|
;
|
|
1113
1113
|
}
|
|
1114
|
-
ApplyScaleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1115
|
-
ApplyScaleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
1116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1114
|
+
ApplyScaleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ApplyScaleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1115
|
+
ApplyScaleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: ApplyScaleDirective, selector: "[tftApplyScale]", inputs: { scale: "scale" }, host: { properties: { "style.fontSize": "this.fontSize" } }, ngImport: i0 });
|
|
1116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ApplyScaleDirective, decorators: [{
|
|
1117
1117
|
type: Directive,
|
|
1118
1118
|
args: [{
|
|
1119
1119
|
selector: '[tftApplyScale]'
|
|
@@ -1149,8 +1149,8 @@ class InteractModule {
|
|
|
1149
1149
|
};
|
|
1150
1150
|
}
|
|
1151
1151
|
}
|
|
1152
|
-
InteractModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1153
|
-
InteractModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
1152
|
+
InteractModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InteractModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1153
|
+
InteractModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: InteractModule, declarations: [DraggableDirective,
|
|
1154
1154
|
ResizableDirective,
|
|
1155
1155
|
DropzoneDirective,
|
|
1156
1156
|
GesturableDirective,
|
|
@@ -1169,8 +1169,8 @@ InteractModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
1169
1169
|
ApplyScaleDirective,
|
|
1170
1170
|
DragPreviewDirective,
|
|
1171
1171
|
ArrayOfNPipe] });
|
|
1172
|
-
InteractModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1173
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1172
|
+
InteractModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InteractModule, imports: [CommonModule] });
|
|
1173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InteractModule, decorators: [{
|
|
1174
1174
|
type: NgModule,
|
|
1175
1175
|
args: [{
|
|
1176
1176
|
imports: [CommonModule],
|