fs-feedback-creator - npm Package Compare versions

Comparing version 2.0.52 to 2.0.53

dist/feedback-creator.36de09bd.js

@@ -188,2 +188,4 @@ // modules are defined as an array
     this.elementsPosition = "";
+    this.position = "";
+    this.buttonTransformValue = "transform: translate(0, -22%);";
     this.isClicked = false;
@@ -199,3 +201,4 @@ this.addButtonTrigger = false;
     this.fb = fb;
-    this.elementsPosition = "position: " + position;
+    this.elementsPosition = "position: " + position + "!important;";
+    this.position = position;
     this.root.id = "fb-root" + this.fb.id.toString();
@@ -251,3 +254,3 @@
     this.root.innerHTML = html;
-    this.root.style.cssText = "width: 100%; display: flex; transform: translate(0, -30%); z-index: 4598465323; height: 50%;" + this.style_map.get(this.fb.wgPosition) + this.elementsPosition;
+    this.root.style.cssText = "width: 100%; display: flex; z-index: 4598465323; height: 50%;" + this.style_map.get(this.fb.wgPosition);
     this.addButtonTrigger = true;
@@ -677,2 +680,3 @@ this.addButtonEventListener.then(buttonId => {
               ${this.elementsPosition}
+              ${this.buttonTransformValue}
             }
@@ -964,2 +968,6 @@ .disabled${this.fb.id.toString()}{
   setMapsValues() {
+    if (this.position == "relative") {
+      this.buttonTransformValue = "transform: translate(0, -36%) !important;";
+    }
+
     if (this.fb.wgAlternateColor == true) this.textColor = "#fff";else this.textColor = "#000";
@@ -973,3 +981,3 @@
     } else {
-      this.modalPositionMap.set("1", "top:48% !important;");
+      this.modalPositionMap.set("1", "top:45% !important;");
       this.modalPositionMap.set("2", "top:12% !important;");
@@ -987,6 +995,6 @@ this.modalPositionMap.set("3", "top:59% !important;");
     this.style_map.set("3", "flex-direction: row; top:95%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; left: 0;");
-    this.modalViews.set("0", "right: 20px; flex-direction: row-reverse;");
-    this.modalViews.set("1", "left: 20px; flex-direction: row");
-    this.modalViews.set("2", "right: 20px; flex-direction: row-reverse;");
-    this.modalViews.set("3", "left: 20px; flex-direction: row;");
+    this.modalViews.set("0", "right: 20px; flex-direction: row-reverse; position: absolute;");
+    this.modalViews.set("1", "left: 20px; flex-direction: row; position: absolute;");
+    this.modalViews.set("2", "right: 20px; flex-direction: row-reverse; position: absolute;");
+    this.modalViews.set("3", "left: 20px; flex-direction: row; position: absolute;");
     this.trianglePosition.set("0", "float: right; margin: -33px;");
@@ -1001,39 +1009,2 @@ this.trianglePosition.set("1", "float: left; margin: -33px; transform: rotate(-90deg);");
 exports.FeedbackCreator = FeedbackCreator;
-window.addEventListener('DOMContentLoaded', event => {
-  let elem = document.getElementById("containerDiv");
-  let widget = new FeedbackCreator({
-    id: 0,
-    wgStatus: true,
-    wgName: "",
-    wgDescription: '',
-    wgCrtDt: new Date(),
-    wgResponses: 0,
-    wgUpdTime: new Date(),
-    SiteId: "31",
-    UserId: "47",
-    wgLanguage: 'en',
-    wgPosition: "2",
-    wgAccentColor: '#e72d44',
-    wgAlternateColor: true,
-    wgQuestion: 'Tell us about web site experience.',
-    wgUserScreenshot: false,
-    wgEmailReqMsg: 'Widget email request message',
-    wgEmailReqActivation: true,
-    wgAdditionalMsg: 'Widget additional message',
-    wgAdditionalMsgActivation: true,
-    wgThanksMsg: 'Thank your for Give a Feedback',
-    wgThanksMsgActivation: true,
-    wgDesktop: false,
-    wgPhone: false,
-    wgTablet: false,
-    wgPages: '*',
-    wgWidgetToUsers: null,
-    wgPercentage: 50,
-    wgEmail: "",
-    wgWidgetToAllPages: true,
-    wgReactionStyle: 0,
-    wgResponseViaEmail: false
-  }, elem, "relative");
-  widget.renderButton();
-});
 },{"./assets/icons":"assets/icons.ts"}],"../node_modules/parcel-bundler/src/builtins/hmr-runtime.js":[function(require,module,exports) {
@@ -1067,3 +1038,3 @@ var global = arguments[3];
   var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
-  var ws = new WebSocket(protocol + '://' + hostname + ':' + "35699" + '/');
+  var ws = new WebSocket(protocol + '://' + hostname + ':' + "41765" + '/');
 
@@ -1070,0 +1041,0 @@ ws.onmessage = function (event) {

dist/feedback-creator.js

@@ -19,2 +19,3 @@ import { angryIcon } from "./assets/icons";
         this.position = "";
+        this.buttonTransformValue = "transform: translate(0, -22%);";
         this.isClicked = false;
@@ -31,2 +32,3 @@ this.addButtonTrigger = false;
         this.elementsPosition = "position: " + position + "!important;";
+        this.position = position;
         this.root.id = "fb-root" + this.fb.id.toString();
@@ -77,5 +79,5 @@ if (typeof parentElement === "undefined" || parentElement === null) {
         this.root.innerHTML = html;
-        this.root.style.cssText = this.buttonTransformValue +
+        this.root.style.cssText =
             "width: 100%; display: flex; z-index: 4598465323; height: 50%;" +
-            this.style_map.get(this.fb.wgPosition);
+                this.style_map.get(this.fb.wgPosition);
         this.addButtonTrigger = true;
@@ -491,2 +493,3 @@ this.addButtonEventListener.then((buttonId) => {
               ${this.elementsPosition}
+              ${this.buttonTransformValue}
             }
@@ -777,8 +780,5 @@ .disabled${this.fb.id.toString()}{
     setMapsValues() {
-        if (this.position == "fixed") {
-            this.buttonTransformValue = "transform: translate(0, -22%);";
+        if (this.position == "relative") {
+            this.buttonTransformValue = "transform: translate(0, -36%) !important;";
         }
-        else if (this.position == "relative") {
-            this.buttonTransformValue = "transform: translate(0, -45%);";
-        }
         if (this.fb.wgAlternateColor == true)
@@ -785,0 +785,0 @@ this.textColor = "#fff";

package.json

 {
   "name": "fs-feedback-creator",
-  "version": "2.0.52",
+  "version": "2.0.53",
   "description": "web-based module that's responsible to inject fullsession feedback modal",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Worsened metrics

Total package byte prevSize

483941

decreased by-0.47%

Lines of code

2030

decreased by-1.46%

No dependency changes