@vaadin/details 23.1.0-rc3 → 23.2.0-alpha1

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/details",
3
- "version": "23.1.0-rc3",
3
+ "version": "23.2.0-alpha1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -34,16 +34,16 @@
34
34
  ],
35
35
  "dependencies": {
36
36
  "@polymer/polymer": "^3.0.0",
37
- "@vaadin/component-base": "23.1.0-rc3",
38
- "@vaadin/field-base": "23.1.0-rc3",
39
- "@vaadin/vaadin-lumo-styles": "23.1.0-rc3",
40
- "@vaadin/vaadin-material-styles": "23.1.0-rc3",
41
- "@vaadin/vaadin-themable-mixin": "23.1.0-rc3"
37
+ "@vaadin/component-base": "23.2.0-alpha1",
38
+ "@vaadin/field-base": "23.2.0-alpha1",
39
+ "@vaadin/vaadin-lumo-styles": "23.2.0-alpha1",
40
+ "@vaadin/vaadin-material-styles": "23.2.0-alpha1",
41
+ "@vaadin/vaadin-themable-mixin": "23.2.0-alpha1"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@esm-bundle/chai": "^4.3.4",
45
45
  "@vaadin/testing-helpers": "^0.3.2",
46
46
  "sinon": "^13.0.2"
47
47
  },
48
- "gitHead": "49c312fbe0228adb559296d45655bbfd4eac6235"
48
+ "gitHead": "f226a2976c270d3d53c824f6e0a740a5d3382d91"
49
49
  }
@@ -5,6 +5,7 @@
5
5
  */
6
6
  import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
7
7
  import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
8
+ import { generateUniqueId } from '@vaadin/component-base/src/unique-id-utils.js';
8
9
  import { ShadowFocusMixin } from '@vaadin/field-base/src/shadow-focus-mixin.js';
9
10
  import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
10
11
 
@@ -131,10 +132,10 @@ class Details extends ShadowFocusMixin(ElementMixin(ThemableMixin(PolymerElement
131
132
  return this.shadowRoot.querySelector('[part="summary"]');
132
133
  }
133
134
 
135
+ /** @protected */
134
136
  ready() {
135
137
  super.ready();
136
- const uniqueId = (Details._uniqueId = 1 + Details._uniqueId || 0);
137
- this._contentId = `${this.constructor.is}-content-${uniqueId}`;
138
+ this._contentId = `${this.constructor.is}-content-${generateUniqueId()}`;
138
139
  // Prevent Shift + Tab on content from host blur
139
140
  this._collapsible.addEventListener('keydown', (e) => {
140
141
  if (e.shiftKey && e.keyCode === 9) {