@glomex/glomex-dialog - npm Package Compare versions

Comparing version 2.1.1 to 2.2.0

glomex-dialog.js

@@ -494,2 +494,3 @@ import { RotataToFullscreen } from './rotate-to-fullscreen.js';
     this._internalModeChange = false;
+    this._dockTargetResizeObserver = undefined;
 
@@ -580,2 +581,6 @@ this.addEventListener('click', ({ target }) => {
     }
+    if (this._dockTargetResizeObserver) {
+      this._dockTargetResizeObserver.disconnect();
+      this._dockTargetResizeObserver = undefined;
+    }
   }
@@ -613,2 +618,16 @@
       : getAlternativeDockTarget(this) || getDefaultDockTarget(this);
+    if (name === 'dock-target') {
+      const dockTarget = getAlternativeDockTarget(this);
+      if (!newValue) {
+        if (this._dockTargetResizeObserver) {
+          this._dockTargetResizeObserver.disconnect();
+        }
+      } else if (window.ResizeObserver && dockTarget) {
+        this._dockTargetResizeObserver = new window.ResizeObserver(
+          () => this.refreshDockDialog(),
+        );
+        this._dockTargetResizeObserver.observe(dockTarget);
+      }
+    }
+
     if (name === 'mode') {
@@ -615,0 +634,0 @@ if (this._wasInHiddenMode && (

package.json

 {
   "name": "@glomex/glomex-dialog",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "A dialog web component that allows docking a video player or putting it in a lightbox",
@@ -5,0 +5,0 @@ "type": "module",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

122482

increased by0.55%

Lines of code

1235

increased by1.48%

No dependency changes