@vaadin/component-base 23.0.3 → 23.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/component-base",
-  "version": "23.0.3",
+  "version": "23.0.6",
   "publishConfig": {
     "access": "public"
   },
@@ -42,5 +42,5 @@
     "@vaadin/testing-helpers": "^0.3.2",
     "sinon": "^9.2.4"
   },
-  "gitHead": "3f010a4167c9e04405c9dfab098da0821e02a601"
+  "gitHead": "82ca8522e24a63343fb28bcb4c686e55d25c8858"
 }

package/src/element-mixin.js

@@ -39,7 +39,7 @@ const registered = new Set();
 export const ElementMixin = (superClass) =>
   class VaadinElementMixin extends DirMixin(superClass) {
     static get version() {
-      return '23.0.3';
+      return '23.0.6';
     }
 
     /** @protected */

package/src/tabindex-mixin.d.ts

@@ -9,8 +9,6 @@ import { DisabledMixinClass } from './disabled-mixin.js';
 /**
  * A mixin to toggle the `tabindex` attribute.
  *
- * By default, the attribute is set to 0 that makes the element focusable.
- *
  * The attribute is set to -1 whenever the user disables the element
  * and restored with the last known value once the element is enabled.
  */
@@ -24,6 +22,11 @@ export declare class TabindexMixinClass {
    */
   tabindex: number | undefined | null;
 
+  /**
+   * Stores the last known tabindex since the element has been disabled.
+   */
+  protected _lastTabIndex: number | undefined | null;
+
   /**
    * When the user has changed tabindex while the element is disabled,
    * the observer reverts tabindex to -1 and rather saves the new tabindex value to apply it later.

package/src/tabindex-mixin.js

@@ -8,8 +8,6 @@ import { DisabledMixin } from './disabled-mixin.js';
 /**
  * A mixin to toggle the `tabindex` attribute.
  *
- * By default, the attribute is set to 0 that makes the element focusable.
- *
  * The attribute is set to -1 whenever the user disables the element
  * and restored with the last known value once the element is enabled.
  *
@@ -22,11 +20,11 @@ export const TabindexMixin = (superclass) =>
       return {
         /**
          * Indicates whether the element can be focused and where it participates in sequential keyboard navigation.
+         *
          * @protected
          */
         tabindex: {
           type: Number,
-          value: 0,
           reflectToAttribute: true,
           observer: '_tabindexChanged'
         },
@@ -34,11 +32,10 @@ export const TabindexMixin = (superclass) =>
         /**
          * Stores the last known tabindex since the element has been disabled.
          *
-         * @private
+         * @protected
          */
-        __lastTabIndex: {
-          type: Number,
-          value: 0
+        _lastTabIndex: {
+          type: Number
         }
       };
     }
@@ -57,11 +54,11 @@ export const TabindexMixin = (superclass) =>
 
       if (disabled) {
         if (this.tabindex !== undefined) {
-          this.__lastTabIndex = this.tabindex;
+          this._lastTabIndex = this.tabindex;
         }
         this.tabindex = -1;
       } else if (oldDisabled) {
-        this.tabindex = this.__lastTabIndex;
+        this.tabindex = this._lastTabIndex;
       }
     }
 
@@ -74,7 +71,7 @@ export const TabindexMixin = (superclass) =>
      */
     _tabindexChanged(tabindex) {
       if (this.disabled && tabindex !== -1) {
-        this.__lastTabIndex = tabindex;
+        this._lastTabIndex = tabindex;
         this.tabindex = -1;
       }
     }