@exmg/exm-navigation 1.1.36 → 1.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/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-base.d.ts +141 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-base.js +506 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-base.d.ts +14 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-base.js +65 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-menu-base.d.ts +12 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-menu-base.js +45 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-menu.d.ts +9 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-menu.js +12 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-nav-item-base.d.ts +14 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-nav-item-base.js +49 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-nav-item.d.ts +8 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer-nav-item.js +10 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer.d.ts +8 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-drawer.js +10 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon-base.d.ts +7 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon-base.js +20 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon-button-base.d.ts +9 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon-button-base.js +36 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon-button.d.ts +8 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon-button.js +10 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon.d.ts +8 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-icon.js +10 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail-base.d.ts +12 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail-base.js +62 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail-nav-item-base.d.ts +12 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail-nav-item-base.js +37 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail-nav-item.d.ts +8 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail-nav-item.js +10 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail.d.ts +8 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-rail.js +10 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-sub-menu-base.d.ts +28 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-sub-menu-base.js +153 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-sub-menu.d.ts +8 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-sub-menu.js +10 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-topbar-base.d.ts +10 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-topbar-base.js +33 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-topbar.d.ts +8 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation-topbar.js +10 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation.d.ts +8 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/exm-navigation.js +10 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/index.d.ts +12 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/index.js +13 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/mixins/media-queries.d.ts +8 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/mixins/media-queries.js +57 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-css.d.ts +1 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-css.js +75 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-drawer-css.d.ts +1 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-drawer-css.js +32 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-drawer-nav-item-css.d.ts +1 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-drawer-nav-item-css.js +84 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-icon-button-css.d.ts +1 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-icon-button-css.js +29 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-icon-css.d.ts +1 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-icon-css.js +22 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-rail-css.d.ts +1 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-rail-css.js +59 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-rail-nav-item-css.d.ts +1 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-rail-nav-item-css.js +94 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-sub-menu-css.d.ts +1 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-sub-menu-css.js +24 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-topbar-css.d.ts +1 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-topbar-css.js +30 -0
- package/.rollup.cache/root/repo/packages/exm-navigation/dist/types.d.ts +10 -0
- package/dist/exm-navigation-base.js +7 -6
- package/dist/exm-navigation-drawer-base.js +6 -3
- package/dist/exm-navigation-drawer-menu-base.js +6 -3
- package/dist/exm-navigation-drawer-menu.js +4 -2
- package/dist/exm-navigation-drawer-nav-item-base.js +7 -4
- package/dist/exm-navigation-drawer-nav-item.js +4 -2
- package/dist/exm-navigation-drawer.js +4 -2
- package/dist/exm-navigation-icon-base.js +6 -4
- package/dist/exm-navigation-icon-button-base.js +7 -4
- package/dist/exm-navigation-icon-button.js +4 -2
- package/dist/exm-navigation-icon.js +4 -2
- package/dist/exm-navigation-rail-base.js +6 -3
- package/dist/exm-navigation-rail-nav-item-base.js +6 -3
- package/dist/exm-navigation-rail-nav-item.js +4 -2
- package/dist/exm-navigation-rail.js +4 -2
- package/dist/exm-navigation-sub-menu-base.js +8 -5
- package/dist/exm-navigation-sub-menu.js +4 -2
- package/dist/exm-navigation-topbar-base.js +6 -3
- package/dist/exm-navigation-topbar.js +4 -2
- package/dist/exm-navigation.js +4 -2
- package/dist/index.js +1 -1
- package/dist/mixins/media-queries.js +6 -3
- package/dist/styles/exm-navigation-css.js +5 -2
- package/dist/styles/exm-navigation-drawer-css.js +5 -2
- package/dist/styles/exm-navigation-drawer-nav-item-css.js +5 -2
- package/dist/styles/exm-navigation-icon-button-css.js +5 -2
- package/dist/styles/exm-navigation-icon-css.js +5 -2
- package/dist/styles/exm-navigation-rail-css.js +5 -2
- package/dist/styles/exm-navigation-rail-nav-item-css.js +5 -2
- package/dist/styles/exm-navigation-sub-menu-css.js +5 -2
- package/dist/styles/exm-navigation-topbar-css.js +5 -2
- package/package.json +2 -2
- /package/{dist → .rollup.cache/root/repo/packages/exm-navigation/dist}/types.js +0 -0
package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-rail-css.js
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const style = css `
|
|
3
|
+
:host {
|
|
4
|
+
--_exm-navigation-rail-background-color: var(
|
|
5
|
+
--exm-navigation-rail-background-color,
|
|
6
|
+
var(--md-sys-color-surface-container)
|
|
7
|
+
);
|
|
8
|
+
--_exm-navigation-rail-width: var(--exm-navigation-rail-nav-width, 88px);
|
|
9
|
+
display: flex;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
gap: 16px;
|
|
12
|
+
justify-content: space-between;
|
|
13
|
+
height: 100%;
|
|
14
|
+
background: var(--_exm-navigation-rail-background-color);
|
|
15
|
+
overflow-y: auto;
|
|
16
|
+
z-index: 8;
|
|
17
|
+
box-sizing: border-box;
|
|
18
|
+
width: var(--_exm-navigation-rail-width);
|
|
19
|
+
scrollbar-width: none;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@media screen and (min-width: 961px) {
|
|
23
|
+
:host {
|
|
24
|
+
display: flex;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
nav {
|
|
29
|
+
flex: 1;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
nav ul {
|
|
33
|
+
list-style: none;
|
|
34
|
+
padding: 0;
|
|
35
|
+
margin: 0;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
nav li {
|
|
39
|
+
padding: 0;
|
|
40
|
+
margin: 0;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.bottom {
|
|
44
|
+
display: flex;
|
|
45
|
+
flex-direction: column;
|
|
46
|
+
flex-grow: 1;
|
|
47
|
+
justify-content: flex-end;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.rail-separator {
|
|
51
|
+
border-bottom: 1px solid var(--md-sys-color-outline-variant);
|
|
52
|
+
margin: -2px 16px 14px;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.hidden {
|
|
56
|
+
display: none;
|
|
57
|
+
}
|
|
58
|
+
`;
|
|
59
|
+
//# sourceMappingURL=exm-navigation-rail-css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const style: import("lit").CSSResult;
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const style = css `
|
|
3
|
+
:host {
|
|
4
|
+
--_exm-navigation-rail-nav-item-color: var(
|
|
5
|
+
--exm-navigation-rail-nav-item-color,
|
|
6
|
+
var(--md-sys-color-on-surface-variant)
|
|
7
|
+
);
|
|
8
|
+
--_exm-navigation-rail-nav-item-icon-color: var(
|
|
9
|
+
--exm-navigation-rail-nav-item-icon-color,
|
|
10
|
+
var(--md-sys-color-on-surface-variant)
|
|
11
|
+
);
|
|
12
|
+
--_exm-navigation-rail-nav-item-icon-color-hover: var(
|
|
13
|
+
--exm-navigation-rail-nav-item-icon-color-hover,
|
|
14
|
+
var(--md-sys-color-surface-container-highest)
|
|
15
|
+
);
|
|
16
|
+
--_exm-navigation-rail-nav-item-icon-color-selected: var(
|
|
17
|
+
--exm-navigation-rail-nav-item-icon-color-selected,
|
|
18
|
+
var(--md-sys-color-secondary)
|
|
19
|
+
);
|
|
20
|
+
--_exm-navigation-rail-nav-item-color-selected: var(
|
|
21
|
+
--exm-navigation-rail-nav-item-color-selected,
|
|
22
|
+
var(--md-sys-color-on-secondary)
|
|
23
|
+
);
|
|
24
|
+
--_exm-navigation-rail-nav-item-width: var(--exm-navigation-rail-nav-item-width, 80px);
|
|
25
|
+
display: flex;
|
|
26
|
+
flex-direction: column;
|
|
27
|
+
width: var(--_exm-navigation-rail-nav-item-width);
|
|
28
|
+
margin: -2px 0 14px;
|
|
29
|
+
padding: 2px 0;
|
|
30
|
+
vertical-align: baseline;
|
|
31
|
+
align-items: center;
|
|
32
|
+
cursor: pointer;
|
|
33
|
+
width: 100%;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
button {
|
|
37
|
+
position: relative;
|
|
38
|
+
background: none;
|
|
39
|
+
border: none;
|
|
40
|
+
color: var(--_exm-navigation-rail-nav-item-color);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
button:focus {
|
|
44
|
+
outline: none;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.symbols {
|
|
48
|
+
display: flex;
|
|
49
|
+
position: relative;
|
|
50
|
+
align-items: center;
|
|
51
|
+
justify-content: center;
|
|
52
|
+
width: 56px;
|
|
53
|
+
height: 32px;
|
|
54
|
+
margin: 0 auto 4px;
|
|
55
|
+
transition: font-variation-settings 0.2s cubic-bezier(0.2, 0, 0, 1);
|
|
56
|
+
border-radius: 16px;
|
|
57
|
+
color: var(--_exm-navigation-rail-nav-item-icon-color);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.symbols:before {
|
|
61
|
+
position: absolute;
|
|
62
|
+
width: 100%;
|
|
63
|
+
height: 100%;
|
|
64
|
+
opacity: 0;
|
|
65
|
+
transform: scaleX(0.32);
|
|
66
|
+
transition-duration: 0.2s;
|
|
67
|
+
transition-property: transform, opacity;
|
|
68
|
+
transition-timing-function: linear;
|
|
69
|
+
border-radius: 100px;
|
|
70
|
+
background: var(--md-sys-color-secondary-container);
|
|
71
|
+
content: '';
|
|
72
|
+
z-index: -1;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
:host(:hover) .symbols {
|
|
76
|
+
background: var(--_exm-navigation-rail-nav-item-icon-color-hover);
|
|
77
|
+
font-variation-settings:
|
|
78
|
+
'wght' 600,
|
|
79
|
+
'opsz' 24;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
:host([selected]) .symbols {
|
|
83
|
+
background: var(--_exm-navigation-rail-nav-item-icon-color-selected);
|
|
84
|
+
color: var(--_exm-navigation-rail-nav-item-color-selected);
|
|
85
|
+
font-variation-settings:
|
|
86
|
+
'wght' 600,
|
|
87
|
+
'opsz' 24;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
:host([selected]:hover) .symbols {
|
|
91
|
+
opacity: 0.7;
|
|
92
|
+
}
|
|
93
|
+
`;
|
|
94
|
+
//# sourceMappingURL=exm-navigation-rail-nav-item-css.js.map
|
package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-sub-menu-css.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const style: import("lit").CSSResult;
|
package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-sub-menu-css.js
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const style = css `
|
|
3
|
+
.nav {
|
|
4
|
+
padding: 8px;
|
|
5
|
+
max-height: 100vh;
|
|
6
|
+
overflow: auto;
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
md-list {
|
|
11
|
+
padding-top: 0;
|
|
12
|
+
display: grid;
|
|
13
|
+
grid-template-rows: repeat(auto-fit, auto);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.has-back-button {
|
|
17
|
+
padding-left: 48px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.sub-menu {
|
|
21
|
+
margin-left: 1rem;
|
|
22
|
+
}
|
|
23
|
+
`;
|
|
24
|
+
//# sourceMappingURL=exm-navigation-sub-menu-css.js.map
|
package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-topbar-css.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const style: import("lit").CSSResult;
|
package/.rollup.cache/root/repo/packages/exm-navigation/dist/styles/exm-navigation-topbar-css.js
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const style = css `
|
|
3
|
+
:host {
|
|
4
|
+
--_exm-navigation-topbar-background-color: var(
|
|
5
|
+
--exm-navigation-topbar-background-color,
|
|
6
|
+
var(--md-sys-color-surface-container)
|
|
7
|
+
);
|
|
8
|
+
--_exm-navigation-top-bar-height: var(--exm-navigation-top-bar-height, 64px);
|
|
9
|
+
background: var(--_exm-navigation-rail-background-color);
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
display: grid;
|
|
12
|
+
grid-template-columns: auto 1fr auto;
|
|
13
|
+
height: var(--_exm-navigation-top-bar-height);
|
|
14
|
+
gap: 16px;
|
|
15
|
+
justify-content: space-between;
|
|
16
|
+
width: 100%;
|
|
17
|
+
padding: 8px 12px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
md-icon-button {
|
|
21
|
+
align-self: center;
|
|
22
|
+
grid-area: 1/1/2/2;
|
|
23
|
+
justify-self: center;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
::slotted(*) {
|
|
27
|
+
align-self: center;
|
|
28
|
+
}
|
|
29
|
+
`;
|
|
30
|
+
//# sourceMappingURL=exm-navigation-topbar-css.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { __decorate } from
|
|
2
|
-
import {
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
|
+
import { nothing, html } from 'lit';
|
|
3
3
|
import { ExmgElement } from '@exmg/lit-base/index.js';
|
|
4
4
|
import { property, query, state } from 'lit/decorators.js';
|
|
5
5
|
import { styleMap } from 'lit/directives/style-map.js';
|
|
@@ -14,10 +14,9 @@ import './exm-navigation-rail.js';
|
|
|
14
14
|
import './exm-navigation-sub-menu.js';
|
|
15
15
|
import './exm-navigation-drawer-menu.js';
|
|
16
16
|
import './exm-navigation-drawer.js';
|
|
17
|
-
|
|
18
|
-
import '@material/web/iconbutton/icon-button.js';
|
|
17
|
+
|
|
19
18
|
// eslint-disable-next-line new-cap
|
|
20
|
-
|
|
19
|
+
class ExmNavigationBase extends MediaQueries(ExmgElement) {
|
|
21
20
|
constructor() {
|
|
22
21
|
super();
|
|
23
22
|
this.items = [];
|
|
@@ -503,4 +502,6 @@ __decorate([
|
|
|
503
502
|
__decorate([
|
|
504
503
|
state()
|
|
505
504
|
], ExmNavigationBase.prototype, "navigationHasSubmenu", void 0);
|
|
506
|
-
|
|
505
|
+
|
|
506
|
+
export { ExmNavigationBase };
|
|
507
|
+
//# sourceMappingURL=exm-navigation-base.js.map
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { html } from 'lit';
|
|
3
3
|
import { property, query } from 'lit/decorators.js';
|
|
4
4
|
import { ExmgElement } from '@exmg/lit-base';
|
|
5
5
|
import { style } from './styles/exm-navigation-drawer-css.js';
|
|
6
6
|
import { classMap } from 'lit/directives/class-map.js';
|
|
7
|
-
|
|
7
|
+
|
|
8
|
+
class ExmNavigationDrawerBase extends ExmgElement {
|
|
8
9
|
constructor() {
|
|
9
10
|
super(...arguments);
|
|
10
11
|
this.open = false;
|
|
@@ -62,4 +63,6 @@ __decorate([
|
|
|
62
63
|
__decorate([
|
|
63
64
|
query('aside')
|
|
64
65
|
], ExmNavigationDrawerBase.prototype, "drawer", void 0);
|
|
65
|
-
|
|
66
|
+
|
|
67
|
+
export { ExmNavigationDrawerBase };
|
|
68
|
+
//# sourceMappingURL=exm-navigation-drawer-base.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { html } from 'lit';
|
|
3
3
|
import { ExmgElement } from '@exmg/lit-base/index.js';
|
|
4
4
|
import { property } from 'lit/decorators.js';
|
|
@@ -7,7 +7,8 @@ import './exm-navigation-rail-nav-item.js';
|
|
|
7
7
|
import './exm-navigation-drawer-nav-item.js';
|
|
8
8
|
import '@material/web/list/list.js';
|
|
9
9
|
import '@exmg/exm-collapsed/exm-collapsed.js';
|
|
10
|
-
|
|
10
|
+
|
|
11
|
+
class ExmNavigationDrawerMenuBase extends ExmgElement {
|
|
11
12
|
constructor() {
|
|
12
13
|
super(...arguments);
|
|
13
14
|
this.items = [];
|
|
@@ -42,4 +43,6 @@ __decorate([
|
|
|
42
43
|
__decorate([
|
|
43
44
|
property({ type: Array })
|
|
44
45
|
], ExmNavigationDrawerMenuBase.prototype, "path", void 0);
|
|
45
|
-
|
|
46
|
+
|
|
47
|
+
export { ExmNavigationDrawerMenuBase };
|
|
48
|
+
//# sourceMappingURL=exm-navigation-drawer-menu-base.js.map
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { customElement } from 'lit/decorators/custom-element.js';
|
|
3
3
|
import { ExmNavigationDrawerMenuBase } from './exm-navigation-drawer-menu-base.js';
|
|
4
4
|
import { style } from './styles/exm-navigation-sub-menu-css.js';
|
|
5
|
+
|
|
5
6
|
let ExmNavigationDrawerMenu = class ExmNavigationDrawerMenu extends ExmNavigationDrawerMenuBase {
|
|
6
7
|
};
|
|
7
8
|
ExmNavigationDrawerMenu.styles = [style];
|
|
8
9
|
ExmNavigationDrawerMenu = __decorate([
|
|
9
10
|
customElement('exm-navigation-drawer-menu')
|
|
10
11
|
], ExmNavigationDrawerMenu);
|
|
12
|
+
|
|
11
13
|
export { ExmNavigationDrawerMenu };
|
|
12
|
-
//# sourceMappingURL=exm-navigation-drawer-menu.js.map
|
|
14
|
+
//# sourceMappingURL=exm-navigation-drawer-menu.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { __decorate } from
|
|
2
|
-
import { LitElement,
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
|
+
import { LitElement, nothing, html } from 'lit';
|
|
3
3
|
import { property } from 'lit/decorators.js';
|
|
4
4
|
import { style } from './styles/exm-navigation-drawer-nav-item-css.js';
|
|
5
5
|
import '@material/web/focus/md-focus-ring.js';
|
|
@@ -7,7 +7,8 @@ import './exm-navigation-icon.js';
|
|
|
7
7
|
import '@material/web/list/list.js';
|
|
8
8
|
import '@material/web/list/list-item.js';
|
|
9
9
|
import { classMap } from 'lit/directives/class-map.js';
|
|
10
|
-
|
|
10
|
+
|
|
11
|
+
class ExmNavigationDrawerNavItemBase extends LitElement {
|
|
11
12
|
constructor() {
|
|
12
13
|
super(...arguments);
|
|
13
14
|
this.icon = '';
|
|
@@ -46,4 +47,6 @@ __decorate([
|
|
|
46
47
|
__decorate([
|
|
47
48
|
property({ type: String, attribute: 'submenu-icon' })
|
|
48
49
|
], ExmNavigationDrawerNavItemBase.prototype, "submenuIcon", void 0);
|
|
49
|
-
|
|
50
|
+
|
|
51
|
+
export { ExmNavigationDrawerNavItemBase };
|
|
52
|
+
//# sourceMappingURL=exm-navigation-drawer-nav-item-base.js.map
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { customElement } from 'lit/decorators.js';
|
|
3
3
|
import { ExmNavigationDrawerNavItemBase } from './exm-navigation-drawer-nav-item-base.js';
|
|
4
|
+
|
|
4
5
|
let ExmNavigationDrawerNavItem = class ExmNavigationDrawerNavItem extends ExmNavigationDrawerNavItemBase {
|
|
5
6
|
};
|
|
6
7
|
ExmNavigationDrawerNavItem = __decorate([
|
|
7
8
|
customElement('exm-navigation-drawer-nav-item')
|
|
8
9
|
], ExmNavigationDrawerNavItem);
|
|
10
|
+
|
|
9
11
|
export { ExmNavigationDrawerNavItem };
|
|
10
|
-
//# sourceMappingURL=exm-navigation-drawer-nav-item.js.map
|
|
12
|
+
//# sourceMappingURL=exm-navigation-drawer-nav-item.js.map
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { customElement } from 'lit/decorators.js';
|
|
3
3
|
import { ExmNavigationDrawerBase } from './exm-navigation-drawer-base.js';
|
|
4
|
+
|
|
4
5
|
let ExmNavigationDrawer = class ExmNavigationDrawer extends ExmNavigationDrawerBase {
|
|
5
6
|
};
|
|
6
7
|
ExmNavigationDrawer = __decorate([
|
|
7
8
|
customElement('exm-navigation-drawer')
|
|
8
9
|
], ExmNavigationDrawer);
|
|
10
|
+
|
|
9
11
|
export { ExmNavigationDrawer };
|
|
10
|
-
//# sourceMappingURL=exm-navigation-drawer.js.map
|
|
12
|
+
//# sourceMappingURL=exm-navigation-drawer.js.map
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { html } from 'lit';
|
|
3
3
|
import { ExmgElement } from '@exmg/lit-base/index.js';
|
|
4
4
|
import { property } from 'lit/decorators.js';
|
|
5
5
|
import { style } from './styles/exm-navigation-icon-css.js';
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
|
|
7
|
+
class ExmNavigationIconBase extends ExmgElement {
|
|
8
8
|
constructor() {
|
|
9
9
|
super(...arguments);
|
|
10
10
|
this.icon = 'menu';
|
|
@@ -17,4 +17,6 @@ ExmNavigationIconBase.styles = [style];
|
|
|
17
17
|
__decorate([
|
|
18
18
|
property({ type: String })
|
|
19
19
|
], ExmNavigationIconBase.prototype, "icon", void 0);
|
|
20
|
-
|
|
20
|
+
|
|
21
|
+
export { ExmNavigationIconBase };
|
|
22
|
+
//# sourceMappingURL=exm-navigation-icon-base.js.map
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { __decorate } from
|
|
2
|
-
import {
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
|
+
import { nothing, html } from 'lit';
|
|
3
3
|
import { ExmgElement } from '@exmg/lit-base/index.js';
|
|
4
4
|
import { property } from 'lit/decorators.js';
|
|
5
5
|
import { classMap } from 'lit/directives/class-map.js';
|
|
6
6
|
import { style } from './styles/exm-navigation-icon-button-css.js';
|
|
7
7
|
import './exm-navigation-icon.js';
|
|
8
|
-
|
|
8
|
+
|
|
9
|
+
class ExmNavigationIconButtonBase extends ExmgElement {
|
|
9
10
|
constructor() {
|
|
10
11
|
super(...arguments);
|
|
11
12
|
this.icon = 'menu';
|
|
@@ -33,4 +34,6 @@ __decorate([
|
|
|
33
34
|
__decorate([
|
|
34
35
|
property({ type: String })
|
|
35
36
|
], ExmNavigationIconButtonBase.prototype, "label", void 0);
|
|
36
|
-
|
|
37
|
+
|
|
38
|
+
export { ExmNavigationIconButtonBase };
|
|
39
|
+
//# sourceMappingURL=exm-navigation-icon-button-base.js.map
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { customElement } from 'lit/decorators/custom-element.js';
|
|
3
3
|
import { ExmNavigationIconButtonBase } from './exm-navigation-icon-button-base.js';
|
|
4
|
+
|
|
4
5
|
let ExmNavigationIconButton = class ExmNavigationIconButton extends ExmNavigationIconButtonBase {
|
|
5
6
|
};
|
|
6
7
|
ExmNavigationIconButton = __decorate([
|
|
7
8
|
customElement('exm-navigation-icon-button')
|
|
8
9
|
], ExmNavigationIconButton);
|
|
10
|
+
|
|
9
11
|
export { ExmNavigationIconButton };
|
|
10
|
-
//# sourceMappingURL=exm-navigation-icon-button.js.map
|
|
12
|
+
//# sourceMappingURL=exm-navigation-icon-button.js.map
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { customElement } from 'lit/decorators/custom-element.js';
|
|
3
3
|
import { ExmNavigationIconBase } from './exm-navigation-icon-base.js';
|
|
4
|
+
|
|
4
5
|
let ExmNavigationIcon = class ExmNavigationIcon extends ExmNavigationIconBase {
|
|
5
6
|
};
|
|
6
7
|
ExmNavigationIcon = __decorate([
|
|
7
8
|
customElement('exm-navigation-icon')
|
|
8
9
|
], ExmNavigationIcon);
|
|
10
|
+
|
|
9
11
|
export { ExmNavigationIcon };
|
|
10
|
-
//# sourceMappingURL=exm-navigation-icon.js.map
|
|
12
|
+
//# sourceMappingURL=exm-navigation-icon.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { html } from 'lit';
|
|
3
3
|
import { ExmgElement } from '@exmg/lit-base/index.js';
|
|
4
4
|
import { property } from 'lit/decorators.js';
|
|
@@ -6,7 +6,8 @@ import { repeat } from 'lit/directives/repeat.js';
|
|
|
6
6
|
import { style } from './styles/exm-navigation-rail-css.js';
|
|
7
7
|
import './exm-navigation-rail-nav-item.js';
|
|
8
8
|
import { classMap } from 'lit/directives/class-map.js';
|
|
9
|
-
|
|
9
|
+
|
|
10
|
+
class ExmNavigationRailBase extends ExmgElement {
|
|
10
11
|
constructor() {
|
|
11
12
|
super(...arguments);
|
|
12
13
|
this.items = [];
|
|
@@ -59,4 +60,6 @@ __decorate([
|
|
|
59
60
|
__decorate([
|
|
60
61
|
property({ type: Array })
|
|
61
62
|
], ExmNavigationRailBase.prototype, "selected", void 0);
|
|
62
|
-
|
|
63
|
+
|
|
64
|
+
export { ExmNavigationRailBase };
|
|
65
|
+
//# sourceMappingURL=exm-navigation-rail-base.js.map
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { LitElement, html } from 'lit';
|
|
3
3
|
import { property } from 'lit/decorators.js';
|
|
4
4
|
import { style } from './styles/exm-navigation-rail-nav-item-css.js';
|
|
5
5
|
import '@material/web/focus/md-focus-ring.js';
|
|
6
6
|
import './exm-navigation-icon.js';
|
|
7
|
-
|
|
7
|
+
|
|
8
|
+
class ExmNavigationRailNavItemBase extends LitElement {
|
|
8
9
|
constructor() {
|
|
9
10
|
super(...arguments);
|
|
10
11
|
this.icon = '';
|
|
@@ -34,4 +35,6 @@ __decorate([
|
|
|
34
35
|
__decorate([
|
|
35
36
|
property({ type: Boolean })
|
|
36
37
|
], ExmNavigationRailNavItemBase.prototype, "hasSubMenu", void 0);
|
|
37
|
-
|
|
38
|
+
|
|
39
|
+
export { ExmNavigationRailNavItemBase };
|
|
40
|
+
//# sourceMappingURL=exm-navigation-rail-nav-item-base.js.map
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { customElement } from 'lit/decorators.js';
|
|
3
3
|
import { ExmNavigationRailNavItemBase } from './exm-navigation-rail-nav-item-base.js';
|
|
4
|
+
|
|
4
5
|
let ExmNavigationRailNavItem = class ExmNavigationRailNavItem extends ExmNavigationRailNavItemBase {
|
|
5
6
|
};
|
|
6
7
|
ExmNavigationRailNavItem = __decorate([
|
|
7
8
|
customElement('exm-navigation-rail-nav-item')
|
|
8
9
|
], ExmNavigationRailNavItem);
|
|
10
|
+
|
|
9
11
|
export { ExmNavigationRailNavItem };
|
|
10
|
-
//# sourceMappingURL=exm-navigation-rail-nav-item.js.map
|
|
12
|
+
//# sourceMappingURL=exm-navigation-rail-nav-item.js.map
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { customElement } from 'lit/decorators/custom-element.js';
|
|
3
3
|
import { ExmNavigationRailBase } from './exm-navigation-rail-base.js';
|
|
4
|
+
|
|
4
5
|
let ExmNavigationRail = class ExmNavigationRail extends ExmNavigationRailBase {
|
|
5
6
|
};
|
|
6
7
|
ExmNavigationRail = __decorate([
|
|
7
8
|
customElement('exm-navigation-rail')
|
|
8
9
|
], ExmNavigationRail);
|
|
10
|
+
|
|
9
11
|
export { ExmNavigationRail };
|
|
10
|
-
//# sourceMappingURL=exm-navigation-rail.js.map
|
|
12
|
+
//# sourceMappingURL=exm-navigation-rail.js.map
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { html } from 'lit';
|
|
3
3
|
import { ExmgElement } from '@exmg/lit-base/index.js';
|
|
4
|
-
import { property,
|
|
4
|
+
import { property, state, query } from 'lit/decorators.js';
|
|
5
5
|
import { repeat } from 'lit/directives/repeat.js';
|
|
6
6
|
import { style } from './styles/exm-navigation-sub-menu-css.js';
|
|
7
|
-
import { animate,
|
|
7
|
+
import { animate, fadeIn, fadeOut } from '@lit-labs/motion';
|
|
8
8
|
import './exm-navigation-rail-nav-item.js';
|
|
9
9
|
import './exm-navigation-drawer-nav-item.js';
|
|
10
10
|
import '@material/web/list/list.js';
|
|
11
11
|
import '@exmg/exm-collapsed/exm-collapsed.js';
|
|
12
12
|
import { classMap } from 'lit/directives/class-map.js';
|
|
13
13
|
import { styleMap } from 'lit/directives/style-map.js';
|
|
14
|
-
|
|
14
|
+
|
|
15
|
+
class ExmNavigationSubMenuBase extends ExmgElement {
|
|
15
16
|
constructor() {
|
|
16
17
|
super(...arguments);
|
|
17
18
|
this.items = [];
|
|
@@ -150,4 +151,6 @@ __decorate([
|
|
|
150
151
|
__decorate([
|
|
151
152
|
query('nav')
|
|
152
153
|
], ExmNavigationSubMenuBase.prototype, "navigationElement", void 0);
|
|
153
|
-
|
|
154
|
+
|
|
155
|
+
export { ExmNavigationSubMenuBase };
|
|
156
|
+
//# sourceMappingURL=exm-navigation-sub-menu-base.js.map
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { customElement } from 'lit/decorators/custom-element.js';
|
|
3
3
|
import { ExmNavigationSubMenuBase } from './exm-navigation-sub-menu-base.js';
|
|
4
|
+
|
|
4
5
|
let ExmNavigationSubMenu = class ExmNavigationSubMenu extends ExmNavigationSubMenuBase {
|
|
5
6
|
};
|
|
6
7
|
ExmNavigationSubMenu = __decorate([
|
|
7
8
|
customElement('exm-navigation-sub-menu')
|
|
8
9
|
], ExmNavigationSubMenu);
|
|
10
|
+
|
|
9
11
|
export { ExmNavigationSubMenu };
|
|
10
|
-
//# sourceMappingURL=exm-navigation-sub-menu.js.map
|
|
12
|
+
//# sourceMappingURL=exm-navigation-sub-menu.js.map
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { html } from 'lit';
|
|
3
3
|
import { ExmgElement } from '@exmg/lit-base/index.js';
|
|
4
4
|
import { property } from 'lit/decorators.js';
|
|
5
5
|
import { style } from './styles/exm-navigation-topbar-css.js';
|
|
6
6
|
import './exm-navigation-rail-nav-item.js';
|
|
7
|
-
|
|
7
|
+
|
|
8
|
+
class ExmNavigationTopbarBase extends ExmgElement {
|
|
8
9
|
constructor() {
|
|
9
10
|
super(...arguments);
|
|
10
11
|
this.items = [];
|
|
@@ -30,4 +31,6 @@ __decorate([
|
|
|
30
31
|
__decorate([
|
|
31
32
|
property({ type: Boolean, attribute: 'drawer-open' })
|
|
32
33
|
], ExmNavigationTopbarBase.prototype, "drawerOpen", void 0);
|
|
33
|
-
|
|
34
|
+
|
|
35
|
+
export { ExmNavigationTopbarBase };
|
|
36
|
+
//# sourceMappingURL=exm-navigation-topbar-base.js.map
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { customElement } from 'lit/decorators/custom-element.js';
|
|
3
3
|
import { ExmNavigationTopbarBase } from './exm-navigation-topbar-base.js';
|
|
4
|
+
|
|
4
5
|
let ExmNavigationTopbar = class ExmNavigationTopbar extends ExmNavigationTopbarBase {
|
|
5
6
|
};
|
|
6
7
|
ExmNavigationTopbar = __decorate([
|
|
7
8
|
customElement('exm-navigation-topbar')
|
|
8
9
|
], ExmNavigationTopbar);
|
|
10
|
+
|
|
9
11
|
export { ExmNavigationTopbar };
|
|
10
|
-
//# sourceMappingURL=exm-navigation-topbar.js.map
|
|
12
|
+
//# sourceMappingURL=exm-navigation-topbar.js.map
|
package/dist/exm-navigation.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { __decorate } from
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
2
|
import { customElement } from 'lit/decorators.js';
|
|
3
3
|
import { ExmNavigationBase } from './exm-navigation-base.js';
|
|
4
|
+
|
|
4
5
|
let ExmNavigation = class ExmNavigation extends ExmNavigationBase {
|
|
5
6
|
};
|
|
6
7
|
ExmNavigation = __decorate([
|
|
7
8
|
customElement('exm-navigation')
|
|
8
9
|
], ExmNavigation);
|
|
10
|
+
|
|
9
11
|
export { ExmNavigation };
|
|
10
|
-
//# sourceMappingURL=exm-navigation.js.map
|
|
12
|
+
//# sourceMappingURL=exm-navigation.js.map
|
package/dist/index.js
CHANGED
|
@@ -10,4 +10,4 @@ export { ExmNavigationRailNavItemBase } from './exm-navigation-rail-nav-item-bas
|
|
|
10
10
|
export { ExmNavigationSubMenuBase } from './exm-navigation-sub-menu-base.js';
|
|
11
11
|
export { ExmNavigationTopbarBase } from './exm-navigation-topbar-base.js';
|
|
12
12
|
export { style as exmgNavigationStyles } from './styles/exm-navigation-css.js';
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
|
13
|
+
//# sourceMappingURL=index.js.map
|