@vaadin/overlay 25.1.11 → 25.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/overlay",
3
- "version": "25.1.11",
3
+ "version": "25.1.12",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -34,19 +34,19 @@
34
34
  ],
35
35
  "dependencies": {
36
36
  "@open-wc/dedupe-mixin": "^1.3.0",
37
- "@vaadin/a11y-base": "~25.1.11",
38
- "@vaadin/component-base": "~25.1.11",
39
- "@vaadin/vaadin-themable-mixin": "~25.1.11",
37
+ "@vaadin/a11y-base": "~25.1.12",
38
+ "@vaadin/component-base": "~25.1.12",
39
+ "@vaadin/vaadin-themable-mixin": "~25.1.12",
40
40
  "lit": "^3.0.0"
41
41
  },
42
42
  "devDependencies": {
43
- "@vaadin/aura": "~25.1.11",
44
- "@vaadin/chai-plugins": "~25.1.11",
45
- "@vaadin/test-runner-commands": "~25.1.11",
43
+ "@vaadin/aura": "~25.1.12",
44
+ "@vaadin/chai-plugins": "~25.1.12",
45
+ "@vaadin/test-runner-commands": "~25.1.12",
46
46
  "@vaadin/testing-helpers": "^2.0.0",
47
- "@vaadin/vaadin-lumo-styles": "~25.1.11",
47
+ "@vaadin/vaadin-lumo-styles": "~25.1.12",
48
48
  "sinon": "^21.0.2"
49
49
  },
50
50
  "customElements": "custom-elements.json",
51
- "gitHead": "96aa0ee7f6cfa81a59155963fc71cd259be854c2"
51
+ "gitHead": "a83f7aa5ab76b317eb25e99cf9c96a8c72341e95"
52
52
  }
@@ -55,6 +55,11 @@ export const overlayStyles = css`
55
55
  display: none !important;
56
56
  }
57
57
 
58
+ :host([suppressed]) [part='overlay'],
59
+ :host([suppressed]) ::slotted(*) {
60
+ pointer-events: none !important;
61
+ }
62
+
58
63
  [part='overlay'] {
59
64
  color: var(--vaadin-overlay-text-color, var(--vaadin-text-color));
60
65
  background: var(--vaadin-overlay-background, var(--vaadin-background-color));
@@ -484,7 +484,7 @@ export const OverlayMixin = (superClass) =>
484
484
  _finishClosing() {
485
485
  this._detachOverlay();
486
486
  this._removeAttachedInstance();
487
- this.$.overlay.style.removeProperty('pointer-events');
487
+ this.toggleAttribute('suppressed', false);
488
488
  setOverlayStateAttribute(this, 'closing', false);
489
489
  this.dispatchEvent(new CustomEvent('vaadin-overlay-closed'));
490
490
  }
@@ -109,10 +109,10 @@ export const OverlayStackMixin = (superClass) =>
109
109
  document.body.style.pointerEvents = 'none';
110
110
  }
111
111
 
112
- // Disable pointer events in other attached overlays
112
+ // Suppress pointer events in other attached overlays
113
113
  getAttachedInstances().forEach((el) => {
114
114
  if (el !== this) {
115
- el.$.overlay.style.pointerEvents = 'none';
115
+ el.toggleAttribute('suppressed', true);
116
116
  }
117
117
  });
118
118
  }
@@ -125,7 +125,7 @@ export const OverlayStackMixin = (superClass) =>
125
125
  delete this._previousDocumentPointerEvents;
126
126
  }
127
127
 
128
- // Restore pointer events in the previous overlay(s)
128
+ // Stop suppressing pointer events in the previous overlay(s)
129
129
  const instances = getAttachedInstances();
130
130
 
131
131
  let el;
@@ -135,7 +135,7 @@ export const OverlayStackMixin = (superClass) =>
135
135
  // Skip the current instance
136
136
  continue;
137
137
  }
138
- el.$.overlay.style.removeProperty('pointer-events');
138
+ el.toggleAttribute('suppressed', false);
139
139
  if (!el.modeless) {
140
140
  // Stop after the last modal
141
141
  break;