@progress/kendo-angular-utils 0.1.0

package/esm2015/drag-and-drop/droptarget.directive.js

@@ -0,0 +1,134 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, EventEmitter, Input, Output } from "@angular/core";
+import { validatePackage } from '@progress/kendo-licensing';
+import { packageMetadata } from '../package-metadata';
+import { DragEnterEvent, DragOverEvent, DragLeaveEvent, DropEvent } from './events/drop-target';
+import { isPresent } from './util';
+import * as i0 from "@angular/core";
+import * as i1 from "./drag-state.service";
+/**
+ * Represents the Kendo UI DropTarget directive for Angular.
+ */
+export class DropTargetDirective {
+    constructor(service, element, ngZone) {
+        this.service = service;
+        this.element = element;
+        this.ngZone = ngZone;
+        /**
+         * Fires when a DragTarget element enters the DropTarget.
+         * This event is preventable. Preventing it allows full logic customization.
+         */
+        this.dragEnter = new EventEmitter();
+        /**
+         * Fires when a DragTarget element is being dragged over the DropTarget.
+         * This event is preventable. Preventing it allows full logic customization.
+         */
+        this.dragOver = new EventEmitter();
+        /**
+         * Fires when a DragTarget element leaves the DropTarget.
+         * This event is preventable. Preventing it allows full logic customization.
+         */
+        this.dragLeave = new EventEmitter();
+        /**
+         * Fires when a DragTarget element is dropped over the DropTarget.
+         * This event is preventable. Preventing it allows full logic customization.
+         */
+        this.drop = new EventEmitter();
+        validatePackage(packageMetadata);
+    }
+    ngOnInit() {
+        this.initializeDropTarget();
+        this.service.dropTargets.push(this.dropTarget);
+    }
+    /**
+     * @hidden
+     */
+    handleDragEnter(event) {
+        let allowed = true;
+        if (isPresent(this.allowedDragTargets)) {
+            switch (typeof this.allowedDragTargets) {
+                case 'function': {
+                    allowed = this.allowedDragTargets(this.service.dragTargetDirective);
+                    break;
+                }
+                case 'string': {
+                    allowed = this.service.dragTargetDirective.link === this.allowedDragTargets;
+                    break;
+                }
+                default: {
+                    allowed = this.allowedDragTargets.some(dt => dt === this.service.dragTargetDirective.link);
+                }
+            }
+        }
+        if (allowed) {
+            this.service.dropTarget = this.dropTarget;
+            this.ngZone.run(() => {
+                const eventArgs = new DragEnterEvent({ event, element: this.element.nativeElement });
+                this.dragEnter.emit(eventArgs);
+            });
+        }
+    }
+    /**
+     * @hidden
+     */
+    handleDragLeave(event) {
+        this.service.dropTarget = null;
+        this.ngZone.run(() => {
+            const eventArgs = new DragLeaveEvent({ event, element: this.element.nativeElement });
+            this.dragLeave.emit(eventArgs);
+        });
+    }
+    /**
+     * @hidden
+     */
+    handleDragOver(event) {
+        this.ngZone.run(() => {
+            const eventArgs = new DragOverEvent({ event, element: this.element.nativeElement });
+            this.dragOver.emit(eventArgs);
+        });
+    }
+    /**
+     * @hidden
+     */
+    handleDrop(event) {
+        this.ngZone.run(() => {
+            const eventArgs = new DropEvent({ event, element: this.element.nativeElement });
+            this.drop.emit(eventArgs);
+        });
+        this.service.setScrollOffset({ x: 0, y: 0 });
+    }
+    /**
+     * @hidden
+     */
+    initializeDropTarget() {
+        this.dropTarget = {
+            element: this.element.nativeElement,
+            onDragEnter: this.handleDragEnter.bind(this),
+            onDragLeave: this.handleDragLeave.bind(this),
+            onDragOver: this.handleDragOver.bind(this),
+            onDrop: this.handleDrop.bind(this)
+        };
+    }
+}
+DropTargetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropTargetDirective, deps: [{ token: i1.DragStateService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+DropTargetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: DropTargetDirective, selector: "[kendoDropTarget]", inputs: { allowedDragTargets: "allowedDragTargets" }, outputs: { dragEnter: "dragEnter", dragOver: "dragOver", dragLeave: "dragLeave", drop: "drop" }, exportAs: ["kendoDropTarget"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropTargetDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDropTarget]',
+                    exportAs: 'kendoDropTarget'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DragStateService }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { allowedDragTargets: [{
+                type: Input
+            }], dragEnter: [{
+                type: Output
+            }], dragOver: [{
+                type: Output
+            }], dragLeave: [{
+                type: Output
+            }], drop: [{
+                type: Output
+            }] } });

package/esm2015/drag-and-drop/events/drag-target/drag-event.js

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from '@progress/kendo-angular-common';
+/**
+ * Arguments for the drag event of the DragTarget.
+ */
+export class DragEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
+}

package/esm2015/drag-and-drop/events/drag-target/end-event.js

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from '@progress/kendo-angular-common';
+/**
+ * Arguments for the dragEnd event of the DragTarget.
+ */
+export class DragEndEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
+}

package/esm2015/drag-and-drop/events/drag-target/index.js

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { PressEvent } from './press-event';
+export { DragStartEvent } from './start-event';
+export { ReleaseEvent } from './release-event';
+export { DragEndEvent } from './end-event';
+export { DragEvent } from './drag-event';

package/esm2015/drag-and-drop/events/drag-target/press-event.js

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Arguments for the press event of the DragTarget.
+ */
+export class PressEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        Object.assign(this, args);
+    }
+}

package/esm2015/drag-and-drop/events/drag-target/release-event.js

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Arguments for the release event of the DragTarget.
+ */
+export class ReleaseEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        Object.assign(this, args);
+    }
+}

package/esm2015/drag-and-drop/events/drag-target/start-event.js

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from '@progress/kendo-angular-common';
+/**
+ * Arguments for the dragStart event of the DragTarget.
+ */
+export class DragStartEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
+}

package/esm2015/drag-and-drop/events/drop-target/drop-event.js

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from '@progress/kendo-angular-common';
+/**
+ * Arguments for the drop event of the DropTarget.
+ */
+export class DropEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
+}

package/esm2015/drag-and-drop/events/drop-target/enter-event.js

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from '@progress/kendo-angular-common';
+/**
+ * Arguments for the dragEnter event of the DropTarget.
+ */
+export class DragEnterEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
+}

package/esm2015/drag-and-drop/events/drop-target/index.js

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { DragEnterEvent } from './enter-event';
+export { DragOverEvent } from './over-event';
+export { DragLeaveEvent } from './leave-event';
+export { DropEvent } from './drop-event';

package/esm2015/drag-and-drop/events/drop-target/leave-event.js

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from '@progress/kendo-angular-common';
+/**
+ * Arguments for the dragLeave event of the DropTarget.
+ */
+export class DragLeaveEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
+}

package/esm2015/drag-and-drop/events/drop-target/over-event.js

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PreventableEvent } from '@progress/kendo-angular-common';
+/**
+ * Arguments for the dragOver event of the DropTarget.
+ */
+export class DragOverEvent extends PreventableEvent {
+    /**
+     * @hidden
+     */
+    constructor(args) {
+        super();
+        Object.assign(this, args);
+    }
+}

package/esm2015/drag-and-drop/hint.component.js

@@ -0,0 +1,49 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, HostBinding, Input } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const DEFAULT_ZINDEX = 10;
+/**
+ * @hidden
+ */
+export class HintComponent {
+    constructor(element) {
+        this.element = element;
+        this.hostClasses = true;
+        this.zIndex = DEFAULT_ZINDEX;
+        this.touchAction = 'none';
+    }
+}
+HintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HintComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+HintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: HintComponent, selector: "ng-component", inputs: { template: "template", directive: "directive" }, host: { properties: { "class.k-pos-absolute": "this.hostClasses", "class.k-cursor-grab": "this.hostClasses", "style.zIndex": "this.zIndex", "style.touch-action": "this.touchAction" } }, ngImport: i0, template: `
+        <ng-container *ngTemplateOutlet="template; context: { $implicit: directive }">
+        </ng-container>
+    `, isInline: true, directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HintComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+        <ng-container *ngTemplateOutlet="template; context: { $implicit: directive }">
+        </ng-container>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { template: [{
+                type: Input
+            }], directive: [{
+                type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-pos-absolute']
+            }, {
+                type: HostBinding,
+                args: ['class.k-cursor-grab']
+            }], zIndex: [{
+                type: HostBinding,
+                args: ['style.zIndex']
+            }], touchAction: [{
+                type: HostBinding,
+                args: ['style.touch-action']
+            }] } });

package/esm2015/drag-and-drop/models/allowed-target.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/drag-and-drop/models/autoscroll-options.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/drag-and-drop/models/dragaxis.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/drag-and-drop/models/index.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/drag-and-drop/models/scroll-direction.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/drag-and-drop/util.js

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export const dragTargetTransition = 'transform .3s ease-in-out';
+/**
+ * @hidden
+ */
+export const getAction = (event, draggable) => {
+    return {
+        event: event,
+        payload: draggable
+    };
+};
+/**
+ * @hidden
+ */
+export const setElementStyles = (renderer, elem, styles) => {
+    const props = Object.keys(styles);
+    props.forEach(p => {
+        renderer.setStyle(elem, p, styles[p]);
+    });
+};
+/**
+ * @hidden
+ */
+export const isPresent = (value) => value !== null && value !== undefined;

package/esm2015/drag-and-drop.module.js

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DragTargetDirective } from './drag-and-drop/dragtarget.directive';
+import { DragHandleDirective } from './drag-and-drop/draghandle.directive';
+import { DropTargetDirective } from './drag-and-drop/droptarget.directive';
+import { HintComponent } from './drag-and-drop/hint.component';
+import * as i0 from "@angular/core";
+const EXPORTS = [
+    DragTargetDirective,
+    DragHandleDirective,
+    DropTargetDirective,
+    HintComponent
+];
+export class DragAndDropModule {
+}
+DragAndDropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragAndDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DragAndDropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragAndDropModule, declarations: [DragTargetDirective,
+        DragHandleDirective,
+        DropTargetDirective,
+        HintComponent], imports: [CommonModule], exports: [DragTargetDirective,
+        DragHandleDirective,
+        DropTargetDirective,
+        HintComponent] });
+DragAndDropModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragAndDropModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DragAndDropModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...EXPORTS],
+                    exports: [...EXPORTS],
+                    imports: [CommonModule]
+                }]
+        }] });

package/esm2015/kendo-angular-utils.js

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './main';

package/esm2015/main.js

@@ -0,0 +1,12 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export { UtilsModule } from './utils.module';
+export { DragAndDropModule } from './drag-and-drop.module';
+export { DragTargetDirective } from './drag-and-drop/dragtarget.directive';
+export { DragHandleDirective } from './drag-and-drop/draghandle.directive';
+export { DropTargetDirective } from './drag-and-drop/droptarget.directive';
+export { HintComponent } from './drag-and-drop/hint.component';
+export * from './drag-and-drop/events/drag-target';
+export * from './drag-and-drop/events/drop-target';

package/esm2015/package-metadata.js

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export const packageMetadata = {
+    name: '@progress/kendo-angular-utils',
+    productName: 'Kendo UI for Angular',
+    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
+    publishDate: 1658922268,
+    version: '',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
+};

package/esm2015/utils.module.js

@@ -0,0 +1,49 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgModule } from '@angular/core';
+import { DragAndDropModule } from './drag-and-drop.module';
+import * as i0 from "@angular/core";
+/**
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmodules'] }})
+ * definition for the Utils components.
+ *
+ * @example
+ *
+ * ```ts-no-run
+ * // Import the Utils module
+ * import { UtilsModule } from '@progress/kendo-angular-utils';
+ *
+ * // The browser platform with a compiler
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+ *
+ * import { NgModule } from '@angular/core';
+ *
+ * // Import the app component
+ * import { AppComponent } from './app.component';
+ *
+ * // Define the app module
+ * _@NgModule({
+ *     declarations: [AppComponent], // declare app component
+ *     imports:      [BrowserModule, UtilsModule], // import Utils module
+ *     bootstrap:    [AppComponent]
+ * })
+ * export class AppModule {}
+ *
+ * // Compile and launch the module
+ * platformBrowserDynamic().bootstrapModule(AppModule);
+ *
+ * ```
+ */
+export class UtilsModule {
+}
+UtilsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+UtilsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UtilsModule, exports: [DragAndDropModule] });
+UtilsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UtilsModule, imports: [DragAndDropModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: UtilsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [DragAndDropModule]
+                }]
+        }] });