@progress/kendo-angular-utils 12.0.0-develop.1 → 12.0.0-develop.10

package/esm2020/drag-and-drop/util.mjs

@@ -2,10 +2,9 @@
 * Copyright © 2023 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';
+function isDocumentNode(container) {
+    return container.nodeType === 9;
+}
 /**
  * @hidden
  */
@@ -15,6 +14,67 @@ export const getAction = (event, draggable) => {
         payload: draggable
     };
 };
+/**
+ * @hidden
+ */
+export const dragTargetTransition = 'transform .3s ease-in-out';
+/**
+ * @hidden
+ */
+export const isPresent = (value) => value !== null && value !== undefined;
+/**
+ * @hidden
+ */
+export function closestBySelector(element, selector) {
+    if (element.closest) {
+        return element.closest(selector);
+    }
+    const matches = Element.prototype.matches ?
+        (el, sel) => el.matches(sel)
+        : (el, sel) => el.msMatchesSelector(sel);
+    let node = element;
+    while (node && !isDocumentNode(node)) {
+        if (matches(node, selector)) {
+            return node;
+        }
+        node = node.parentNode;
+    }
+}
+/**
+ * @hidden
+ */
+export const intersect = (element, candidates) => {
+    let max = 0;
+    let result = null;
+    candidates.forEach((candidate) => {
+        if (candidate && element) {
+            const ration = getRatio(element, candidate);
+            if (ration > max) {
+                max = ration;
+                result = candidate;
+            }
+        }
+    });
+    return result;
+};
+const getRatio = (element, target) => {
+    const elementRect = element.getBoundingClientRect();
+    const targetRect = target.getBoundingClientRect();
+    const top = Math.max(targetRect.top, elementRect.top);
+    const left = Math.max(targetRect.left, elementRect.left);
+    const right = Math.min(targetRect.left + targetRect.width, elementRect.left + elementRect.width);
+    const bottom = Math.min(targetRect.top + targetRect.height, elementRect.top + elementRect.height);
+    const width = right - left;
+    const height = bottom - top;
+    if (left < right && top < bottom) {
+        const targetArea = targetRect.width * targetRect.height;
+        const entryArea = elementRect.width * elementRect.height;
+        const intersectionArea = width * height;
+        const intersectionRatio = intersectionArea / (targetArea + entryArea - intersectionArea);
+        return Number(intersectionRatio.toFixed(4));
+    }
+    return 0;
+};
 /**
  * @hidden
  */
@@ -27,4 +87,12 @@ export const setElementStyles = (renderer, elem, styles) => {
 /**
  * @hidden
  */
-export const isPresent = (value) => value !== null && value !== undefined;
+export const allPointerDownEvents = ['pointerdown', 'mousedown', 'touchstart'];
+/**
+ * @hidden
+ */
+export const allPointerMoveEvents = ['pointermove', 'mousemove', 'touchmove'];
+/**
+ * @hidden
+ */
+export const allPointerUpEvents = ['pointerup', 'pointercancel', 'mouseup', 'contextmenu', 'touchend', 'touchcancel'];

package/esm2020/drag-and-drop.module.mjs

@@ -7,12 +7,16 @@ 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 { DragTargetContainerDirective } from './drag-and-drop/dragtarget-container.directive';
+import { DropTargetContainerDirective } from './drag-and-drop/droptarget-container.directive';
 import { HintComponent } from './drag-and-drop/hint.component';
 import * as i0 from "@angular/core";
 const EXPORTS = [
     DragTargetDirective,
     DragHandleDirective,
     DropTargetDirective,
+    DragTargetContainerDirective,
+    DropTargetContainerDirective,
     HintComponent
 ];
 /**
@@ -52,9 +56,13 @@ DragAndDropModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versio
 DragAndDropModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DragAndDropModule, declarations: [DragTargetDirective,
         DragHandleDirective,
         DropTargetDirective,
+        DragTargetContainerDirective,
+        DropTargetContainerDirective,
         HintComponent], imports: [CommonModule], exports: [DragTargetDirective,
         DragHandleDirective,
         DropTargetDirective,
+        DragTargetContainerDirective,
+        DropTargetContainerDirective,
         HintComponent] });
 DragAndDropModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DragAndDropModule, imports: [[CommonModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DragAndDropModule, decorators: [{

package/esm2020/index.mjs

@@ -7,6 +7,9 @@ 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 { DragTargetContainerDirective } from './drag-and-drop/dragtarget-container.directive';
+export { DropTargetContainerDirective } from './drag-and-drop/droptarget-container.directive';
 export { HintComponent } from './drag-and-drop/hint.component';
+export * from './drag-and-drop/models/index';
+export { DropTargetEvent } from './drag-and-drop/events';
 export * from './drag-and-drop/events/drag-target';
-export * from './drag-and-drop/events/drop-target';

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-utils',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1680771331,
-    version: '12.0.0-develop.1',
+    publishDate: 1681902659,
+    version: '12.0.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };