@hkdigital/lib-sveltekit 0.2.3 → 0.2.4
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.
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
* zone?: string,
|
|
19
19
|
* group?: string,
|
|
20
20
|
* disabled?: boolean,
|
|
21
|
-
* accepts?: (
|
|
21
|
+
* accepts?: (dragData: any, target: { zone:string, group: string }) => boolean,
|
|
22
22
|
* base?: string,
|
|
23
23
|
* classes?: string,
|
|
24
24
|
* minHeight?: string,
|
|
@@ -140,7 +140,8 @@
|
|
|
140
140
|
accepts: (dragData) => {
|
|
141
141
|
if (disabled) return false;
|
|
142
142
|
if (!dragData) return false;
|
|
143
|
-
|
|
143
|
+
|
|
144
|
+
return accepts(dragData, { zone, group });
|
|
144
145
|
},
|
|
145
146
|
onDragEnter: (detail) => {
|
|
146
147
|
currentState = detail.canDrop ? CAN_DROP : CANNOT_DROP;
|
|
@@ -197,8 +198,8 @@
|
|
|
197
198
|
// Monitor drag state to update preview
|
|
198
199
|
let showPreview = $derived(
|
|
199
200
|
dragState.activeDropZone === dropZoneId &&
|
|
200
|
-
|
|
201
|
-
|
|
201
|
+
currentState === CAN_DROP &&
|
|
202
|
+
dropPreviewSnippet
|
|
202
203
|
);
|
|
203
204
|
</script>
|
|
204
205
|
|
|
@@ -216,7 +217,7 @@
|
|
|
216
217
|
class:relative={heightMode === 'flexible'}
|
|
217
218
|
class:w-full={heightMode === 'flexible'}
|
|
218
219
|
> -->
|
|
219
|
-
|
|
220
|
+
{@render children()}
|
|
220
221
|
<!-- </div> -->
|
|
221
222
|
{/if}
|
|
222
223
|
|
|
@@ -229,13 +230,11 @@
|
|
|
229
230
|
</div>
|
|
230
231
|
|
|
231
232
|
<style>
|
|
232
|
-
[data-component=
|
|
233
|
+
[data-component='drop-zone'] {
|
|
233
234
|
-webkit-tap-highlight-color: transparent;
|
|
234
|
-
|
|
235
|
-
|
|
236
235
|
}
|
|
237
236
|
|
|
238
|
-
/* [data-layer='content']:not(.relative) {
|
|
237
|
+
/* [data-layer='content']:not(.relative) {
|
|
239
238
|
position: absolute;
|
|
240
239
|
left: 0;
|
|
241
240
|
right: 0;
|
|
@@ -6,7 +6,10 @@ type DropZone = {
|
|
|
6
6
|
zone?: string;
|
|
7
7
|
group?: string;
|
|
8
8
|
disabled?: boolean;
|
|
9
|
-
accepts?: (
|
|
9
|
+
accepts?: (dragData: any, target: {
|
|
10
|
+
zone: string;
|
|
11
|
+
group: string;
|
|
12
|
+
}) => boolean;
|
|
10
13
|
base?: string;
|
|
11
14
|
classes?: string;
|
|
12
15
|
minHeight?: string;
|
|
@@ -50,7 +53,10 @@ declare const DropZone: import("svelte").Component<{
|
|
|
50
53
|
zone?: string;
|
|
51
54
|
group?: string;
|
|
52
55
|
disabled?: boolean;
|
|
53
|
-
accepts?: (
|
|
56
|
+
accepts?: (dragData: any, target: {
|
|
57
|
+
zone: string;
|
|
58
|
+
group: string;
|
|
59
|
+
}) => boolean;
|
|
54
60
|
base?: string;
|
|
55
61
|
classes?: string;
|
|
56
62
|
minHeight?: string;
|