@fullsession.io/fs-feedback-widget 1.4.9 → 1.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullsession.io/fs-feedback-widget",
-  "version": "1.4.9",
+  "version": "1.5.0",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",

package/src/App.svelte

@@ -2,6 +2,7 @@
   import MainIcon from "./Icons/mainIcon.svelte";
   import ReactionPage from "./widgetPages/reactionPage.svelte";
   export let feedback;
+  export let widgetPosition;
   console.log(feedback);
   import { fly } from "svelte/transition";
   import "../src/widgetPages/App.css";
@@ -42,7 +43,7 @@
   let thanksMessageVisible = false;
   let inTransitionX = 0;
   let outTransitionX = 0;
-
+  let positionState = widgetPosition;
   if (Number(feedback.wgPosition) == 0) {
     wgPositionHorizintal = "center";
     wgPositionVertical = "row-reverse";
@@ -106,6 +107,10 @@
     "--widgetMarginLeft",
     widgetMarginLeft + "px"
   );
+  $: document.documentElement.style.setProperty(
+    "--positionState",
+    positionState
+  );
 
   let userClosedWidget = 0;
   let emailx = "";

package/src/main.js

@@ -4,17 +4,21 @@ import App from './App.svelte';
 
 export function feedbackCreator(response,htmlElement) {
 	let view;
+	let position;
 	if(htmlElement == null || htmlElement == undefined){
 		view = document.body
+		position = 'fixed';
 	}
 	else{
-		view = htmlElement
+		view = htmlElement;
+		position = 'absolute';
 	}
 	console.log(view)
 	new App({
 		target: view,
 		props: {
-			feedback: response
+			feedback: response,
+			widgetPosition:position
 		}
 	});
 }

package/src/widgetPages/App.css

@@ -2,7 +2,7 @@ fsContainer{
    width: 100%;
   display: flex;
   flex-direction: var(--wgPositionVertical);
-  position: fixed;
+  position: var(--positionState);
   top: 0; right: 0; bottom: 0; left: 0;
 	height: 100%;
   pointer-events: none;