@dflex/draggable - npm Package Compare versions

Comparing version 3.3.1 to 3.3.2

dist/AbstractDraggable.d.ts

 import type { AbstractCoreInterface } from "@dflex/core-instance";
-import type { AxesCoordinatesInterface } from "@dflex/utils";
+import type { IPointNum } from "@dflex/utils";
 import type { AbstractDraggableInterface, DraggedStyle, Coordinates } from "./types";
@@ -16,4 +16,4 @@ declare class AbstractDraggable<T extends AbstractCoreInterface> implements AbstractDraggableInterface<T> {
      */
-    outerOffset: AxesCoordinatesInterface;
-    translatePlaceholder: AxesCoordinatesInterface;
+    outerOffset: IPointNum;
+    translatePlaceholder: IPointNum;
     static draggedStyle: DraggedStyle;
@@ -20,0 +20,0 @@ /**

dist/AbstractDraggable.js

@@ -48,4 +48,4 @@ "use strict";
         const { translate } = this.draggedElm;
-        this.outerOffset = new utils_1.AxesCoordinates(-initX + translate.x, -initY + translate.y);
-        this.translatePlaceholder = new utils_1.AxesCoordinates(0, 0);
+        this.outerOffset = new utils_1.PointNum(-initX + translate.x, -initY + translate.y);
+        this.translatePlaceholder = new utils_1.PointNum(0, 0);
         this.setDragged(true);
@@ -52,0 +52,0 @@ }

dist/types.d.ts

 import type { AbstractCoreInterface } from "@dflex/core-instance";
-import type { AxesCoordinatesInterface } from "@dflex/utils";
+import type { IPointNum } from "@dflex/utils";
 export interface Coordinates {
@@ -37,6 +37,6 @@ x: number;
      */
-    outerOffset: AxesCoordinatesInterface;
-    translatePlaceholder: AxesCoordinatesInterface;
+    outerOffset: IPointNum;
+    translatePlaceholder: IPointNum;
     changeStyle(style: DraggedStyle, shouldAddPosition: boolean): void;
 }
 export {};

package.json

 {
   "name": "@dflex/draggable",
-  "version": "3.3.1",
+  "version": "3.3.2",
   "main": "dist/index.js",
@@ -24,5 +24,5 @@ "types": "dist/index.d.ts",
   "dependencies": {
-    "@dflex/core-instance": "^3.3.1",
-    "@dflex/store": "^3.3.1",
-    "@dflex/utils": "^3.3.1"
+    "@dflex/core-instance": "^3.3.2",
+    "@dflex/store": "^3.3.2",
+    "@dflex/utils": "^3.3.2"
   },
@@ -49,3 +49,3 @@ "keywords": [
   },
-  "gitHead": "f1f6f51e5b66462e307cb368c77be9038894ddb9"
+  "gitHead": "017d629fcf9db3352d54f21f5c59764096e3c40b"
 }

readme.md

@@ -9,3 +9,3 @@ <h1 align="center">
 
-<h1 align="center">Modern Draggable package for all JavaScript frameworks</h1>
+<h1 align="center">DFlex Draggable</h1>
 
@@ -37,7 +37,4 @@ <p align="center">
 
-DFlex Draggable is the simplest solution to create JavaScript draggable
-elements. No need for a special tutorial and thinking about implementation
-complexity or even migration to different technologies for different frameworks.
-It can be used with any app you have whether it is React, Vue, Angular or
-Svelte.
+Light weight draggable element without extra functionalities that is
+responsible for interacting with the DOM and moving the affected element(s).
 
@@ -69,16 +66,31 @@ ## DFlex Features ✅
 
-### [**Drag & Drop**](https://github.com/dflex-js/dflex/tree/master/packages/dnd)
+### [**@dflex/dom-gen**](https://github.com/dflex-js/dflex/tree/master/packages/dom-gen)
 
-A Drag-and-Drop package for all JavaScript frameworks implementing an enhanced
-transformation mechanism to manipulate DOM elements. You can achieve a drag and
-drop with three steps only with mouse/touch event.
+DFlex DOM relations generator algorithm. It Generates relations between DOM elements based
+on element depth so all the registered DOM can be called inside registry without
+the need to call browser API. Read once, implement everywhere.
 
-### [**Utils/DOM Generator**](https://github.com/dflex-js/dflex/tree/master/packages/dom-gen)
+### [**@dflex/core-instance**](https://github.com/dflex-js/dflex/tree/master/packages/core-instance)
 
-DOM relations generator algorithm. Generate relations between DOM elements based
-on element depth without a browser.
+Core instance is the mirror of interactive element that includes all the properties and methods to manipulate the node.
 
-### [**Utils/DOM Store**](https://github.com/dflex-js/dflex/tree/master/packages/store)
+### [**@dflex/utils**](https://github.com/dflex-js/dflex/tree/master/packages/utils)
 
-The only Store that allows you to traverse through the DOM tree using element id
-without reading from the browser.
+A collection of shared functions. Mostly classes, and types that are used across
+the project.
+
+### [**@dflex/store**](https://github.com/dflex-js/dflex/tree/master/packages/store)
+
+DFex Store has main registry for all DOM elements that will be manipulated. It
+is a singleton object that is accessible from anywhere in the application. The
+initial release was generic but it only has the Core of the library since ^V3.
+
+### [**@dflex/dnd**](https://github.com/dflex-js/dflex/tree/master/packages/dnd)
+
+The main package that depends on the other packages. It is responsible for the
+magical logic of the library to introduce the drag and drop interactive
+functionality.
+
+## License 🤝
+
+DFlex is [MIT License](LICENSE) since version 3.0.0 and above.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

16782

increased by2.3%

Number of lines in readme file

94

increased by14.63%

Dependency changes

• Updated@dflex/core-instance@^3.3.2

• Updated@dflex/store@^3.3.2

• Updated@dflex/utils@^3.3.2