@vaadin/scroller - npm Package Compare versions

Comparing version 24.5.0-rc2 to 24.6.0-alpha1

package.json

 {
   "name": "@vaadin/scroller",
-  "version": "24.5.0-rc2",
+  "version": "24.6.0-alpha1",
   "publishConfig": {
@@ -38,11 +38,12 @@ "access": "public"
   "dependencies": {
+    "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/a11y-base": "24.5.0-rc2",
-    "@vaadin/component-base": "24.5.0-rc2",
-    "@vaadin/vaadin-lumo-styles": "24.5.0-rc2",
-    "@vaadin/vaadin-material-styles": "24.5.0-rc2",
-    "@vaadin/vaadin-themable-mixin": "24.5.0-rc2"
+    "@vaadin/a11y-base": "24.6.0-alpha1",
+    "@vaadin/component-base": "24.6.0-alpha1",
+    "@vaadin/vaadin-lumo-styles": "24.6.0-alpha1",
+    "@vaadin/vaadin-material-styles": "24.6.0-alpha1",
+    "@vaadin/vaadin-themable-mixin": "24.6.0-alpha1"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "24.5.0-rc2",
+    "@vaadin/chai-plugins": "24.6.0-alpha1",
     "@vaadin/testing-helpers": "^1.0.0"
@@ -54,3 +55,3 @@ },
   ],
-  "gitHead": "be5bf40aec33761c6defdb5b3093c7b6dd5d97fd"
+  "gitHead": "ae1fb0e6e7ce925999051c6cc62ba8476264c63f"
 }

src/vaadin-scroller.d.ts

@@ -6,6 +6,6 @@ /**
  */
-import { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';
 import { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';
 import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
+import { ScrollerMixin } from './vaadin-scroller-mixin.js';
 
@@ -28,16 +28,4 @@ /**
  */
-declare class Scroller extends FocusMixin(ThemableMixin(ElementMixin(ControllerMixin(HTMLElement)))) {
-  /**
-   * This property indicates the scroll direction. Supported values are `vertical`, `horizontal`, `none`.
-   * When `scrollDirection` is undefined scrollbars will be shown in both directions.
-   * @attr {string} scroll-direction
-   */
-  scrollDirection: 'horizontal' | 'none' | 'vertical' | undefined;
+declare class Scroller extends ScrollerMixin(ThemableMixin(ElementMixin(ControllerMixin(HTMLElement)))) {}
 
-  /**
-   * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
-   */
-  tabindex: number;
-}
-
 declare global {
@@ -44,0 +32,0 @@ interface HTMLElementTagNameMap {

src/vaadin-scroller.js

@@ -7,3 +7,2 @@ /**
 import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
-import { FocusMixin } from '@vaadin/a11y-base/src/focus-mixin.js';
 import { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';
@@ -14,2 +13,3 @@ import { defineCustomElement } from '@vaadin/component-base/src/define.js';
 import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
+import { ScrollerMixin } from './vaadin-scroller-mixin';
 
@@ -37,5 +37,5 @@ /**
  * @mixes ElementMixin
- * @mixes FocusMixin
+ * @mixes ScrollerMixin
  */
-class Scroller extends FocusMixin(ElementMixin(ControllerMixin(ThemableMixin(PolymerElement)))) {
+class Scroller extends ScrollerMixin(ElementMixin(ControllerMixin(ThemableMixin(PolymerElement)))) {
   static get template() {
@@ -74,26 +74,2 @@ return html`
 
-  static get properties() {
-    return {
-      /**
-       * This property indicates the scroll direction. Supported values are `vertical`, `horizontal`, `none`.
-       * When `scrollDirection` is undefined scrollbars will be shown in both directions.
-       * @attr {string} scroll-direction
-       */
-      scrollDirection: {
-        type: String,
-        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,
-      },
-    };
-  }
-
   /** @protected */
@@ -106,13 +82,2 @@ ready() {
   }
-
-  /**
-   * 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;
-  }
 }
@@ -119,0 +84,0 @@

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/scroller",
-  "version": "24.5.0-rc2",
+  "version": "24.6.0-alpha1",
   "description-markup": "markdown",
@@ -6,0 +6,0 @@ "contributions": {

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/scroller",
-  "version": "24.5.0-rc2",
+  "version": "24.6.0-alpha1",
   "description-markup": "markdown",
@@ -6,0 +6,0 @@ "framework": "lit",

No alert changes

Improved metrics

Total package byte prevSize

25711

increased by4.1%

Number of package files

19

increased by11.76%

Lines of code

325

increased by7.97%

Worsened metrics

Dependency count

7

increased by16.67%

Dependency changes

• + Added@open-wc/dedupe-mixin@^1.3.0

• + Added@vaadin/a11y-base@24.6.0-alpha1(transitive)

• + Added@vaadin/component-base@24.6.0-alpha1(transitive)

• + Added@vaadin/icon@24.6.0-alpha1(transitive)

• + Added@vaadin/vaadin-lumo-styles@24.6.0-alpha1(transitive)

• + Added@vaadin/vaadin-material-styles@24.6.0-alpha1(transitive)

• + Added@vaadin/vaadin-themable-mixin@24.6.0-alpha1(transitive)

• - Removed@vaadin/a11y-base@24.5.0-rc2(transitive)

• - Removed@vaadin/component-base@24.5.0-rc2(transitive)

• - Removed@vaadin/icon@24.5.0-rc2(transitive)

• - Removed@vaadin/vaadin-lumo-styles@24.5.0-rc2(transitive)

• - Removed@vaadin/vaadin-material-styles@24.5.0-rc2(transitive)

• - Removed@vaadin/vaadin-themable-mixin@24.5.0-rc2(transitive)

• Updated@vaadin/a11y-base@24.6.0-alpha1

• Updated@vaadin/component-base@24.6.0-alpha1

• Updated@vaadin/vaadin-lumo-styles@24.6.0-alpha1

• Updated@vaadin/vaadin-material-styles@24.6.0-alpha1

• Updated@vaadin/vaadin-themable-mixin@24.6.0-alpha1