@ganpatiinfo/gids-web-dom-reference 9.1.0 → 9.2.0
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/CHANGELOG.md +14 -0
- package/dist/components/GidsTab/GidsTab.d.ts +9 -0
- package/dist/components/GidsTab/GidsTab.d.ts.map +1 -0
- package/dist/components/GidsTab/GidsTab.js +21 -0
- package/dist/components/GidsTab/GidsTab.js.map +1 -0
- package/dist/components/GidsTabItem/GidsTabItem.d.ts +9 -0
- package/dist/components/GidsTabItem/GidsTabItem.d.ts.map +1 -0
- package/dist/components/GidsTabItem/GidsTabItem.js +30 -0
- package/dist/components/GidsTabItem/GidsTabItem.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/src/components/GidsTab/GidsTab.ts +42 -0
- package/src/components/GidsTabItem/GidsTabItem.ts +65 -0
- package/src/index.ts +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @ganpatiinfo/gids-web-dom-reference
|
|
2
2
|
|
|
3
|
+
## 9.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- a4e7d88: - Developed `GidsTab` web components for all web platforms
|
|
8
|
+
- a4e7d88: - Developed `GidsTabItem` web component for all web platforms
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies [a4e7d88]
|
|
13
|
+
- Updated dependencies [a4e7d88]
|
|
14
|
+
- @ganpatiinfo/gids-core-shared@9.2.0
|
|
15
|
+
- @ganpatiinfo/gids-web-shared@9.2.0
|
|
16
|
+
|
|
3
17
|
## 9.1.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { GidsTabWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { DomChildren } from '../../utils/domUtils';
|
|
3
|
+
type GidsTabBaseWebProps = GidsTabWebProps<DomChildren>;
|
|
4
|
+
export interface GidsTabDomProps extends GidsTabBaseWebProps {
|
|
5
|
+
extraClasses?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const GidsTabDom: ({ appearance, width, children, activeTabId, onPressGidsTab, extraClasses, }: GidsTabDomProps) => HTMLElement;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=GidsTab.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTab.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTab/GidsTab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAmB,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAoB,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIrE,KAAK,mBAAmB,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;AAIxD,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,6EAOxB,eAAe,KAAG,WAqBpB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { GidsTabWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren } from '../../utils/domUtils';
|
|
3
|
+
const { getGidsTabClassNames } = GidsTabWebUtils;
|
|
4
|
+
export const GidsTabDom = ({ appearance = 'default', width = 'intrinsic', children, activeTabId, onPressGidsTab, extraClasses, }) => {
|
|
5
|
+
const tab = document.createElement('gids-tab');
|
|
6
|
+
tab.setAttribute('width', width);
|
|
7
|
+
tab.setAttribute('appearance', appearance);
|
|
8
|
+
tab.setAttribute('activeTabId', activeTabId ?? '');
|
|
9
|
+
tab.width = width;
|
|
10
|
+
tab.appearance = appearance;
|
|
11
|
+
tab.activeTabId = activeTabId;
|
|
12
|
+
if (children) {
|
|
13
|
+
appendAsChildren(tab, children);
|
|
14
|
+
}
|
|
15
|
+
tab.className = getGidsTabClassNames({ width, appearance }, extraClasses);
|
|
16
|
+
if (onPressGidsTab) {
|
|
17
|
+
tab.onPressGidsTab = onPressGidsTab;
|
|
18
|
+
}
|
|
19
|
+
return tab;
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=GidsTab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTab.js","sourceRoot":"","sources":["../../../src/components/GidsTab/GidsTab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAe,MAAM,sBAAsB,CAAC;AAErE,MAAM,EAAE,oBAAoB,EAAE,GAAG,eAAe,CAAC;AAUjD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAC1B,UAAU,GAAG,SAAS,EACtB,KAAK,GAAG,WAAW,EACnB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,YAAY,GACK,EAAe,EAAE;IAClC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAmB,CAAC;IACjE,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACjC,GAAG,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC3C,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC;IAEnD,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;IAClB,GAAG,CAAC,UAAU,GAAG,UAAU,CAAC;IAC5B,GAAG,CAAC,WAAW,GAAG,WAAW,CAAC;IAE9B,IAAI,QAAQ,EAAE,CAAC;QACd,gBAAgB,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IACjC,CAAC;IAED,GAAG,CAAC,SAAS,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,YAAY,CAAC,CAAC;IAE1E,IAAI,cAAc,EAAE,CAAC;QACpB,GAAG,CAAC,cAAc,GAAG,cAAc,CAAC;IACrC,CAAC;IAED,OAAO,GAAG,CAAC;AACZ,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type GidsTabItemWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { type DomChildren } from '../../utils/domUtils';
|
|
3
|
+
type GidsTabItemBaseWebProps = GidsTabItemWebProps<DomChildren>;
|
|
4
|
+
export interface GidsTabItemDomProps extends GidsTabItemBaseWebProps {
|
|
5
|
+
extraClasses?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const GidsTabItemDom: ({ itemId, label, active, name, width, appearance, badgeVisible, badgeAppearance, leadingIcon, trailingIcon, badgeCount, badgeType, onPressGidsTabItem, extraClasses, }: GidsTabItemDomProps) => HTMLElement;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=GidsTabItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTabItem.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTabItem/GidsTabItem.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,mBAAmB,EAExB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAItE,KAAK,uBAAuB,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;AAIhE,MAAM,WAAW,mBAAoB,SAAQ,uBAAuB;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,wKAe5B,mBAAmB,KAAG,WAiCxB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { GidsTabItemWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { assignToSlot } from '../../utils/domUtils';
|
|
3
|
+
const { getGidsTabItemClassNames } = GidsTabItemWebUtils;
|
|
4
|
+
export const GidsTabItemDom = ({ itemId, label, active = false, name, width = 'intrinsic', appearance = 'default', badgeVisible = false, badgeAppearance = 'information', leadingIcon, trailingIcon, badgeCount, badgeType = 'dot', onPressGidsTabItem, extraClasses, }) => {
|
|
5
|
+
const tabItem = document.createElement('gids-tab-item');
|
|
6
|
+
tabItem.itemId = itemId;
|
|
7
|
+
tabItem.label = label;
|
|
8
|
+
tabItem.active = active;
|
|
9
|
+
tabItem.name = name;
|
|
10
|
+
tabItem.width = width;
|
|
11
|
+
tabItem.appearance = appearance;
|
|
12
|
+
tabItem.badgeVisible = badgeVisible;
|
|
13
|
+
tabItem.badgeAppearance = badgeAppearance;
|
|
14
|
+
tabItem.badgeCount = badgeCount;
|
|
15
|
+
tabItem.badgeType = badgeType;
|
|
16
|
+
if (leadingIcon) {
|
|
17
|
+
// @ts-expect-error expected err
|
|
18
|
+
assignToSlot(tabItem, 'leadingIconTabItem', leadingIcon);
|
|
19
|
+
}
|
|
20
|
+
if (trailingIcon) {
|
|
21
|
+
// @ts-expect-error expected err
|
|
22
|
+
assignToSlot(tabItem, 'trailingIconTabItem', trailingIcon);
|
|
23
|
+
}
|
|
24
|
+
tabItem.className = getGidsTabItemClassNames({ appearance, width, active }, extraClasses);
|
|
25
|
+
if (onPressGidsTabItem) {
|
|
26
|
+
tabItem.onPressGidsTabItem = onPressGidsTabItem;
|
|
27
|
+
}
|
|
28
|
+
return tabItem;
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=GidsTabItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTabItem.js","sourceRoot":"","sources":["../../../src/components/GidsTabItem/GidsTabItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,mBAAmB,GACnB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAoB,MAAM,sBAAsB,CAAC;AAEtE,MAAM,EAAE,wBAAwB,EAAE,GAAG,mBAAmB,CAAC;AAUzD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,MAAM,GAAG,KAAK,EACd,IAAI,EACJ,KAAK,GAAG,WAAW,EACnB,UAAU,GAAG,SAAS,EACtB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,aAAa,EAC/B,WAAW,EACX,YAAY,EACZ,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,kBAAkB,EAClB,YAAY,GACS,EAAe,EAAE;IACtC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAuB,CAAC;IAE9E,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;IACtB,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;IACpB,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;IACtB,OAAO,CAAC,UAAU,GAAG,UAAU,CAAC;IAChC,OAAO,CAAC,YAAY,GAAG,YAAY,CAAC;IACpC,OAAO,CAAC,eAAe,GAAG,eAAe,CAAC;IAC1C,OAAO,CAAC,UAAU,GAAG,UAAU,CAAC;IAChC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC;IAE9B,IAAI,WAAW,EAAE,CAAC;QACjB,gCAAgC;QAChC,YAAY,CAAC,OAAO,EAAE,oBAAoB,EAAE,WAAW,CAAC,CAAC;IAC1D,CAAC;IACD,IAAI,YAAY,EAAE,CAAC;QAClB,gCAAgC;QAChC,YAAY,CAAC,OAAO,EAAE,qBAAqB,EAAE,YAAY,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO,CAAC,SAAS,GAAG,wBAAwB,CAC3C,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,EAC7B,YAAY,CACZ,CAAC;IAEF,IAAI,kBAAkB,EAAE,CAAC;QACxB,OAAO,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;IACjD,CAAC;IAED,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -103,6 +103,8 @@ export * from './components/GidsActivityGauge/GidsActivityGauge.js';
|
|
|
103
103
|
export * from './components/GidsChart/GidsChart.js';
|
|
104
104
|
export * from './components/GidsFilter/GidsFilter.js';
|
|
105
105
|
export * from './components/GidsActionBar/GidsActionBar.js';
|
|
106
|
+
export * from './components/GidsTabItem/GidsTabItem.js';
|
|
107
|
+
export * from './components/GidsTab/GidsTab.js';
|
|
106
108
|
/**
|
|
107
109
|
* Utilities
|
|
108
110
|
*/
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -103,6 +103,8 @@ export * from './components/GidsActivityGauge/GidsActivityGauge.js';
|
|
|
103
103
|
export * from './components/GidsChart/GidsChart.js';
|
|
104
104
|
export * from './components/GidsFilter/GidsFilter.js';
|
|
105
105
|
export * from './components/GidsActionBar/GidsActionBar.js';
|
|
106
|
+
export * from './components/GidsTabItem/GidsTabItem.js';
|
|
107
|
+
export * from './components/GidsTab/GidsTab.js';
|
|
106
108
|
/**
|
|
107
109
|
* Utilities
|
|
108
110
|
*/
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ganpatiinfo/gids-web-dom-reference",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.2.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "DOM for components reference implementations",
|
|
6
6
|
"homepage": "https://ganpatiinfo-design-system.onrender.com/",
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
"directory": "packages/private/web-dom-reference"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@ganpatiinfo/gids-core-shared": "9.
|
|
28
|
-
"@ganpatiinfo/gids-web-shared": "9.
|
|
27
|
+
"@ganpatiinfo/gids-core-shared": "9.2.0",
|
|
28
|
+
"@ganpatiinfo/gids-web-shared": "9.2.0"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"@ganpatiinfo/gids-web-theme-interface": "5.0.0",
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { GidsTabWebProps, GidsTabWebUtils } from '@ganpatiinfo/gids-web-shared';
|
|
2
|
+
import { appendAsChildren, DomChildren } from '../../utils/domUtils';
|
|
3
|
+
|
|
4
|
+
const { getGidsTabClassNames } = GidsTabWebUtils;
|
|
5
|
+
|
|
6
|
+
type GidsTabBaseWebProps = GidsTabWebProps<DomChildren>;
|
|
7
|
+
|
|
8
|
+
type GidsTabElement = HTMLElement & GidsTabBaseWebProps;
|
|
9
|
+
|
|
10
|
+
export interface GidsTabDomProps extends GidsTabBaseWebProps {
|
|
11
|
+
extraClasses?: string;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export const GidsTabDom = ({
|
|
15
|
+
appearance = 'default',
|
|
16
|
+
width = 'intrinsic',
|
|
17
|
+
children,
|
|
18
|
+
activeTabId,
|
|
19
|
+
onPressGidsTab,
|
|
20
|
+
extraClasses,
|
|
21
|
+
}: GidsTabDomProps): HTMLElement => {
|
|
22
|
+
const tab = document.createElement('gids-tab') as GidsTabElement;
|
|
23
|
+
tab.setAttribute('width', width);
|
|
24
|
+
tab.setAttribute('appearance', appearance);
|
|
25
|
+
tab.setAttribute('activeTabId', activeTabId ?? '');
|
|
26
|
+
|
|
27
|
+
tab.width = width;
|
|
28
|
+
tab.appearance = appearance;
|
|
29
|
+
tab.activeTabId = activeTabId;
|
|
30
|
+
|
|
31
|
+
if (children) {
|
|
32
|
+
appendAsChildren(tab, children);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
tab.className = getGidsTabClassNames({ width, appearance }, extraClasses);
|
|
36
|
+
|
|
37
|
+
if (onPressGidsTab) {
|
|
38
|
+
tab.onPressGidsTab = onPressGidsTab;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
return tab;
|
|
42
|
+
};
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import {
|
|
2
|
+
type GidsTabItemWebProps,
|
|
3
|
+
GidsTabItemWebUtils,
|
|
4
|
+
} from '@ganpatiinfo/gids-web-shared';
|
|
5
|
+
import { assignToSlot, type DomChildren } from '../../utils/domUtils';
|
|
6
|
+
|
|
7
|
+
const { getGidsTabItemClassNames } = GidsTabItemWebUtils;
|
|
8
|
+
|
|
9
|
+
type GidsTabItemBaseWebProps = GidsTabItemWebProps<DomChildren>;
|
|
10
|
+
|
|
11
|
+
type GidsTabItemElement = HTMLElement & GidsTabItemBaseWebProps;
|
|
12
|
+
|
|
13
|
+
export interface GidsTabItemDomProps extends GidsTabItemBaseWebProps {
|
|
14
|
+
extraClasses?: string;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export const GidsTabItemDom = ({
|
|
18
|
+
itemId,
|
|
19
|
+
label,
|
|
20
|
+
active = false,
|
|
21
|
+
name,
|
|
22
|
+
width = 'intrinsic',
|
|
23
|
+
appearance = 'default',
|
|
24
|
+
badgeVisible = false,
|
|
25
|
+
badgeAppearance = 'information',
|
|
26
|
+
leadingIcon,
|
|
27
|
+
trailingIcon,
|
|
28
|
+
badgeCount,
|
|
29
|
+
badgeType = 'dot',
|
|
30
|
+
onPressGidsTabItem,
|
|
31
|
+
extraClasses,
|
|
32
|
+
}: GidsTabItemDomProps): HTMLElement => {
|
|
33
|
+
const tabItem = document.createElement('gids-tab-item') as GidsTabItemElement;
|
|
34
|
+
|
|
35
|
+
tabItem.itemId = itemId;
|
|
36
|
+
tabItem.label = label;
|
|
37
|
+
tabItem.active = active;
|
|
38
|
+
tabItem.name = name;
|
|
39
|
+
tabItem.width = width;
|
|
40
|
+
tabItem.appearance = appearance;
|
|
41
|
+
tabItem.badgeVisible = badgeVisible;
|
|
42
|
+
tabItem.badgeAppearance = badgeAppearance;
|
|
43
|
+
tabItem.badgeCount = badgeCount;
|
|
44
|
+
tabItem.badgeType = badgeType;
|
|
45
|
+
|
|
46
|
+
if (leadingIcon) {
|
|
47
|
+
// @ts-expect-error expected err
|
|
48
|
+
assignToSlot(tabItem, 'leadingIconTabItem', leadingIcon);
|
|
49
|
+
}
|
|
50
|
+
if (trailingIcon) {
|
|
51
|
+
// @ts-expect-error expected err
|
|
52
|
+
assignToSlot(tabItem, 'trailingIconTabItem', trailingIcon);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
tabItem.className = getGidsTabItemClassNames(
|
|
56
|
+
{ appearance, width, active },
|
|
57
|
+
extraClasses,
|
|
58
|
+
);
|
|
59
|
+
|
|
60
|
+
if (onPressGidsTabItem) {
|
|
61
|
+
tabItem.onPressGidsTabItem = onPressGidsTabItem;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
return tabItem;
|
|
65
|
+
};
|
package/src/index.ts
CHANGED
|
@@ -103,6 +103,8 @@ export * from './components/GidsActivityGauge/GidsActivityGauge.js';
|
|
|
103
103
|
export * from './components/GidsChart/GidsChart.js';
|
|
104
104
|
export * from './components/GidsFilter/GidsFilter.js';
|
|
105
105
|
export * from './components/GidsActionBar/GidsActionBar.js';
|
|
106
|
+
export * from './components/GidsTabItem/GidsTabItem.js';
|
|
107
|
+
export * from './components/GidsTab/GidsTab.js';
|
|
106
108
|
|
|
107
109
|
/**
|
|
108
110
|
* Utilities
|