svelte-flexiboards 0.3.2-alpha.5 → 0.3.2

package/dist/components/flexi-widget.svelte

@@ -32,10 +32,13 @@
 		snippet: children
 	});
 
-	flexiwidget(config);
+	// Callback so that we still fulfil these props.
+	function onWidgetCreated(widget: FlexiWidgetController) {
+		controller = widget;
+		onfirstcreate?.(widget);
+	}
 
-	// controller = widget;
-	// onfirstcreate?.(widget);
+	flexiwidget(config, onWidgetCreated);
 
 	// let derivedClassName = $derived.by(() => {
 	// 	if (typeof widget.className === 'function') {

package/dist/system/target/controller.svelte.d.ts

@@ -16,7 +16,7 @@ export declare class InternalFlexiTargetController implements FlexiTargetControl
     constructor(provider: InternalFlexiBoardController, key: string, config?: FlexiTargetPartialConfiguration);
     createGrid(): FlexiGrid;
     createWidget(config: FlexiWidgetConfiguration): InternalFlexiWidgetController | undefined;
-    registerWidget(config: FlexiWidgetConfiguration): void;
+    registerWidget(config: FlexiWidgetConfiguration, onCreated?: (widget: FlexiWidgetController) => void): void;
     onWidgetDelete(event: WidgetEvent): void;
     /**
      * Deletes the given widget from this target, if it exists.

package/dist/system/target/controller.svelte.js

@@ -134,8 +134,8 @@ export class InternalFlexiTargetController {
         }
         return widget;
     }
-    registerWidget(config) {
-        this.#initialWidgetRegistrations.push(config);
+    registerWidget(config, onCreated) {
+        this.#initialWidgetRegistrations.push({ config, onCreated });
     }
     onWidgetDelete(event) {
         if (event.target != this) {
@@ -367,8 +367,11 @@ export class InternalFlexiTargetController {
         this.#removeDropzoneWidget();
     }
     oninitialloadcomplete() {
-        for (const config of this.#initialWidgetRegistrations) {
-            this.createWidget(config);
+        for (const registration of this.#initialWidgetRegistrations) {
+            const widget = this.createWidget(registration.config);
+            if (widget && registration.onCreated) {
+                registration.onCreated(widget);
+            }
         }
         this.#state.prepared = true;
     }

package/dist/system/widget/index.d.ts

@@ -1,7 +1,7 @@
 import type { FlexiWidgetChildrenSnippet, FlexiWidgetChildrenSnippetParameters, FlexiWidgetConfiguration, FlexiWidgetTransitionConfiguration, FlexiWidgetTransitionTypeConfiguration, FlexiWidgetTriggerConfiguration } from './types.js';
 import type { FlexiWidgetController } from './base.svelte.js';
 import type { InternalFlexiWidgetController } from './controller.svelte.js';
-export declare function flexiwidget(config: FlexiWidgetConfiguration): void;
+export declare function flexiwidget(config: FlexiWidgetConfiguration, onWidgetCreated?: (widget: FlexiWidgetController) => void): void;
 export declare function renderedflexiwidget(widget: InternalFlexiWidgetController): {
     onpointerdown: (event: PointerEvent) => void;
     onkeydown: (event: KeyboardEvent) => void;

package/dist/system/widget/index.js

@@ -3,12 +3,12 @@ import { getInternalFlexitargetCtx } from '../target/index.js';
 import { widgetEvents, widgetGrabberEvents, widgetResizerEvents } from './events.js';
 import { dragInOnceMounted, hasInternalFlexiaddCtx } from '../misc/adder.svelte.js';
 const contextKey = Symbol('flexiwidget');
-export function flexiwidget(config) {
+export function flexiwidget(config, onWidgetCreated) {
     const target = getInternalFlexitargetCtx();
     if (!target) {
         throw new Error('A FlexiWidget was instantiated outside of a FlexiTarget context. Ensure that flexiwidget() (or <FlexiWidget>) is called within a <FlexiTarget> component.');
     }
-    target.registerWidget(config);
+    target.registerWidget(config, onWidgetCreated);
     // const widget = target.registerWidget(config);
     // if (!widget) {
     // 	throw new Error(

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "svelte-flexiboards",
 	"licence": "MIT",
-	"version": "0.3.2-alpha.5",
+	"version": "0.3.2",
 	"description": "The headless drag-and-drop toolkit for Svelte.",
 	"scripts": {
 		"dev": "pnpm watch",
@@ -35,7 +35,7 @@
 		}
 	},
 	"peerDependencies": {
-		"svelte": "^5.16.0"
+		"svelte": "^5.0.0"
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^3.0.0",