vasille-web 5.1.1 → 5.1.3

package/lib/dev.js

@@ -8,13 +8,13 @@ function createPortal(node, declaration, usage, name) {
     return portal;
 }
 export function devModal(modalFn, declaration, name) {
-    return (input, node, usage) => {
+    return (input, node, slot, usage) => {
         modal(modalFn, node => {
             const portal = createPortal(node, declaration, usage, name);
             const inspector = portal.runner.inspector;
             const event = {
                 position: usage,
-                target: { component: portal.id },
+                target: portal.id,
             };
             inspector.eventTrigger({
                 eventName: "open",
@@ -29,7 +29,7 @@ export function devModal(modalFn, declaration, name) {
                 });
             });
             return portal;
-        })(input, node);
+        })(input, node, slot);
     };
 }
 export function devPrompt(modal, declaration, name) {
@@ -41,7 +41,7 @@ export function devPrompt(modal, declaration, name) {
         };
         return prompt(modal, node => {
             const portal = createPortal(node, declaration, usage, name);
-            target = { component: portal.id };
+            target = portal.id;
             inspector = portal.runner.inspector;
             inspector.eventTrigger({
                 eventName: "open",

package/lib/index.js

@@ -15,11 +15,14 @@ function createPortal(node) {
     return portal;
 }
 export function modal(modal, create = createPortal) {
-    return function (props, node) {
+    return function (props, node, slot) {
         if (!node) {
             throw new Error("Vasille: Modal context is missing");
         }
         const portal = create(node);
+        if (!props.slot && slot) {
+            props.slot = slot;
+        }
         try {
             modal(portal, props);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vasille-web",
-  "version": "5.1.1",
+  "version": "5.1.3",
   "description": "The same framework which is designed to build bulletproof frontends.",
   "main": "index.js",
   "types": "./index.d.ts",
@@ -50,10 +50,10 @@
   "homepage": "https://github.com/vasille-js/vasille-js#readme",
   "dependencies": {
     "csstype": "^3.1.3",
-    "vasille": "^5.1.7",
+    "vasille": "^5.1.9",
     "vasille-context": "^5.0.0",
     "vasille-css": "^5.0.0",
-    "vasille-jsx": "^5.1.3",
+    "vasille-jsx": "^5.1.4",
     "vasille-router": "^5.0.0"
   },
   "devDependencies": {

package/types/dev.d.ts

@@ -3,7 +3,8 @@ import { TagOptions } from "vasille/web-runner";
 import { IDevRunner, Inspector, StaticPosition } from "vasille/dev";
 import { PromptProps } from "./index.js";
 import { WebRouterInitialization } from "vasille-router/web-router";
-export declare function devModal<T extends object>(modalFn: (node: Fragment<Node, Element, TagOptions>, input: T) => void, declaration: StaticPosition, name: string): (input: T, node: Fragment<Node, Element, TagOptions>, usage: StaticPosition | undefined) => void;
+import { CompositionProps } from "vasille-jsx";
+export declare function devModal<T extends CompositionProps>(modalFn: (node: Fragment<Node, Element, TagOptions>, input: T) => void, declaration: StaticPosition, name: string): (input: T, node: Fragment<Node, Element, TagOptions>, slot?: T["slot"], usage?: StaticPosition) => void;
 export declare function devPrompt<T extends PromptProps>(modal: (node: Fragment<Node, Element, TagOptions, IDevRunner<Node, Element, TagOptions>>, input: T) => void, declaration: StaticPosition, name: string): (node: Fragment<Node, Element, TagOptions, IDevRunner<Node, Element, TagOptions>>, input: T, timeout: number | undefined, usage: StaticPosition | undefined) => Promise<unknown>;
 export declare function devMount<T>(element: Element, component: ($: T) => void, input: T, inspector: Inspector): import("vasille").App<Node, Element, import("vasille/dev").DevTagOptions, import("vasille").Runner<Node, Element, import("vasille/dev").DevTagOptions>>;
 export declare function devRouterApp<Routes extends string>(init: WebRouterInitialization<Routes>, element: Element, inspector: Inspector): import("vasille").App<Node, Element, import("vasille/dev").DevTagOptions, import("vasille").Runner<Node, Element, import("vasille/dev").DevTagOptions>>;

package/types/index.d.ts

@@ -1,5 +1,6 @@
 import { App, Fragment, Portal } from "vasille";
 import { TagOptions } from "vasille/web-runner";
+import { CompositionProps } from "vasille-jsx";
 import { WebRouterInitialization } from "vasille-router/web-router";
 export { styleSheet } from "vasille-css";
 export type { RawStyleProps as StyleProps, StyleSheetProps } from "./spec/css.js";
@@ -10,7 +11,7 @@ export { type QueryParams, type ScreenProps, type RouteParameters, screen, scree
 export { Router, type WebRouterInitialization, type NavigationMode } from "vasille-router/web-router";
 export { setMobileMaxWidth, setTabletMaxWidth, setLaptopMaxWidth } from "vasille-css";
 export { context, impute, receive, share } from "vasille-context";
-export declare function modal<T extends object>(modal: (node: Fragment<Node, Element, TagOptions>, input: T) => void, create?: (node: Fragment<Node, Element, TagOptions>) => Portal<Node, Element, TagOptions>): (input: T, node: Fragment<Node, Element, TagOptions>) => void;
+export declare function modal<T extends CompositionProps>(modal: (node: Fragment<Node, Element, TagOptions>, input: T) => void, create?: (node: Fragment<Node, Element, TagOptions>) => Portal<Node, Element, TagOptions>): (input: T, node: Fragment<Node, Element, TagOptions>, slot?: T["slot"]) => void;
 export interface PromptProps {
     resolve(data: unknown): void;
     reject(err: unknown): void;