@vaadin/scroller - npm Package Compare versions

Comparing version 23.0.0-alpha1 to 23.0.0-alpha2

package.json

 {
   "name": "@vaadin/scroller",
-  "version": "23.0.0-alpha1",
+  "version": "23.0.0-alpha2",
   "publishConfig": {
@@ -36,6 +36,6 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "23.0.0-alpha1",
-    "@vaadin/vaadin-lumo-styles": "23.0.0-alpha1",
-    "@vaadin/vaadin-material-styles": "23.0.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "23.0.0-alpha1"
+    "@vaadin/component-base": "23.0.0-alpha2",
+    "@vaadin/vaadin-lumo-styles": "23.0.0-alpha2",
+    "@vaadin/vaadin-material-styles": "23.0.0-alpha2",
+    "@vaadin/vaadin-themable-mixin": "23.0.0-alpha2"
   },
@@ -46,3 +46,3 @@ "devDependencies": {
   },
-  "gitHead": "fbcb07328fdf88260e3b461088d207426b21c710"
+  "gitHead": "070f586dead02ca41b66717820c647f48bf1665f"
 }

src/vaadin-scroller.d.ts

@@ -7,2 +7,3 @@ /**
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
+import { FocusMixin } from '@vaadin/component-base/src/focus-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
@@ -18,4 +19,10 @@
  * ```
+ * The following attributes are exposed for styling:
+ *
+ * Attribute    | Description
+ * -------------| -----------
+ * `focus-ring` | Set when the element is focused using the keyboard.
+ * `focused`    | Set when the element is focused.
  */
-declare class Scroller extends ThemableMixin(ElementMixin(HTMLElement)) {
+declare class Scroller extends FocusMixin(ThemableMixin(ElementMixin(HTMLElement))) {
   /**
@@ -26,2 +33,7 @@ * This property indicates the scroll direction. Supported values are `vertical`, `horizontal`, `none`.
   scrollDirection: 'horizontal' | 'vertical' | 'none' | undefined;
+
+  /**
+   * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
+   */
+  tabindex: number;
 }
@@ -28,0 +40,0 @@

src/vaadin-scroller.js

@@ -8,2 +8,3 @@ /**
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
+import { FocusMixin } from '@vaadin/component-base/src/focus-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
@@ -19,8 +20,15 @@
  * ```
+ * The following attributes are exposed for styling:
  *
+ * Attribute    | Description
+ * -------------| -----------
+ * `focus-ring` | Set when the element is focused using the keyboard.
+ * `focused`    | Set when the element is focused.
+ *
  * @extends HTMLElement
  * @mixes ThemableMixin
  * @mixes ElementMixin
+ * @mixes FocusMixin
  */
-class Scroller extends ElementMixin(ThemableMixin(PolymerElement)) {
+class Scroller extends FocusMixin(ElementMixin(ThemableMixin(PolymerElement))) {
   static get template() {
@@ -68,5 +76,26 @@ return html`
         reflectToAttribute: true
+      },
+
+      /**
+       * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
+       * @protected
+       */
+      tabindex: {
+        type: Number,
+        value: 0,
+        reflectToAttribute: true
       }
     };
   }
+
+  /**
+   * Override method inherited from `FocusMixin` to mark the scroller as focused
+   * only when the host is focused.
+   * @param {Event} event
+   * @return {boolean}
+   * @protected
+   */
+  _shouldSetFocus(event) {
+    return event.target === this;
+  }
 }
@@ -73,0 +102,0 @@

theme/lumo/vaadin-scroller.js

@@ -0,1 +1,2 @@
+import './vaadin-scroller-styles.js';
 import '../../src/vaadin-scroller.js';

theme/material/vaadin-scroller.js

@@ -0,1 +1,2 @@
+import './vaadin-scroller-styles.js';
 import '../../src/vaadin-scroller.js';

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

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

19044

increased by12.91%

Number of package files

11

increased by22.22%

Lines of code

161

increased by65.98%

Dependency changes

• + Added@vaadin/component-base@23.0.0-alpha2(transitive)

• + Added@vaadin/icon@23.0.0-alpha2(transitive)

• + Added@vaadin/vaadin-lumo-styles@23.0.0-alpha2(transitive)

• + Added@vaadin/vaadin-material-styles@23.0.0-alpha2(transitive)

• + Added@vaadin/vaadin-themable-mixin@23.0.0-alpha2(transitive)

• - Removed@vaadin/component-base@23.0.0-alpha1(transitive)

• - Removed@vaadin/icon@23.0.0-alpha1(transitive)

• - Removed@vaadin/vaadin-lumo-styles@23.0.0-alpha1(transitive)

• - Removed@vaadin/vaadin-material-styles@23.0.0-alpha1(transitive)

• - Removed@vaadin/vaadin-themable-mixin@23.0.0-alpha1(transitive)

• Updated@vaadin/component-base@23.0.0-alpha2

• Updated@vaadin/vaadin-lumo-styles@23.0.0-alpha2

• Updated@vaadin/vaadin-material-styles@23.0.0-alpha2

• Updated@vaadin/vaadin-themable-mixin@23.0.0-alpha2