feat(svelte): export style prop for modals

fixes #4100
framework7io · Dec 16, 2022 · 65ecc23 · 65ecc23
1 parent 2c22d91
commit 65ecc23
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 6 deletions.
diff --git a/src/svelte/components/actions.svelte b/src/svelte/components/actions.svelte
@@ -11,6 +11,7 @@
   let className = undefined;
   export { className as class };
 
+  export let style;
   export let opened = undefined;
   export let animate = undefined;
   export let grid = undefined;
@@ -123,6 +124,6 @@
   });
 </script>
 
-<div class={classes} bind:this={el} {...restProps($$restProps)}>
+<div class={classes} bind:this={el} {style} {...restProps($$restProps)}>
   <slot actions={f7Actions} />
 </div>
diff --git a/src/svelte/components/login-screen.svelte b/src/svelte/components/login-screen.svelte
@@ -11,6 +11,7 @@
   let className = undefined;
   export { className as class };
 
+  export let style;
   export let opened = undefined;
   export let animate = undefined;
   export let containerEl = undefined;
@@ -99,6 +100,6 @@
   });
 </script>
 
-<div class={classes} bind:this={el} {...restProps($$restProps)}>
+<div class={classes} bind:this={el} {style} {...restProps($$restProps)}>
   <slot loginScreen={f7LoginScreen} />
 </div>
diff --git a/src/svelte/components/popover.svelte b/src/svelte/components/popover.svelte
@@ -11,6 +11,7 @@
   let className = undefined;
   export { className as class };
 
+  export let style;
   export let opened = undefined;
   export let animate = undefined;
   export let targetEl = undefined;
@@ -114,7 +115,7 @@
   });
 </script>
 
-<div class={classes} bind:this={el} {...restProps($$restProps)}>
+<div class={classes} bind:this={el} {style} {...restProps($$restProps)}>
   <div class="popover-angle" />
   <div class="popover-inner">
     <slot popover={f7Popover} />

diff --git a/src/svelte/components/popup.svelte b/src/svelte/components/popup.svelte
@@ -10,7 +10,7 @@
 
   let className = undefined;
   export { className as class };
-
+  export let style;
   export let tabletFullscreen = undefined;
   export let opened = undefined;
   export let animate = undefined;
@@ -135,6 +135,6 @@
   });
 </script>
 
-<div class={classes} bind:this={el} {...restProps($$restProps)}>
+<div class={classes} bind:this={el} {style} {...restProps($$restProps)}>
   <slot popup={f7Popup} />
 </div>
diff --git a/src/svelte/components/sheet.svelte b/src/svelte/components/sheet.svelte
@@ -11,6 +11,7 @@
   let className = undefined;
   export { className as class };
 
+  export let style = '';
   export let opened = undefined;
   export let animate = undefined;
   export let top = undefined;
@@ -160,7 +161,7 @@
   });
 </script>
 
-<div class={classes} bind:this={el} {...restProps($$restProps)}>
+<div class={classes} bind:this={el} {style} {...restProps($$restProps)}>
   <slot sheet={f7Sheet} name="fixed" />
   <div class="sheet-modal-inner" bind:this={innerEl}>
     <slot sheet={f7Sheet} />