@triptease/tt-navbar 0.0.6 → 0.0.7
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/src/TtNavbar.js +2 -2
- package/dist/src/TtNavbar.js.map +1 -1
- package/dist/src/styles.js +7 -1
- package/dist/src/styles.js.map +1 -1
- package/dist/stories/index.stories.js +1 -2
- package/dist/stories/index.stories.js.map +1 -1
- package/dist/test/tt-navbar.test.js +4 -4
- package/dist/test/tt-navbar.test.js.map +1 -1
- package/dist/web/TtNavbar.js +10 -4
- package/dist/web/TtNavbar.js.map +2 -2
- package/dist/web/index.js +10 -4
- package/dist/web/index.js.map +2 -2
- package/dist/web/styles.js +8 -2
- package/dist/web/styles.js.map +2 -2
- package/dist/web/tt-navbar.js +10 -4
- package/dist/web/tt-navbar.js.map +2 -2
- package/package.json +1 -1
- package/src/TtNavbar.ts +2 -2
- package/src/styles.ts +7 -1
- package/stories/index.stories.ts +1 -5
- package/test/tt-navbar.test.ts +4 -4
- package/demo/index.html +0 -30
package/package.json
CHANGED
package/src/TtNavbar.ts
CHANGED
|
@@ -8,10 +8,10 @@ export class TtNavbar extends LitElement {
|
|
|
8
8
|
@property({ type: Function })
|
|
9
9
|
navigate: ((e: MouseEvent) => void) | undefined;
|
|
10
10
|
|
|
11
|
-
@property({ type: String })
|
|
11
|
+
@property({ type: String, attribute: 'base-url' })
|
|
12
12
|
baseUrl?: string;
|
|
13
13
|
|
|
14
|
-
@property({ type: String })
|
|
14
|
+
@property({ type: String, attribute: 'client-key' })
|
|
15
15
|
clientKey?: string;
|
|
16
16
|
|
|
17
17
|
private buildUrl = (path: string): string => {
|
package/src/styles.ts
CHANGED
package/stories/index.stories.ts
CHANGED
|
@@ -6,18 +6,14 @@ export default {
|
|
|
6
6
|
component: 'tt-navbar',
|
|
7
7
|
};
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
9
|
const Template = () => html`
|
|
13
10
|
<div>
|
|
14
|
-
<tt-navbar
|
|
11
|
+
<tt-navbar client-key="zxd47KQGAP">
|
|
15
12
|
<div slot="clientSelector">
|
|
16
13
|
<p>My Cool Client Selector</p>
|
|
17
14
|
</div>
|
|
18
15
|
</tt-navbar>
|
|
19
16
|
</div>
|
|
20
|
-
|
|
21
17
|
`;
|
|
22
18
|
|
|
23
19
|
export const Regular = Template.bind({});
|
package/test/tt-navbar.test.ts
CHANGED
|
@@ -25,7 +25,7 @@ describe('TtNavbar', () => {
|
|
|
25
25
|
});
|
|
26
26
|
it('should render with the default links', async () => {
|
|
27
27
|
const navbar = await fixture<TtNavbar>(
|
|
28
|
-
`<tt-navbar
|
|
28
|
+
`<tt-navbar client-key=${CLIENT_KEY}></tt-navbar>`,
|
|
29
29
|
);
|
|
30
30
|
const links = navbar.shadowRoot?.querySelectorAll('a');
|
|
31
31
|
|
|
@@ -54,7 +54,7 @@ describe('TtNavbar', () => {
|
|
|
54
54
|
it('should render platform URLs against the base URL when it is defined', async () => {
|
|
55
55
|
const baseUrl = 'https://app.triptease.io';
|
|
56
56
|
const navbar = await fixture<TtNavbar>(
|
|
57
|
-
`<tt-navbar
|
|
57
|
+
`<tt-navbar client-key=${CLIENT_KEY} base-url="${baseUrl}"></tt-navbar>`,
|
|
58
58
|
);
|
|
59
59
|
const links = navbar.shadowRoot?.querySelectorAll('a');
|
|
60
60
|
|
|
@@ -75,7 +75,7 @@ describe('TtNavbar', () => {
|
|
|
75
75
|
};
|
|
76
76
|
|
|
77
77
|
const navbar = await fixture<TtNavbar>(
|
|
78
|
-
`<tt-navbar
|
|
78
|
+
`<tt-navbar client-key=${CLIENT_KEY}></tt-navbar>`,
|
|
79
79
|
);
|
|
80
80
|
navbar.navigate = onNavigate;
|
|
81
81
|
await navbar.updateComplete;
|
|
@@ -91,7 +91,7 @@ describe('TtNavbar', () => {
|
|
|
91
91
|
|
|
92
92
|
it('should render the given client selector', async () => {
|
|
93
93
|
const navbar = await fixture<TtNavbar>(
|
|
94
|
-
`<tt-navbar
|
|
94
|
+
`<tt-navbar client-key=${CLIENT_KEY}><div slot="clientSelector"><div id="myCoolClientSelector"></div></div></tt-navbar>`,
|
|
95
95
|
);
|
|
96
96
|
|
|
97
97
|
const clientSelector = navbar.querySelector('#myCoolClientSelector');
|
package/demo/index.html
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en-GB">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
|
6
|
-
<style>
|
|
7
|
-
body {
|
|
8
|
-
background: #fafafa;
|
|
9
|
-
}
|
|
10
|
-
</style>
|
|
11
|
-
</head>
|
|
12
|
-
<body>
|
|
13
|
-
<div id="demo"></div>
|
|
14
|
-
|
|
15
|
-
<script type="module">
|
|
16
|
-
import { html, render } from 'lit';
|
|
17
|
-
import '../dist/src/tt-navbar.js';
|
|
18
|
-
|
|
19
|
-
const header = 'Hello owc World!';
|
|
20
|
-
render(
|
|
21
|
-
html`
|
|
22
|
-
<tt-navbar .header=${header}>
|
|
23
|
-
some light-dom
|
|
24
|
-
</tt-navbar>
|
|
25
|
-
`,
|
|
26
|
-
document.querySelector('#demo')
|
|
27
|
-
);
|
|
28
|
-
</script>
|
|
29
|
-
</body>
|
|
30
|
-
</html>
|