@vaadin/overlay 24.0.0-alpha3 → 24.0.0-alpha4

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.
Files changed (2) hide show
  1. package/package.json +10 -10
  2. package/src/vaadin-overlay-position-mixin.js +3 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/overlay",
3
- "version": "24.0.0-alpha3",
3
+ "version": "24.0.0-alpha4",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -35,20 +35,20 @@
35
35
  ],
36
36
  "dependencies": {
37
37
  "@polymer/polymer": "^3.0.0",
38
- "@vaadin/component-base": "24.0.0-alpha3",
39
- "@vaadin/vaadin-lumo-styles": "24.0.0-alpha3",
40
- "@vaadin/vaadin-material-styles": "24.0.0-alpha3",
41
- "@vaadin/vaadin-themable-mixin": "24.0.0-alpha3"
38
+ "@vaadin/component-base": "24.0.0-alpha4",
39
+ "@vaadin/vaadin-lumo-styles": "24.0.0-alpha4",
40
+ "@vaadin/vaadin-material-styles": "24.0.0-alpha4",
41
+ "@vaadin/vaadin-themable-mixin": "24.0.0-alpha4"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@esm-bundle/chai": "^4.3.4",
45
- "@vaadin/button": "24.0.0-alpha3",
46
- "@vaadin/polymer-legacy-adapter": "24.0.0-alpha3",
47
- "@vaadin/radio-group": "24.0.0-alpha3",
45
+ "@vaadin/button": "24.0.0-alpha4",
46
+ "@vaadin/polymer-legacy-adapter": "24.0.0-alpha4",
47
+ "@vaadin/radio-group": "24.0.0-alpha4",
48
48
  "@vaadin/testing-helpers": "^0.3.2",
49
- "@vaadin/text-field": "24.0.0-alpha3",
49
+ "@vaadin/text-field": "24.0.0-alpha4",
50
50
  "lit": "^2.0.0",
51
51
  "sinon": "^13.0.2"
52
52
  },
53
- "gitHead": "7a013a3c5a56abd61dd4f7773c6ec77c3541bdf2"
53
+ "gitHead": "66be46e82c4d0a673859fbc9bdb1581dd89f360c"
54
54
  }
package/src/vaadin-overlay-position-mixin.js CHANGED
@@ -170,10 +170,6 @@ export const PositionMixin = (superClass) =>
170
170
  }
171
171
  }
172
172
 
173
- get __isRTL() {
174
- return this.getAttribute('dir') === 'rtl';
175
- }
176
-
177
173
  __positionSettingsChanged() {
178
174
  this._updatePosition();
179
175
  }
@@ -197,9 +193,9 @@ export const PositionMixin = (superClass) =>
197
193
  const shouldAlignStartVertically = this.__shouldAlignStartVertically(targetRect);
198
194
  this.style.justifyContent = shouldAlignStartVertically ? 'flex-start' : 'flex-end';
199
195
 
200
- const shouldAlignStartHorizontally = this.__shouldAlignStartHorizontally(targetRect, this.__isRTL);
201
- const flexStart =
202
- (!this.__isRTL && shouldAlignStartHorizontally) || (this.__isRTL && !shouldAlignStartHorizontally);
196
+ const isRTL = this.__isRTL;
197
+ const shouldAlignStartHorizontally = this.__shouldAlignStartHorizontally(targetRect, isRTL);
198
+ const flexStart = (!isRTL && shouldAlignStartHorizontally) || (isRTL && !shouldAlignStartHorizontally);
203
199
  this.style.alignItems = flexStart ? 'flex-start' : 'flex-end';
204
200
 
205
201
  // Get the overlay rect after possible overlay alignment changes