@vaadin/master-detail-layout 24.9.6 → 24.9.7
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 +8 -8
- package/src/vaadin-master-detail-layout.js +11 -8
- package/web-types.json +1 -1
- package/web-types.lit.json +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/master-detail-layout",
|
|
3
|
-
"version": "24.9.
|
|
3
|
+
"version": "24.9.7",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -34,15 +34,15 @@
|
|
|
34
34
|
"web-component"
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@vaadin/a11y-base": "~24.9.
|
|
38
|
-
"@vaadin/component-base": "~24.9.
|
|
39
|
-
"@vaadin/vaadin-lumo-styles": "~24.9.
|
|
40
|
-
"@vaadin/vaadin-material-styles": "~24.9.
|
|
41
|
-
"@vaadin/vaadin-themable-mixin": "~24.9.
|
|
37
|
+
"@vaadin/a11y-base": "~24.9.7",
|
|
38
|
+
"@vaadin/component-base": "~24.9.7",
|
|
39
|
+
"@vaadin/vaadin-lumo-styles": "~24.9.7",
|
|
40
|
+
"@vaadin/vaadin-material-styles": "~24.9.7",
|
|
41
|
+
"@vaadin/vaadin-themable-mixin": "~24.9.7",
|
|
42
42
|
"lit": "^3.0.0"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@vaadin/chai-plugins": "~24.9.
|
|
45
|
+
"@vaadin/chai-plugins": "~24.9.7",
|
|
46
46
|
"@vaadin/testing-helpers": "^1.1.0",
|
|
47
47
|
"sinon": "^18.0.0"
|
|
48
48
|
},
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"web-types.json",
|
|
51
51
|
"web-types.lit.json"
|
|
52
52
|
],
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "90bf3c38a73a61fed3dd918f798d0a1c6bbe89b9"
|
|
54
54
|
}
|
|
@@ -80,6 +80,13 @@ class MasterDetailLayout extends SlotStylesMixin(ResizeMixin(ElementMixin(Themab
|
|
|
80
80
|
[part='_detail-internal'] {
|
|
81
81
|
display: contents;
|
|
82
82
|
justify-content: end;
|
|
83
|
+
/* Disable pointer events for the detail wrapper to allow clicks to pass through to the backdrop */
|
|
84
|
+
pointer-events: none;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
[part='detail'] {
|
|
88
|
+
/* Re-enable pointer events for the actual detail content */
|
|
89
|
+
pointer-events: auto;
|
|
83
90
|
}
|
|
84
91
|
|
|
85
92
|
:host([orientation='vertical']) [part='_detail-internal'] {
|
|
@@ -388,7 +395,7 @@ class MasterDetailLayout extends SlotStylesMixin(ResizeMixin(ElementMixin(Themab
|
|
|
388
395
|
/** @protected */
|
|
389
396
|
render() {
|
|
390
397
|
return html`
|
|
391
|
-
<div part="backdrop"></div>
|
|
398
|
+
<div part="backdrop" @click="${this.__onBackdropClick}"></div>
|
|
392
399
|
<div
|
|
393
400
|
id="master"
|
|
394
401
|
part="master"
|
|
@@ -396,7 +403,7 @@ class MasterDetailLayout extends SlotStylesMixin(ResizeMixin(ElementMixin(Themab
|
|
|
396
403
|
>
|
|
397
404
|
<slot></slot>
|
|
398
405
|
</div>
|
|
399
|
-
<div part="_detail-internal"
|
|
406
|
+
<div part="_detail-internal">
|
|
400
407
|
<div
|
|
401
408
|
id="detail"
|
|
402
409
|
part="detail"
|
|
@@ -428,12 +435,8 @@ class MasterDetailLayout extends SlotStylesMixin(ResizeMixin(ElementMixin(Themab
|
|
|
428
435
|
}
|
|
429
436
|
|
|
430
437
|
/** @private */
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
// to click event on it and detect if it was outside the detail content
|
|
434
|
-
if (!e.composedPath().includes(this.$.detail)) {
|
|
435
|
-
this.dispatchEvent(new CustomEvent('backdrop-click'));
|
|
436
|
-
}
|
|
438
|
+
__onBackdropClick() {
|
|
439
|
+
this.dispatchEvent(new CustomEvent('backdrop-click'));
|
|
437
440
|
}
|
|
438
441
|
|
|
439
442
|
/** @private */
|
package/web-types.json
CHANGED