watermark-js-plus 1.5.9 → 1.6.0

package/dist/ie/index.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * watermark-js-plus v1.5.9
+ * watermark-js-plus v1.6.0
  * (c) 2022-2024 Michael Sun
  * Released under the MIT License.
  */
@@ -4215,7 +4215,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "@keyframes watermark{0%{background-position:0 0}25%{background-position:100% 100%}50%{background-position:100% 0}75%{background-position:0 100%}to{background-position:0 0}}";
+var css_248z = "@keyframes watermark{0%{background-position:0 0}25%{background-position:100% 100%}50%{background-position:100% 0}75%{background-position:0 100%}to{background-position:0 0}}@keyframes watermark-horizontal{0%{background-position-x:0}to{background-position-x:100%}}@keyframes watermark-vertical{0%{background-position-y:0}to{background-position-y:100%}}";
 styleInject(css_248z);
 
 /******************************************************************************
@@ -4479,6 +4479,25 @@ var loadImage = function (url, width, height) {
 var generateMatrix = function (rows, columns, value) {
     return Array.from({ length: rows }, function () { return new Array(columns).fill(value); });
 };
+var generateAnimationStyle = function (movable, backgroundRepeat) {
+    if (!movable) {
+        return '';
+    }
+    var horizontalDuration = Math.random() * (8 - 2) + 2;
+    var verticalDuration = Math.random() * (4 - 2) + 2;
+    switch (backgroundRepeat) {
+        case 'repeat':
+            return 'animation: 200s linear 0s infinite alternate watermark !important;';
+        case 'repeat-x':
+            return "animation: ".concat(horizontalDuration, "s ease-in 0s infinite alternate watermark-vertical !important;'");
+        case 'repeat-y':
+            return "animation: ".concat(verticalDuration, "s ease-out 0s infinite alternate watermark-horizontal !important;'");
+        case 'no-repeat':
+            return "animation: ".concat(horizontalDuration, "s ease-in 0s infinite alternate watermark-horizontal, ").concat(verticalDuration, "s ease-out 0s infinite alternate watermark-vertical !important;");
+        default:
+            return '';
+    }
+};
 
 var initialOptions = {
     width: 300,
@@ -5200,7 +5219,7 @@ var Watermark = /** @class */ (function () {
                         parentElementType = this.checkParentElementType();
                         this.watermarkDom.style.cssText = "\n      z-index:".concat(this.options.zIndex, "!important;display:block!important;visibility:visible!important;transform:none!important;scale:none!important;\n      ").concat(parentElementType === 'custom' ? 'top:0!important;bottom:0!important;left:0!important;right:0!important;height:100%!important;pointer-events:none!important;position:absolute!important;' : 'position:relative!important;', "\n    ");
                         backgroundSize = generateBackgroundSize(this.options);
-                        watermarkInnerDom.style.cssText = "\n      display:block!important;visibility:visible!important;pointer-events:none;top:0;bottom:0;left:0;right:0;transform:none!important;scale:none!important;\n      position:".concat(parentElementType === 'root' ? 'fixed' : 'absolute', "!important;-webkit-print-color-adjust:exact!important;width:100%!important;height:100%!important;\n      z-index:").concat(this.options.zIndex, "!important;background-image:url(").concat(image, ")!important;background-repeat:").concat(this.options.backgroundRepeat, "!important;\n      background-size:").concat(backgroundSize[0], "px ").concat(backgroundSize[1], "px!important;background-position:").concat(this.options.backgroundPosition, ";\n      ").concat(this.options.movable ? 'animation: 200s linear 0s infinite alternate watermark !important;' : '', "\n    ");
+                        watermarkInnerDom.style.cssText = "\n      display:block!important;visibility:visible!important;pointer-events:none;top:0;bottom:0;left:0;right:0;transform:none!important;scale:none!important;\n      position:".concat(parentElementType === 'root' ? 'fixed' : 'absolute', "!important;-webkit-print-color-adjust:exact!important;width:100%!important;height:100%!important;\n      z-index:").concat(this.options.zIndex, "!important;background-image:url(").concat(image, ")!important;background-repeat:").concat(this.options.backgroundRepeat, "!important;\n      background-size:").concat(backgroundSize[0], "px ").concat(backgroundSize[1], "px!important;background-position:").concat(this.options.backgroundPosition, ";\n      ").concat(generateAnimationStyle(this.options.movable, this.options.backgroundRepeat), "\n    ");
                         this.watermarkDom.appendChild(watermarkInnerDom);
                         this.parentElement.appendChild(this.watermarkDom);
                         if (this.options.mutationObserve) {