feat(svelte): export style prop for modals

nolimits4web · nolimits4web · commit 65ecc23b698e · 2022-12-16T14:00:24.000+03:00
fixes #4100
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} />
