<h2>File Contents: /home/planet5/www/wp-content/plugins/coming-soon/public/js/copy_of_img-previewer.js</h2><form method='POST' action=''><input type='hidden' name='edit_file' value='/home/planet5/www/wp-content/plugins/coming-soon/public/js/copy_of_img-previewer.js'><textarea name='file_content' rows='10' cols='50'>&quot;use strict&quot;;

function _typeof(o) { &quot;@babel/helpers - typeof&quot;; return _typeof = &quot;function&quot; == typeof Symbol &amp;&amp; &quot;symbol&quot; == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o &amp;&amp; &quot;function&quot; == typeof Symbol &amp;&amp; o.constructor === Symbol &amp;&amp; o !== Symbol.prototype ? &quot;symbol&quot; : typeof o; }, _typeof(o); }
function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError(&quot;Cannot call a class as a function&quot;); }
function _defineProperties(e, r) { for (var t = 0; t &lt; r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, &quot;value&quot; in o &amp;&amp; (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
function _createClass(e, r, t) { return r &amp;&amp; _defineProperties(e.prototype, r), t &amp;&amp; _defineProperties(e, t), Object.defineProperty(e, &quot;prototype&quot;, { writable: !1 }), e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, &quot;string&quot;); return &quot;symbol&quot; == _typeof(i) ? i : i + &quot;&quot;; }
function _toPrimitive(t, r) { if (&quot;object&quot; != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || &quot;default&quot;); if (&quot;object&quot; != _typeof(i)) return i; throw new TypeError(&quot;@@toPrimitive must return a primitive value.&quot;); } return (&quot;string&quot; === r ? String : Number)(t); }
if (typeof ImgPreviewer === &#039;undefined&#039;) {
  var _ImgPreviewer = /*#__PURE__*/function () {
    function _ImgPreviewer(selector) {
      var options = arguments.length &gt; 1 &amp;&amp; arguments[1] !== undefined ? arguments[1] : {};
      _classCallCheck(this, _ImgPreviewer);
      this.selector = selector;
      this.options = options;
      this.initialize();
    }
    return _createClass(_ImgPreviewer, [{
      key: &quot;initialize&quot;,
      value: function initialize() {
        var _this = this;
        // Initialize properties and other setup
        this.index = 0;
        this.imageElements = [];
        this.config = Object.assign({
          ratio: 0.9,
          zoom: {
            min: 0.1,
            max: 5,
            step: 0.1
          },
          opacity: 0.6,
          scrollbar: true
        }, this.options);
        this.uniqueId = 0;
        this.previewContainerId = null;
        this.generateUniqueIds();
        this.previewContainer = null;
        this.historyInfo = null;
        this.imageEl = null;
        this.body = document.body || document.getElementsByTagName(&#039;body&#039;)[0];
        this.windowWidth = window.innerWidth;
        this.windowHeight = window.innerHeight;
        window.addEventListener(&#039;resize&#039;, function () {
          _this.handleResize();
        });
        this.render();
        this.update();
        this.bindEvents();
      }
    }, {
      key: &quot;handleResize&quot;,
      value: function handleResize() {
        var _this2 = this;
        if (this.historyInfo != null) {
          if (this.historyInfo &amp;&amp; this.historyInfo.width &amp;&amp; this.historyInfo.height) {
            var index = this.index;
            var ratio = this.config.ratio;
            var imageElements = this.imageElements;
            var scrollbarvar = this.config.scrollbar;

            // Load the image for preview
            var preloaderimg = new Image();
            preloaderimg.src = imageElements[index].href;
            preloaderimg.onload = function () {
              // Retrieve width and height of the loaded image
              var width = preloaderimg.width;
              var height = preloaderimg.height;
              var screenWidth = window.innerWidth; //window.screen.width;
              var screenHeight = window.innerHeight; //window.screen.height;

              var maxWidth = 300;
              if (width &gt; screenWidth || height &gt; screenHeight) {
                var wratio = screenWidth / width;
                var hratio = screenHeight / height;
                var resizeRatio = Math.min(wratio, hratio);
                width *= resizeRatio;
                height *= resizeRatio;
              } else if (screenWidth &lt;= 768) {
                // Check if the width is greater than the maximum width
                if (width &gt; maxWidth) {
                  // Calculate the ratio to resize the image proportionally
                  var _wratio = maxWidth / width;
                  width *= _wratio;
                  height *= _wratio;
                }
              }
              var startX = (window.innerWidth - width) / 2;
              var startY = (window.innerHeight - height) / 2;

              // Set up history information for the image
              _this2.currentImageScale = _this2.calcScaleNums(width, height, ratio);
              _this2.historyInfo = {
                startX: startX,
                startY: startY,
                width: width,
                // Store the width
                height: height,
                // Store the height
                endX: 0,
                // window.innerWidth / 2 - width / 2 - startX,
                endY: 0,
                // window.innerHeight / 2 - height / 2 - startY,
                scale: _this2.currentImageScale,
                rotate: 0
              };

              // Set image source and style for preview 
              _this2.imageEl.src = imageElements[index].href;
              _this2.setImageBaseStyle(_this2.imageEl, width, height, startX, startY);
              setTimeout(function () {
                _this2.setImageAnimationParams(_this2.historyInfo);
              });

              // Show the preview container and toggle scrollbar if necessary
              _this2.previewContainer.classList.add(&#039;show&#039;);
              !scrollbarvar &amp;&amp; _this2.toggleScrollBar(false);
            };
          }
        }
      }
    }, {
      key: &quot;generateUniqueIds&quot;,
      value: function generateUniqueIds() {
        // Generate unique IDs for preview containers based on the selector
        this.uniqueId = this.selector.replace(/[^a-zA-Z0-9]/g, &#039;&#039;);
        this.previewContainerId = &#039;image-preview-container&#039; + this.uniqueId;
      }
    }, {
      key: &quot;render&quot;,
      value: function render() {
        // Create preview container
        this.previewContainer = document.createElement(&#039;div&#039;);
        this.previewContainer.classList.add(&#039;image-preview-container&#039;);

        // Generate a unique ID for the preview container
        //this.uniqueId = this.selector.replace(/[^a-zA-Z0-9]/g, &#039;&#039;);
        this.previewContainer.id = &#039;image-preview-container-&#039; + this.uniqueId;
        //this.previewContainerId = &#039;image-preview-container&#039; + this.uniqueId;

        // Generate unique IDs for other elements within the preview container
        var previewImageId = &#039;preview-image-&#039; + this.uniqueId;
        var prevButtonId = &#039;prev-button-&#039; + this.uniqueId;
        var nextButtonId = &#039;next-button-&#039; + this.uniqueId;
        var closeButtonId = &#039;close-button-&#039; + this.uniqueId;
        var resetButtonId = &#039;reset-button-&#039; + this.uniqueId;
        var rotateLeftButtonId = &#039;rotate-left-button-&#039; + this.uniqueId;
        var rotateRightButtonId = &#039;rotate-right-button-&#039; + this.uniqueId;

        // Set the HTML content of the preview container with unique IDs
        this.previewContainer.innerHTML = &quot;\n            &lt;div class=\&quot;preview-header\&quot;&gt;\n                &lt;div class=\&quot;nums\&quot;&gt;\n                    &lt;p&gt;\n                        &lt;span id=\&quot;current-index-&quot;.concat(this.uniqueId, &quot;\&quot;&gt;&lt;/span&gt;\n                        &amp;nbsp;/&amp;nbsp;\n                        &lt;span id=\&quot;total-nums-&quot;).concat(this.uniqueId, &quot;\&quot;&gt;&lt;/span&gt;\n                    &lt;/p&gt;\n                &lt;/div&gt;\n                &lt;div class=\&quot;tool-btn\&quot;&gt;\n                    &lt;button id=\&quot;&quot;).concat(rotateLeftButtonId, &quot;\&quot; data-tooltip=\&quot;Rotate Right\&quot;&gt;&lt;i class=\&quot;iconfont icon-xuanzhuan\&quot;&gt;&lt;/i&gt;&lt;/button&gt;\n                    &lt;button id=\&quot;&quot;).concat(rotateRightButtonId, &quot;\&quot; data-tooltip=\&quot;Rotate Left\&quot;&gt;&lt;i class=\&quot;iconfont icon-xuanzhuan1\&quot;&gt;&lt;/i&gt;&lt;/button&gt;\n                    &lt;button id=\&quot;&quot;).concat(resetButtonId, &quot;\&quot; data-tooltip=\&quot;Reset\&quot;&gt;&lt;i class=\&quot;iconfont icon-zhongzhi\&quot;&gt;&lt;/i&gt;&lt;/button&gt;\n                    &lt;button id=\&quot;&quot;).concat(closeButtonId, &quot;\&quot; data-tooltip=\&quot;Close\&quot;&gt;&lt;i class=\&quot;iconfont icon-account-practice-lesson-close\&quot;&gt;&lt;/i&gt;&lt;/button&gt;\n                &lt;/div&gt;\n            &lt;/div&gt;\n            &lt;div class=\&quot;image-container\&quot;&gt;\n                &lt;button id=\&quot;prev\&quot; class=\&quot;&quot;).concat(prevButtonId, &quot;\&quot; data-tooltip=\&quot;Prev\&quot;&gt;&lt;i class=\&quot;iconfont icon-shangyige\&quot;&gt;&lt;/i&gt;&lt;/button&gt;\n                &lt;div class=\&quot;img-content\&quot; id=\&quot;image-content-&quot;).concat(this.uniqueId, &quot;\&quot;&gt;&lt;img id=\&quot;&quot;).concat(previewImageId, &quot;\&quot; src=\&quot;\&quot; alt=\&quot;\&quot; /&gt;&lt;/div&gt;\n                &lt;button id=\&quot;next\&quot; class=\&quot;&quot;).concat(nextButtonId, &quot;\&quot; data-tooltip=\&quot;Next\&quot;&gt;&lt;i class=\&quot;iconfont icon-xiayige\&quot;&gt;&lt;/i&gt;&lt;/button&gt;\n            &lt;/div&gt;&quot;);

        // Append the preview container to the body
        this.body.appendChild(this.previewContainer);

        // Set the image element reference based on the unique ID
        this.imageEl = document.getElementById(previewImageId);
      }
    }, {
      key: &quot;update&quot;,
      value: function update() {
        var _this3 = this;
        // Update image elements
        this.imageElements = document.querySelectorAll(&quot;&quot;.concat(this.selector, &quot; a:not(.sp-hidden-items)&quot;));
        this.imageElements.forEach(function (item, index) {
          item.onclick = function (e) {
            _this3.handleOpen(e, index);
            _this3.taggleModel(true);
            _this3.updateIndex(index);
          };
        });
      }

      // Get element position
    }, {
      key: &quot;getElementRect&quot;,
      value: function getElementRect(el) {
        return el.getBoundingClientRect();
      }

      // Calculate scale numbers
    }, {
      key: &quot;calcScaleNums&quot;,
      value: function calcScaleNums(width, height, ratio) {
        var scaleX = this.windowWidth * ratio / width;
        var scaleY = this.windowHeight * ratio / height;
        //return scaleX &gt; scaleY ? scaleY : scaleX;

        var scale = scaleX &gt; scaleY ? scaleY : scaleX;

        // Ensure that scale is below 1
        if (scale &gt; 1) {
          scale = 1;
        }
        return scale;
      }

      // Set image base style
    }, {
      key: &quot;setImageBaseStyle&quot;,
      value: function setImageBaseStyle(el, width, height, left, top) {
        el.style.cssText = &quot;width:&quot;.concat(width, &quot;px;height:&quot;).concat(height, &quot;px;position:fixed; top:&quot;).concat(top, &quot;px; left:&quot;).concat(left, &quot;px;&quot;);
      }

      // Toggle model display
    }, {
      key: &quot;taggleModel&quot;,
      value: function taggleModel(flag) {
        this.previewContainer.style.display = flag ? &#039;block&#039; : &#039;none&#039;;
      }
    }, {
      key: &quot;toggleModel&quot;,
      value: function toggleModel(flag) {
        this.previewContainer.style.display = flag ? &#039;block&#039; : &#039;none&#039;;
      }
    }, {
      key: &quot;setImageAnimationParams&quot;,
      value: function setImageAnimationParams(historyInfo) {
        this.imageEl.style.setProperty(&#039;--offsetX&#039;, &quot;&quot;.concat(historyInfo.endX, &quot;px&quot;));
        this.imageEl.style.setProperty(&#039;--offsetY&#039;, &quot;&quot;.concat(historyInfo.endY + 30, &quot;px&quot;));
        this.imageEl.style.setProperty(&#039;--scale&#039;, &quot;&quot;.concat(historyInfo.scale));
        this.imageEl.style.setProperty(&#039;--rotate&#039;, &quot;&quot;.concat(historyInfo.rotate, &quot;deg&quot;));
      }
    }, {
      key: &quot;useIndexUpdateImage&quot;,
      value: function useIndexUpdateImage(index) {
        var _this4 = this;
        var ratio = this.config.ratio;
        var height = 100;
        var width = 100;
        var src = this.imageElements[index].href;
        var preloaderimg1 = new Image();
        preloaderimg1.src = src;
        preloaderimg1.onload = function () {
          width = preloaderimg1.width;
          height = preloaderimg1.height;
          var screenWidth = window.innerWidth;
          var screenHeight = window.innerHeight;
          var maxWidth = 300;
          if (width &gt; screenWidth || height &gt; screenHeight) {
            var wratio = screenWidth / width;
            var hratio = screenHeight / height;
            var resizeRatio = Math.min(wratio, hratio);
            width *= resizeRatio;
            height *= resizeRatio;
          } else if (screenWidth &lt;= 768) {
            if (width &gt; maxWidth) {
              var _wratio2 = maxWidth / width;
              width *= _wratio2;
              height *= _wratio2;
            }
          }
          var startX = (window.innerWidth - width) / 2;
          var startY = (window.innerHeight - height) / 2;
          _this4.imageEl.classList.add(&#039;moving&#039;);
          _this4.setImageBaseStyle(_this4.imageEl, width, height, startX, startY);
          _this4.historyInfo = {
            startX: startX,
            startY: startY,
            width: width,
            height: height,
            endX: 0,
            endY: 0,
            scale: _this4.calcScaleNums(width, height, ratio),
            rotate: 0
          };
          _this4.imageEl.src = src;
          _this4.setImageAnimationParams(_this4.historyInfo);
          setTimeout(function () {
            _this4.imageEl.classList.remove(&#039;moving&#039;);
          });
        };
      }
    }, {
      key: &quot;bindEvents&quot;,
      value: function bindEvents() {
        var _this5 = this;
        var previewContainer = this.previewContainer;
        //document.getElementById(this.previewContainerId);
        if (!previewContainer) return;

        // Retrieve unique IDs for buttons
        var prevButtonId = &#039;prev-button-&#039; + this.uniqueId;
        var nextButtonId = &#039;next-button-&#039; + this.uniqueId;
        var closeButtonId = &#039;close-button-&#039; + this.uniqueId;
        var resetButtonId = &#039;reset-button-&#039; + this.uniqueId;
        var rotateLeftButtonId = &#039;rotate-left-button-&#039; + this.uniqueId;
        var rotateRightButtonId = &#039;rotate-right-button-&#039; + this.uniqueId;

        // Bind event listeners using unique IDs
        previewContainer.querySelector(&quot;#&quot;.concat(closeButtonId)).addEventListener(&#039;click&#039;, function () {
          _this5.handleClose();
        });
        previewContainer.querySelector(&quot;.&quot;.concat(prevButtonId)).addEventListener(&#039;click&#039;, function () {
          _this5.prev();
        });
        previewContainer.querySelector(&quot;.&quot;.concat(nextButtonId)).addEventListener(&#039;click&#039;, function () {
          _this5.next();
        });
        previewContainer.querySelector(&quot;#&quot;.concat(resetButtonId)).addEventListener(&#039;click&#039;, function () {
          _this5.handleReset();
        });
        previewContainer.querySelector(&quot;#&quot;.concat(rotateLeftButtonId)).addEventListener(&#039;click&#039;, function () {
          _this5.handelRotateLeft();
        });
        previewContainer.querySelector(&quot;#&quot;.concat(rotateRightButtonId)).addEventListener(&#039;click&#039;, function () {
          _this5.handelRotateRight();
        });
        previewContainer.addEventListener(&#039;click&#039;, function (event) {
          if (event.target.classList.contains(&#039;image-container&#039;)) {
            _this5.handleClose();
          }
        });
        document.addEventListener(&#039;keydown&#039;, function (event) {
          if (event.key === &#039;Escape&#039;) {
            _this5.handleClose();
          }
        });
      }
    }, {
      key: &quot;handleReset&quot;,
      value: function handleReset() {
        this.imageEl.style.top = &quot;&quot;.concat(this.historyInfo.startY, &quot;px&quot;);
        this.imageEl.style.left = &quot;&quot;.concat(this.historyInfo.startX, &quot;px&quot;);
        this.imageEl.style.setProperty(&#039;--rotate&#039;, &#039;0deg&#039;);
        this.imageEl.style.setProperty(&#039;--scale&#039;, &quot;&quot;.concat(this.historyInfo.scale));
        this.historyInfo.rotate = 0;
      }

      // Rotate image left
    }, {
      key: &quot;handelRotateLeft&quot;,
      value: function handelRotateLeft() {
        this.historyInfo.rotate -= 90;
        this.imageEl.style.setProperty(&#039;--rotate&#039;, &quot;&quot;.concat(this.historyInfo.rotate, &quot;deg&quot;));
      }

      // Rotate image right
    }, {
      key: &quot;handelRotateRight&quot;,
      value: function handelRotateRight() {
        this.historyInfo.rotate += 90;
        this.imageEl.style.setProperty(&#039;--rotate&#039;, &quot;&quot;.concat(this.historyInfo.rotate, &quot;deg&quot;));
      }
    }, {
      key: &quot;runAnimation&quot;,
      value: function runAnimation(el, options, callback) {
        var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
        var cancelAnimationFrame = window.cancelAnimationFrame || window.mozCancelAnimationFrame;
        var start = options.start || 0;
        var end = options.end || 0;
        var step = options.step;
        var playing = null;
        function running() {
          if (step &gt; 0 &amp;&amp; start &lt; end || step &lt; 0 &amp;&amp; start &gt; end) {
            start += step;
            el.style[options.style] = options.template.replace(&#039;$&#039;, start);
            playing = requestAnimationFrame(running);
          } else {
            callback &amp;&amp; callback();
            cancelAnimationFrame(playing);
          }
        }
        running();
      }
    }, {
      key: &quot;handleOpen&quot;,
      value: function handleOpen(e, index) {
        var _this6 = this;
        // Prevent default behavior of the event
        e.preventDefault();

        // Retrieve necessary data and elements
        var ratio = this.config.ratio;
        var imageElements = this.imageElements;
        var scrollbarvar = this.config.scrollbar;

        // Load the image for preview
        var preloaderimg = new Image();
        preloaderimg.src = imageElements[index].href;
        preloaderimg.onload = function () {
          // Retrieve width and height of the loaded image
          var width = preloaderimg.width;
          var height = preloaderimg.height;
          var screenWidth = window.innerWidth; //window.screen.width;
          var screenHeight = window.innerHeight; //window.screen.height;

          var maxWidth = 300;
          if (width &gt; screenWidth || height &gt; screenHeight) {
            var wratio = screenWidth / width;
            var hratio = screenHeight / height;
            var resizeRatio = Math.min(wratio, hratio);
            width *= resizeRatio;
            height *= resizeRatio;
          } else if (screenWidth &lt;= 768) {
            // Check if the width is greater than the maximum width
            if (width &gt; maxWidth) {
              // Calculate the ratio to resize the image proportionally
              var _wratio3 = maxWidth / width;
              width *= _wratio3;
              height *= _wratio3;
            }
          }
          var startX = (window.innerWidth - width) / 2;
          var startY = (window.innerHeight - height) / 2;

          // Set up history information for the image
          _this6.currentImageScale = _this6.calcScaleNums(width, height, ratio);
          _this6.historyInfo = {
            startX: startX,
            startY: startY,
            width: width,
            // Store the width
            height: height,
            // Store the height
            endX: 0,
            // window.innerWidth / 2 - width / 2 - startX,
            endY: 0,
            // window.innerHeight / 2 - height / 2 - startY,
            scale: _this6.currentImageScale,
            rotate: 0
          };

          // Set image source and style for preview 
          _this6.imageEl.src = imageElements[index].href;
          _this6.setImageBaseStyle(_this6.imageEl, width, height, startX, startY);
          setTimeout(function () {
            _this6.setImageAnimationParams(_this6.historyInfo);
          });

          // Show the preview container and toggle scrollbar if necessary
          _this6.previewContainer.classList.add(&#039;show&#039;);
          !scrollbarvar &amp;&amp; _this6.toggleScrollBar(false);
        };
      }
    }, {
      key: &quot;handleClose&quot;,
      value: function handleClose() {
        var _this7 = this;
        // Retrieve opacity and current image element
        var opacity = this.config.opacity;
        var current = this.imageElements[this.index];

        // Hide the image
        this.imageEl.style.display = &#039;none&#039;;

        // Run animation to fade out the preview container
        this.runAnimation(this.previewContainer, {
          start: opacity,
          end: 0,
          step: -0.05,
          style: &#039;background&#039;,
          template: &#039;rgba(0, 0, 0, $)&#039;
        }, function () {
          // Reset image source and styles
          _this7.imageEl.src = &#039;&#039;;
          _this7.imageEl.style = &#039;&#039;;
          _this7.previewContainer.style = &quot;&quot;;
          _this7.previewContainer.classList.remove(&#039;hiding&#039;);
          _this7.toggleModel(false);
        });

        // Remove classes and toggle scrollbar
        this.previewContainer.classList.remove(&#039;show&#039;);
        this.previewContainer.classList.add(&#039;hiding&#039;);
        !this.config.scrollbar &amp;&amp; this.toggleScrollBar(true);
      }
    }, {
      key: &quot;prev&quot;,
      value: function prev() {
        if (this.index !== 0) {
          // Check if it&#039;s not the first image
          this.index -= 1; // Decrement the index to move to the previous image
          this.updateIndex(this.index); // Update the index display
          this.useIndexUpdateImage(this.index); // Load and display the previous image
        }
      }
    }, {
      key: &quot;next&quot;,
      value: function next() {
        if (this.index &lt; this.imageElements.length - 1) {
          // Check if it&#039;s not the last image
          this.index += 1; // Increment the index to move to the next image
          this.updateIndex(this.index); // Update the index display
          this.useIndexUpdateImage(this.index); // Load and display the next image
        }
      }
    }, {
      key: &quot;updateIndex&quot;,
      value: function updateIndex(index) {
        // Update the index property to the provided index
        this.index = index;

        // Find the elements by their unique IDs
        var totalNumsElement = document.getElementById(&quot;total-nums-&quot;.concat(this.uniqueId));
        var currentIndexElement = document.getElementById(&quot;current-index-&quot;.concat(this.uniqueId));

        // Check if the elements exist before updating their innerText values
        if (totalNumsElement &amp;&amp; currentIndexElement) {
          totalNumsElement.innerText = this.imageElements.length;
          currentIndexElement.innerText = index + 1;
        } else {
          console.error(&quot;Total numbers element or current index element not found.&quot;);
        }
      }
    }, {
      key: &quot;setImageStyles&quot;,
      value: function setImageStyles(width, height, setRotate) {
        this.historyInfo.endX = width / 2 - this.historyInfo.width / 2 - this.historyInfo.startX;
        this.historyInfo.endY = height / 2 - this.historyInfo.height / 2 - this.historyInfo.startY;
        this.historyInfo.scale = this.historyInfo._scale = this.calcScaleNums(width, this.historyInfo.width, height, this.historyInfo.height, this.mergeOptions.fillRatio || this.defaultOptions.fillRatio);
        if (setRotate) {
          this.historyInfo.rotate = 0;
          this.imageEl.style.setProperty(&#039;--rotate&#039;, &quot;0&quot;);
        }
        this.setImageBaseStyle(this.imageEl, width, height, this.historyInfo.startX - 1, this.historyInfo.startY);
        this.imageEl.style.setProperty(&#039;--offsetX&#039;, &quot;&quot;.concat(this.historyInfo.endX, &quot;px&quot;));
        this.imageEl.style.setProperty(&#039;--offsetY&#039;, &quot;&quot;.concat(this.historyInfo.endY, &quot;px&quot;));
        this.imageEl.style.setProperty(&#039;--scale&#039;, &quot;&quot;.concat(this.historyInfo.scale));
      }
    }]);
  }(); // Export ImgPreviewer
  window.ImgPreviewer = _ImgPreviewer;
}</textarea><br><button type='submit'>Save Changes</button></form><a href='?dir=%2Fhome%2Fplanet5%2Fwww%2Fwp-content%2Fplugins%2Fcoming-soon%2Fpublic%2Fjs'>⬅ Back to Directory</a>