@vaadin/tabs 24.0.0-alpha7 → 24.0.0-alpha8

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.
Files changed (7) hide show
  1. package/package.json +7 -7
  2. package/src/vaadin-tab.d.ts +1 -1
  3. package/src/vaadin-tab.js +1 -1
  4. package/src/vaadin-tabs.d.ts +1 -1
  5. package/src/vaadin-tabs.js +4 -3
  6. package/web-types.json +1 -77
  7. package/web-types.lit.json +1 -57
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/tabs",
3
- "version": "24.0.0-alpha7",
3
+ "version": "24.0.0-alpha8",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -36,11 +36,11 @@
36
36
  ],
37
37
  "dependencies": {
38
38
  "@polymer/polymer": "^3.0.0",
39
- "@vaadin/component-base": "24.0.0-alpha7",
40
- "@vaadin/item": "24.0.0-alpha7",
41
- "@vaadin/vaadin-lumo-styles": "24.0.0-alpha7",
42
- "@vaadin/vaadin-material-styles": "24.0.0-alpha7",
43
- "@vaadin/vaadin-themable-mixin": "24.0.0-alpha7"
39
+ "@vaadin/component-base": "24.0.0-alpha8",
40
+ "@vaadin/item": "24.0.0-alpha8",
41
+ "@vaadin/vaadin-lumo-styles": "24.0.0-alpha8",
42
+ "@vaadin/vaadin-material-styles": "24.0.0-alpha8",
43
+ "@vaadin/vaadin-themable-mixin": "24.0.0-alpha8"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@esm-bundle/chai": "^4.3.4",
@@ -51,5 +51,5 @@
51
51
  "web-types.json",
52
52
  "web-types.lit.json"
53
53
  ],
54
- "gitHead": "aeb4535336813636736759e0a5de148b26bfc3b6"
54
+ "gitHead": "476752249bb12295c500980d98a3256ad3b22b73"
55
55
  }
package/src/vaadin-tab.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
3
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';
package/src/vaadin-tab.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
3
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
package/src/vaadin-tabs.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
3
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
package/src/vaadin-tabs.js CHANGED
@@ -1,11 +1,12 @@
1
1
  /**
2
2
  * @license
3
- * Copyright (c) 2017 - 2022 Vaadin Ltd.
3
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
4
4
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
5
  */
6
6
  import './vaadin-tab.js';
7
7
  import { afterNextRender } from '@polymer/polymer/lib/utils/render-status.js';
8
8
  import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
9
+ import { getNormalizedScrollLeft } from '@vaadin/component-base/src/dir-utils.js';
9
10
  import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
10
11
  import { ListMixin } from '@vaadin/component-base/src/list-mixin.js';
11
12
  import { ResizeMixin } from '@vaadin/component-base/src/resize-mixin.js';
@@ -246,14 +247,14 @@ class Tabs extends ResizeMixin(ElementMixin(ListMixin(ThemableMixin(PolymerEleme
246
247
  _updateOverflow() {
247
248
  const scrollPosition = this._vertical
248
249
  ? this._scrollerElement.scrollTop
249
- : this.__getNormalizedScrollLeft(this._scrollerElement);
250
+ : getNormalizedScrollLeft(this._scrollerElement, this.getAttribute('dir'));
250
251
  const scrollSize = this._vertical ? this._scrollerElement.scrollHeight : this._scrollerElement.scrollWidth;
251
252
 
252
253
  let overflow = scrollPosition > 0 ? 'start' : '';
253
254
  overflow += scrollPosition + this._scrollOffset < scrollSize ? ' end' : '';
254
255
 
255
256
  if (this.__direction === 1) {
256
- overflow = overflow.replace(/start|end/gi, (matched) => {
257
+ overflow = overflow.replace(/start|end/giu, (matched) => {
257
258
  return matched === 'start' ? 'end' : 'start';
258
259
  });
259
260
  }
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/tabs",
4
- "version": "24.0.0-alpha7",
4
+ "version": "24.0.0-alpha8",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -33,44 +33,6 @@
33
33
  ],
34
34
  "js": {
35
35
  "properties": [
36
- {
37
- "name": "rootPath",
38
- "description": "",
39
- "value": {
40
- "type": [
41
- "string"
42
- ]
43
- }
44
- },
45
- {
46
- "name": "importPath",
47
- "description": "",
48
- "value": {
49
- "type": [
50
- "string"
51
- ]
52
- }
53
- },
54
- {
55
- "name": "root",
56
- "description": "",
57
- "value": {
58
- "type": [
59
- "StampedTemplate",
60
- "HTMLElement",
61
- "ShadowRoot"
62
- ]
63
- }
64
- },
65
- {
66
- "name": "$",
67
- "description": "",
68
- "value": {
69
- "type": [
70
- "Object.<string, Element>"
71
- ]
72
- }
73
- },
74
36
  {
75
37
  "name": "value",
76
38
  "description": "",
@@ -131,44 +93,6 @@
131
93
  ],
132
94
  "js": {
133
95
  "properties": [
134
- {
135
- "name": "rootPath",
136
- "description": "",
137
- "value": {
138
- "type": [
139
- "string"
140
- ]
141
- }
142
- },
143
- {
144
- "name": "importPath",
145
- "description": "",
146
- "value": {
147
- "type": [
148
- "string"
149
- ]
150
- }
151
- },
152
- {
153
- "name": "root",
154
- "description": "",
155
- "value": {
156
- "type": [
157
- "StampedTemplate",
158
- "HTMLElement",
159
- "ShadowRoot"
160
- ]
161
- }
162
- },
163
- {
164
- "name": "$",
165
- "description": "",
166
- "value": {
167
- "type": [
168
- "Object.<string, Element>"
169
- ]
170
- }
171
- },
172
96
  {
173
97
  "name": "selected",
174
98
  "description": "The index of the selected tab.",
package/web-types.lit.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/tabs",
4
- "version": "24.0.0-alpha7",
4
+ "version": "24.0.0-alpha8",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -26,34 +26,6 @@
26
26
  "kind": "expression"
27
27
  }
28
28
  },
29
- {
30
- "name": ".rootPath",
31
- "description": "",
32
- "value": {
33
- "kind": "expression"
34
- }
35
- },
36
- {
37
- "name": ".importPath",
38
- "description": "",
39
- "value": {
40
- "kind": "expression"
41
- }
42
- },
43
- {
44
- "name": ".root",
45
- "description": "",
46
- "value": {
47
- "kind": "expression"
48
- }
49
- },
50
- {
51
- "name": ".$",
52
- "description": "",
53
- "value": {
54
- "kind": "expression"
55
- }
56
- },
57
29
  {
58
30
  "name": ".value",
59
31
  "description": "",
@@ -68,34 +40,6 @@
68
40
  "description": "`<vaadin-tabs>` is a Web Component for organizing and grouping content into sections.\n\n```\n <vaadin-tabs selected=\"4\">\n <vaadin-tab>Page 1</vaadin-tab>\n <vaadin-tab>Page 2</vaadin-tab>\n <vaadin-tab>Page 3</vaadin-tab>\n <vaadin-tab>Page 4</vaadin-tab>\n </vaadin-tabs>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n------------------|--------------------------------------\n`back-button` | Button for moving the scroll back\n`tabs` | The tabs container\n`forward-button` | Button for moving the scroll forward\n\nThe following state attributes are available for styling:\n\nAttribute | Description | Part name\n-----------|-------------|------------\n`orientation` | Tabs disposition, valid values are `horizontal` and `vertical`. | :host\n`overflow` | It's set to `start`, `end`, none or both. | :host\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.",
69
41
  "extension": true,
70
42
  "attributes": [
71
- {
72
- "name": ".rootPath",
73
- "description": "",
74
- "value": {
75
- "kind": "expression"
76
- }
77
- },
78
- {
79
- "name": ".importPath",
80
- "description": "",
81
- "value": {
82
- "kind": "expression"
83
- }
84
- },
85
- {
86
- "name": ".root",
87
- "description": "",
88
- "value": {
89
- "kind": "expression"
90
- }
91
- },
92
- {
93
- "name": ".$",
94
- "description": "",
95
- "value": {
96
- "kind": "expression"
97
- }
98
- },
99
43
  {
100
44
  "name": ".selected",
101
45
  "description": "The index of the selected tab.",