@limetech/lime-elements 33.14.0-next.4 → 33.14.0-next.5
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/dist/collection/components/tab-panel/tab-panel.js +2 -1
- package/dist/collection/components/tab-panel/tab-panel.types.js +1 -0
- package/dist/types/components/tab-panel/tab-panel.d.ts +2 -1
- package/dist/types/components/tab-panel/tab-panel.types.d.ts +16 -0
- package/dist/types/interface.d.ts +1 -0
- package/package.json +1 -1
|
@@ -4,7 +4,8 @@ import { dispatchResizeEvent } from '../../util/dispatch-resize-event';
|
|
|
4
4
|
* The `limel-tab-panel` component uses the `limel-tab-bar` component together
|
|
5
5
|
* with custom slotted components and will display the content for the currently
|
|
6
6
|
* active tab. Each slotted component must have an id equal to the id of the
|
|
7
|
-
* corresponding tab it belongs to.
|
|
7
|
+
* corresponding tab it belongs to. These components should implement the
|
|
8
|
+
* [TabPanelComponent](#/type/TabPanelComponent/) interface.
|
|
8
9
|
*
|
|
9
10
|
* The `limel-tab-panel` component will automatically set each tab configuration
|
|
10
11
|
* on the corresponding slotted component as a property named `tab` so that the
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -4,7 +4,8 @@ import { Tab } from '../tab-bar/tab.types';
|
|
|
4
4
|
* The `limel-tab-panel` component uses the `limel-tab-bar` component together
|
|
5
5
|
* with custom slotted components and will display the content for the currently
|
|
6
6
|
* active tab. Each slotted component must have an id equal to the id of the
|
|
7
|
-
* corresponding tab it belongs to.
|
|
7
|
+
* corresponding tab it belongs to. These components should implement the
|
|
8
|
+
* [TabPanelComponent](#/type/TabPanelComponent/) interface.
|
|
8
9
|
*
|
|
9
10
|
* The `limel-tab-panel` component will automatically set each tab configuration
|
|
10
11
|
* on the corresponding slotted component as a property named `tab` so that the
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
import { Tab } from '../tab-bar/tab.types';
|
|
3
|
+
/**
|
|
4
|
+
* Interface for components rendered inside a `limel-tab-panel`
|
|
5
|
+
*/
|
|
6
|
+
export interface TabPanelComponent {
|
|
7
|
+
/**
|
|
8
|
+
* The tab that the component belongs to
|
|
9
|
+
*/
|
|
10
|
+
tab: Tab;
|
|
11
|
+
/**
|
|
12
|
+
* Emit when the tab is updated for some reason, e.g. changing the text,
|
|
13
|
+
* icon or badge
|
|
14
|
+
*/
|
|
15
|
+
changeTab?: EventEmitter<Tab>;
|
|
16
|
+
}
|
|
@@ -17,4 +17,5 @@ export * from './components/progress-flow/progress-flow.types';
|
|
|
17
17
|
export * from './components/select/option.types';
|
|
18
18
|
export * from './components/spinner/spinner.types';
|
|
19
19
|
export * from './components/tab-bar/tab.types';
|
|
20
|
+
export * from './components/tab-panel/tab-panel.types';
|
|
20
21
|
export * from './components/table/table.types';
|