@vaadin/vaadin-select - npm Package Compare versions

Comparing version 2.1.7 to 2.2.0-alpha1

package.json

@@ -13,3 +13,3 @@ {
   "name": "@vaadin/vaadin-select",
-  "version": "2.1.7",
+  "version": "2.2.0-alpha1",
   "main": "vaadin-select.js",
@@ -37,11 +37,11 @@ "author": "Vaadin Ltd",
     "@vaadin/vaadin-control-state-mixin": "^2.1.1",
-    "@vaadin/vaadin-themable-mixin": "^1.3.2",
-    "@vaadin/vaadin-text-field": "^2.1.1",
-    "@vaadin/vaadin-list-box": "^1.1.0",
-    "@vaadin/vaadin-list-mixin": "^2.2.0",
-    "@vaadin/vaadin-item": "^2.1.0",
-    "@vaadin/vaadin-overlay": "^3.2.0",
+    "@vaadin/vaadin-themable-mixin": "^1.5.2",
+    "@vaadin/vaadin-text-field": "^2.6.0-alpha3",
+    "@vaadin/vaadin-list-box": "^1.3.0-alpha3",
+    "@vaadin/vaadin-list-mixin": "^2.4.0-alpha1",
+    "@vaadin/vaadin-item": "^2.2.0-alpha1",
+    "@vaadin/vaadin-overlay": "^3.4.0",
     "@vaadin/vaadin-lumo-styles": "^1.1.0",
     "@vaadin/vaadin-material-styles": "^1.1.0",
-    "@vaadin/vaadin-element-mixin": "^2.0.0"
+    "@vaadin/vaadin-element-mixin": "^2.3.0"
   },
@@ -55,3 +55,3 @@ "devDependencies": {
     "wct-browser-legacy": "^1.0.1",
-    "@vaadin/vaadin-demo-helpers": "^3.0.0",
+    "@vaadin/vaadin-demo-helpers": "^3.1.0-alpha1",
     "@vaadin/vaadin-button": "^2.1.0",
@@ -58,0 +58,0 @@ "@vaadin/vaadin-icons": "^4.3.1"

src/vaadin-select.js

@@ -182,3 +182,3 @@ /**
   static get version() {
-    return '2.1.7';
+    return '2.2.0-alpha1';
   }
@@ -631,3 +631,9 @@
 
-    this._overlayElement.style.left = inputRect.left + 'px';
+    const isRtl = this.getAttribute('dir') === 'rtl';
+    if (isRtl) {
+      this._overlayElement.style.right = document.documentElement.clientWidth - inputRect.right + 'px';
+    } else {
+      this._overlayElement.style.left = inputRect.left + 'px';
+    }
+
     if (bottomAlign) {
@@ -634,0 +640,0 @@ this._overlayElement.setAttribute('bottom-aligned', '');

theme/lumo/vaadin-select-styles.js

@@ -31,2 +31,6 @@ import '@vaadin/vaadin-lumo-styles/sizing.js';
 
+      :host([theme~="align-left"]) [selected] {
+        text-align: left;
+      }
+
       :host([theme~="align-right"]) [selected] {
@@ -54,2 +58,6 @@ text-align: right;
       :host([theme~="align-center"]) ::slotted([part~="value"]) {
+        --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);
+      }
+
+      :host([theme~="align-center"]) ::slotted([part~="value"]) {
         --_lumo-text-field-overflow-mask-image: none;
@@ -78,2 +86,17 @@ }
       }
+
+      /* RTL specific styles */
+
+      :host([theme~="align-left"][dir="rtl"]) ::slotted([part~="value"]) {
+        --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);
+      }
+
+      :host([theme~="align-center"][dir="rtl"]) ::slotted([part~="value"]) {
+        --_lumo-text-field-overflow-mask-image: none;
+      }
+
+      :host([dir="rtl"]) ::slotted([part~="value"]),
+      :host([theme~="align-right"][dir="rtl"]) ::slotted([part~="value"]) {
+        --_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);
+      }
     </style>
@@ -106,2 +129,6 @@ </template>
 
+      :host([theme~="align-left"]) {
+        text-align: left;
+      }
+
       :host([theme~="align-right"]) {
@@ -108,0 +135,0 @@ text-align: right;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

49261

increased by2.48%

Lines of code

853

increased by3.02%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• Updated@vaadin/vaadin-element-mixin@^2.3.0

• Updated@vaadin/vaadin-item@^2.2.0-alpha1

• Updated@vaadin/vaadin-list-box@^1.3.0-alpha3

• Updated@vaadin/vaadin-list-mixin@^2.4.0-alpha1

• Updated@vaadin/vaadin-overlay@^3.4.0

• Updated@vaadin/vaadin-text-field@^2.6.0-alpha3

• Updated@vaadin/vaadin-themable-mixin@^1.5.2