@hkdigital/lib-sveltekit 0.1.91 → 0.1.93

package/dist/themes/hkdev/components/drag-drop/drop-zone.css

@@ -23,7 +23,6 @@
     &.state-can-drop {
       border-color: rgb(var(--color-success-500));
       background-color: rgb(var(--color-success-500) / 0.08);
-      /*transform: scale(1.01);*/
       box-shadow: 0 0 0 3px rgb(var(--color-success-500) / 0.2);
     }
 
@@ -33,11 +32,11 @@
       cursor: not-allowed;
     }
 
-    &.state-drop-disabled {
+    /*&.state-drop-disabled {
       opacity: 0.5;
       cursor: not-allowed;
       background-color: rgb(var(--color-surface-100));
-    }
+    }*/
   }
 
   /* Default styling for inner elements - all visual/customizable */

package/dist/typedef/drag.d.ts

@@ -13,3 +13,17 @@ export type DragData = {
      */
     source?: string;
 };
+export type SimulatedDragEvent = {
+    type: "dragstart" | "dragover" | "dragleave" | "drop" | "dragend";
+    clientX: number;
+    clientY: number;
+    dataTransfer: {
+        types: Array<string>;
+        getData: Function;
+        dropEffect: "none" | "copy" | "link" | "move";
+        effectAllowed: "none" | "copy" | "copyLink" | "copyMove" | "link" | "linkMove" | "move" | "all" | "uninitialized";
+        files: FileList | any[];
+    };
+    preventDefault: Function;
+    stopPropagation: Function;
+};

package/dist/typedef/drag.js

@@ -7,4 +7,19 @@
  * @property {string} [source] - Source identifier
  */
 
+/**
+ * @typedef {Object} SimulatedDragEvent
+ * @property {'dragstart'|'dragover'|'dragleave'|'drop'|'dragend'} type
+ * @property {number} clientX
+ * @property {number} clientY
+ * @property {Object} dataTransfer
+ * @property {Array<string>} dataTransfer.types
+ * @property {Function} dataTransfer.getData
+ * @property {'none'|'copy'|'link'|'move'} dataTransfer.dropEffect
+ * @property {'none'|'copy'|'copyLink'|'copyMove'|'link'|'linkMove'|'move'|'all'|'uninitialized'} dataTransfer.effectAllowed
+ * @property {FileList|Array} dataTransfer.files
+ * @property {Function} preventDefault
+ * @property {Function} stopPropagation
+ */
+
 export default {}

package/dist/typedef/drop.d.ts

@@ -10,6 +10,6 @@ export type DropData = {
     drop: {
         offsetX: number;
         offsetY: number;
-        event: DragEvent;
+        target: Element;
     };
 };

package/dist/typedef/drop.js

@@ -6,7 +6,7 @@
  * @property {string} source
  * @property {any} item
  * @property {import('./drag').DragData} drag
- * @property {{offsetX: number, offsetY: number, event: DragEvent}} drop
+ * @property {{offsetX: number, offsetY: number, target: Element}} drop
  */
 
 export default {};

package/dist/typedef/image.d.ts

@@ -9,3 +9,4 @@ export type ImageMeta = {
  * Single ImageMeta object or array of ImageMeta objects
  */
 export type ImageSource = ImageMeta | ImageMeta[];
+export type ObjectPosition = "center" | "top" | "bottom" | "left" | "right" | "left top" | "left center" | "left bottom" | "center top" | "center center" | "center bottom" | "right top" | "right center" | "right bottom" | string;

package/dist/typedef/image.js

@@ -10,4 +10,29 @@
  * Single ImageMeta object or array of ImageMeta objects
  */
 
+/**
+ * @typedef {"center" | "top" | "bottom" | "left" | "right" |
+ *          "left top" | "left center" | "left bottom" |
+ *          "center top" | "center center" | "center bottom" |
+ *          "right top" | "right center" | "right bottom" |
+ *          string} ObjectPosition
+ *
+ * @description Accepts valid CSS object-position values including:
+ * - Keywords: "center", "top", "bottom", "left", "right"
+ * - Length values: "10px", "2em", "50%", etc.
+ * - Percentage values: "25%", "100%", etc.
+ * - Two-value combinations: "left top", "center bottom", "25% 75%"
+ * - Mixed units: "left 20px", "10% center", "2em 50%"
+ *
+ * @example
+ * "center"           // Single keyword (centers both axes)
+ * "top"              // Single keyword
+ * "left center"      // Two keywords
+ * "25% 75%"          // Two percentages
+ * "10px 20px"        // Two lengths
+ * "left 25%"         // Keyword + percentage
+ * "50% top"          // Percentage + keyword
+ * "2em center"       // Length + keyword
+ */
+
 export default {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hkdigital/lib-sveltekit",
-	"version": "0.1.91",
+	"version": "0.1.93",
 	"author": {
 		"name": "HKdigital",
 		"url": "https://hkdigital.nl"