@vaadin/master-detail-layout 25.0.0-rc1 → 25.0.1
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/master-detail-layout",
|
|
3
|
-
"version": "25.0.
|
|
3
|
+
"version": "25.0.1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -33,20 +33,20 @@
|
|
|
33
33
|
"web-component"
|
|
34
34
|
],
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@vaadin/a11y-base": "25.0.
|
|
37
|
-
"@vaadin/component-base": "25.0.
|
|
38
|
-
"@vaadin/vaadin-themable-mixin": "25.0.
|
|
36
|
+
"@vaadin/a11y-base": "~25.0.1",
|
|
37
|
+
"@vaadin/component-base": "~25.0.1",
|
|
38
|
+
"@vaadin/vaadin-themable-mixin": "~25.0.1",
|
|
39
39
|
"lit": "^3.0.0"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@vaadin/chai-plugins": "25.0.
|
|
42
|
+
"@vaadin/chai-plugins": "~25.0.1",
|
|
43
43
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
44
|
-
"@vaadin/vaadin-lumo-styles": "25.0.
|
|
44
|
+
"@vaadin/vaadin-lumo-styles": "~25.0.1",
|
|
45
45
|
"sinon": "^21.0.0"
|
|
46
46
|
},
|
|
47
47
|
"web-types": [
|
|
48
48
|
"web-types.json",
|
|
49
49
|
"web-types.lit.json"
|
|
50
50
|
],
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "ced28c07a8abee586510349b312452c8a555fd10"
|
|
52
52
|
}
|
|
@@ -31,6 +31,13 @@ export const masterDetailLayoutStyles = css`
|
|
|
31
31
|
[part='_detail-internal'] {
|
|
32
32
|
display: contents;
|
|
33
33
|
justify-content: end;
|
|
34
|
+
/* Disable pointer events for the detail wrapper to allow clicks to pass through to the backdrop */
|
|
35
|
+
pointer-events: none;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
[part='detail'] {
|
|
39
|
+
/* Re-enable pointer events for the actual detail content */
|
|
40
|
+
pointer-events: auto;
|
|
34
41
|
}
|
|
35
42
|
|
|
36
43
|
:host([orientation='vertical']) [part='_detail-internal'] {
|
|
@@ -241,7 +241,7 @@ class MasterDetailLayout extends SlotStylesMixin(ResizeMixin(ElementMixin(Themab
|
|
|
241
241
|
/** @protected */
|
|
242
242
|
render() {
|
|
243
243
|
return html`
|
|
244
|
-
<div part="backdrop"></div>
|
|
244
|
+
<div part="backdrop" @click="${this.__onBackdropClick}"></div>
|
|
245
245
|
<div
|
|
246
246
|
id="master"
|
|
247
247
|
part="master"
|
|
@@ -249,7 +249,7 @@ class MasterDetailLayout extends SlotStylesMixin(ResizeMixin(ElementMixin(Themab
|
|
|
249
249
|
>
|
|
250
250
|
<slot></slot>
|
|
251
251
|
</div>
|
|
252
|
-
<div part="_detail-internal"
|
|
252
|
+
<div part="_detail-internal">
|
|
253
253
|
<div
|
|
254
254
|
id="detail"
|
|
255
255
|
part="detail"
|
|
@@ -281,12 +281,8 @@ class MasterDetailLayout extends SlotStylesMixin(ResizeMixin(ElementMixin(Themab
|
|
|
281
281
|
}
|
|
282
282
|
|
|
283
283
|
/** @private */
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
// to click event on it and detect if it was outside the detail content
|
|
287
|
-
if (!e.composedPath().includes(this.$.detail)) {
|
|
288
|
-
this.dispatchEvent(new CustomEvent('backdrop-click'));
|
|
289
|
-
}
|
|
284
|
+
__onBackdropClick() {
|
|
285
|
+
this.dispatchEvent(new CustomEvent('backdrop-click'));
|
|
290
286
|
}
|
|
291
287
|
|
|
292
288
|
/** @private */
|
package/web-types.json
CHANGED