@vaadin/tabs 23.2.2 → 23.3.0-alpha2
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 +8 -8
- package/src/vaadin-tab.d.ts +2 -1
- package/src/vaadin-tab.js +8 -1
- package/web-types.json +1 -1
- package/web-types.lit.json +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/tabs",
|
|
3
|
-
"version": "23.
|
|
3
|
+
"version": "23.3.0-alpha2",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -36,12 +36,12 @@
|
|
|
36
36
|
],
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@polymer/polymer": "^3.0.0",
|
|
39
|
-
"@vaadin/component-base": "
|
|
40
|
-
"@vaadin/item": "
|
|
41
|
-
"@vaadin/vaadin-list-mixin": "
|
|
42
|
-
"@vaadin/vaadin-lumo-styles": "
|
|
43
|
-
"@vaadin/vaadin-material-styles": "
|
|
44
|
-
"@vaadin/vaadin-themable-mixin": "
|
|
39
|
+
"@vaadin/component-base": "23.3.0-alpha2",
|
|
40
|
+
"@vaadin/item": "23.3.0-alpha2",
|
|
41
|
+
"@vaadin/vaadin-list-mixin": "23.3.0-alpha2",
|
|
42
|
+
"@vaadin/vaadin-lumo-styles": "23.3.0-alpha2",
|
|
43
|
+
"@vaadin/vaadin-material-styles": "23.3.0-alpha2",
|
|
44
|
+
"@vaadin/vaadin-themable-mixin": "23.3.0-alpha2"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@esm-bundle/chai": "^4.3.4",
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"web-types.json",
|
|
53
53
|
"web-types.lit.json"
|
|
54
54
|
],
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "ae61027c62ffa7f7d70cfc50e43f333addfc74b6"
|
|
56
56
|
}
|
package/src/vaadin-tab.d.ts
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
|
+
import { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';
|
|
6
7
|
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
7
8
|
import { ItemMixin } from '@vaadin/item/src/vaadin-item-mixin.js';
|
|
8
9
|
import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
@@ -29,7 +30,7 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
|
|
|
29
30
|
*
|
|
30
31
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.
|
|
31
32
|
*/
|
|
32
|
-
declare class Tab extends ElementMixin(ThemableMixin(ItemMixin(HTMLElement))) {}
|
|
33
|
+
declare class Tab extends ElementMixin(ThemableMixin(ItemMixin(ControllerMixin(HTMLElement)))) {}
|
|
33
34
|
|
|
34
35
|
declare global {
|
|
35
36
|
interface HTMLElementTagNameMap {
|
package/src/vaadin-tab.js
CHANGED
|
@@ -4,7 +4,9 @@
|
|
|
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';
|
|
7
|
+
import { ControllerMixin } from '@vaadin/component-base/src/controller-mixin.js';
|
|
7
8
|
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
9
|
+
import { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';
|
|
8
10
|
import { ItemMixin } from '@vaadin/item/src/vaadin-item-mixin.js';
|
|
9
11
|
import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
10
12
|
|
|
@@ -31,11 +33,12 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
|
|
|
31
33
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/custom-theme/styling-components) documentation.
|
|
32
34
|
*
|
|
33
35
|
* @extends HTMLElement
|
|
36
|
+
* @mixes ControllerMixin
|
|
34
37
|
* @mixes ElementMixin
|
|
35
38
|
* @mixes ThemableMixin
|
|
36
39
|
* @mixes ItemMixin
|
|
37
40
|
*/
|
|
38
|
-
class Tab extends ElementMixin(ThemableMixin(ItemMixin(PolymerElement))) {
|
|
41
|
+
class Tab extends ElementMixin(ThemableMixin(ItemMixin(ControllerMixin(PolymerElement)))) {
|
|
39
42
|
static get template() {
|
|
40
43
|
return html`
|
|
41
44
|
<style>
|
|
@@ -48,6 +51,7 @@ class Tab extends ElementMixin(ThemableMixin(ItemMixin(PolymerElement))) {
|
|
|
48
51
|
}
|
|
49
52
|
</style>
|
|
50
53
|
<slot></slot>
|
|
54
|
+
<slot name="tooltip"></slot>
|
|
51
55
|
`;
|
|
52
56
|
}
|
|
53
57
|
|
|
@@ -59,6 +63,9 @@ class Tab extends ElementMixin(ThemableMixin(ItemMixin(PolymerElement))) {
|
|
|
59
63
|
ready() {
|
|
60
64
|
super.ready();
|
|
61
65
|
this.setAttribute('role', 'tab');
|
|
66
|
+
|
|
67
|
+
this._tooltipController = new TooltipController(this);
|
|
68
|
+
this.addController(this._tooltipController);
|
|
62
69
|
}
|
|
63
70
|
|
|
64
71
|
/**
|
package/web-types.json
CHANGED