@vaadin/tabs 23.0.8 → 23.0.11

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/tabs",
3
- "version": "23.0.8",
3
+ "version": "23.0.11",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -34,17 +34,17 @@
34
34
  ],
35
35
  "dependencies": {
36
36
  "@polymer/polymer": "^3.0.0",
37
- "@vaadin/component-base": "^23.0.8",
38
- "@vaadin/item": "^23.0.8",
39
- "@vaadin/vaadin-list-mixin": "^23.0.8",
40
- "@vaadin/vaadin-lumo-styles": "^23.0.8",
41
- "@vaadin/vaadin-material-styles": "^23.0.8",
42
- "@vaadin/vaadin-themable-mixin": "^23.0.8"
37
+ "@vaadin/component-base": "^23.0.11",
38
+ "@vaadin/item": "^23.0.11",
39
+ "@vaadin/vaadin-list-mixin": "^23.0.11",
40
+ "@vaadin/vaadin-lumo-styles": "^23.0.11",
41
+ "@vaadin/vaadin-material-styles": "^23.0.11",
42
+ "@vaadin/vaadin-themable-mixin": "^23.0.11"
43
43
  },
44
44
  "devDependencies": {
45
45
  "@esm-bundle/chai": "^4.3.4",
46
46
  "@vaadin/testing-helpers": "^0.3.2",
47
47
  "sinon": "^9.2.1"
48
48
  },
49
- "gitHead": "43fe9d95c8cd745adc7bef214c0097c47f4f83ed"
49
+ "gitHead": "10838304fe6f5c98b838ec3a90bdcf49cbf4650b"
50
50
  }
package/src/vaadin-tab.js CHANGED
@@ -37,7 +37,18 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
37
37
  */
38
38
  class Tab extends ElementMixin(ThemableMixin(ItemMixin(PolymerElement))) {
39
39
  static get template() {
40
- return html`<slot></slot>`;
40
+ return html`
41
+ <style>
42
+ :host {
43
+ display: block;
44
+ }
45
+
46
+ :host([hidden]) {
47
+ display: none !important;
48
+ }
49
+ </style>
50
+ <slot></slot>
51
+ `;
41
52
  }
42
53
 
43
54
  static get is() {
@@ -76,13 +76,13 @@ declare class Tabs extends ResizeMixin(ElementMixin(ListMixin(ThemableMixin(HTML
76
76
  addEventListener<K extends keyof TabsEventMap>(
77
77
  type: K,
78
78
  listener: (this: Tabs, ev: TabsEventMap[K]) => void,
79
- options?: boolean | AddEventListenerOptions
79
+ options?: boolean | AddEventListenerOptions,
80
80
  ): void;
81
81
 
82
82
  removeEventListener<K extends keyof TabsEventMap>(
83
83
  type: K,
84
84
  listener: (this: Tabs, ev: TabsEventMap[K]) => void,
85
- options?: boolean | EventListenerOptions
85
+ options?: boolean | EventListenerOptions,
86
86
  ): void;
87
87
  }
88
88
 
@@ -153,7 +153,7 @@ class Tabs extends ResizeMixin(ElementMixin(ListMixin(ThemableMixin(PolymerEleme
153
153
  */
154
154
  orientation: {
155
155
  value: 'horizontal',
156
- type: String
156
+ type: String,
157
157
  },
158
158
 
159
159
  /**
@@ -161,8 +161,8 @@ class Tabs extends ResizeMixin(ElementMixin(ListMixin(ThemableMixin(PolymerEleme
161
161
  */
162
162
  selected: {
163
163
  value: 0,
164
- type: Number
165
- }
164
+ type: Number,
165
+ },
166
166
  };
167
167
  }
168
168
 
@@ -231,5 +231,5 @@ registerStyles(
231
231
  transform-origin: 0% 50%;
232
232
  }
233
233
  `,
234
- { moduleId: 'lumo-tab' }
234
+ { moduleId: 'lumo-tab' },
235
235
  );
@@ -247,5 +247,5 @@ registerStyles(
247
247
  --_lumo-tabs-overflow-mask-image: linear-gradient(-90deg, transparent, #000 2em);
248
248
  }
249
249
  `,
250
- { moduleId: 'lumo-tabs' }
250
+ { moduleId: 'lumo-tabs' },
251
251
  );
@@ -139,5 +139,5 @@ registerStyles(
139
139
  box-shadow: inset -2px 0 0 0 var(--material-primary-color);
140
140
  }
141
141
  `,
142
- { moduleId: 'material-tab' }
142
+ { moduleId: 'material-tab' },
143
143
  );
@@ -87,5 +87,5 @@ registerStyles(
87
87
  content: var(--material-icons-chevron-right);
88
88
  }
89
89
  `,
90
- { moduleId: 'material-tabs' }
90
+ { moduleId: 'material-tabs' },
91
91
  );