@vaadin/master-detail-layout 24.8.4 → 24.9.0-alpha1
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": "24.
|
|
3
|
+
"version": "24.9.0-alpha1",
|
|
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": "
|
|
38
|
-
"@vaadin/component-base": "
|
|
39
|
-
"@vaadin/vaadin-lumo-styles": "
|
|
40
|
-
"@vaadin/vaadin-material-styles": "
|
|
41
|
-
"@vaadin/vaadin-themable-mixin": "
|
|
37
|
+
"@vaadin/a11y-base": "24.9.0-alpha1",
|
|
38
|
+
"@vaadin/component-base": "24.9.0-alpha1",
|
|
39
|
+
"@vaadin/vaadin-lumo-styles": "24.9.0-alpha1",
|
|
40
|
+
"@vaadin/vaadin-material-styles": "24.9.0-alpha1",
|
|
41
|
+
"@vaadin/vaadin-themable-mixin": "24.9.0-alpha1",
|
|
42
42
|
"lit": "^3.0.0"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@vaadin/chai-plugins": "
|
|
45
|
+
"@vaadin/chai-plugins": "24.9.0-alpha1",
|
|
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": "cc13d59f0e3cd1a3b0c19c1a900a5308446fe7ac"
|
|
54
54
|
}
|
|
@@ -88,7 +88,14 @@ export const transitionStyles = css`
|
|
|
88
88
|
::view-transition-new(vaadin-mdl-master),
|
|
89
89
|
::view-transition-old(vaadin-mdl-master) {
|
|
90
90
|
object-fit: none;
|
|
91
|
-
object-position:
|
|
91
|
+
object-position: 0% 0;
|
|
92
|
+
width: 100%;
|
|
93
|
+
height: 100%;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
:dir(rtl)::view-transition-new(vaadin-mdl-master),
|
|
97
|
+
:dir(rtl)::view-transition-old(vaadin-mdl-master) {
|
|
98
|
+
object-position: 100% 0;
|
|
92
99
|
}
|
|
93
100
|
|
|
94
101
|
::view-transition-new(vaadin-mdl-master.stack-remove),
|
|
@@ -673,8 +673,10 @@ class MasterDetailLayout extends SlotStylesMixin(ResizeMixin(ElementMixin(Themab
|
|
|
673
673
|
* @protected
|
|
674
674
|
*/
|
|
675
675
|
async _finishTransition() {
|
|
676
|
-
// Detect new layout mode after DOM has been updated
|
|
677
|
-
|
|
676
|
+
// Detect new layout mode after DOM has been updated.
|
|
677
|
+
// The detection is wrapped in queueMicroTask in order to allow custom Lit elements to render before measurement.
|
|
678
|
+
// https://github.com/vaadin/web-components/issues/8969
|
|
679
|
+
queueMicrotask(() => this.__detectLayoutMode());
|
|
678
680
|
|
|
679
681
|
if (!this.__transition) {
|
|
680
682
|
return Promise.resolve();
|
package/web-types.json
CHANGED
package/web-types.lit.json
CHANGED