@rxap/layout 16.0.0-dev.5 → 16.0.0-dev.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/CHANGELOG.md +15 -0
- package/README.md +1 -1
- package/esm2022/index.mjs +5 -6
- package/esm2022/lib/app-url.service.mjs +64 -0
- package/esm2022/lib/footer/footer.component.mjs +3 -3
- package/esm2022/lib/header/apps-button/apps-button.component.mjs +29 -46
- package/esm2022/lib/header/header.component.mjs +41 -46
- package/esm2022/lib/header/language-selector/language-selector.component.mjs +10 -69
- package/esm2022/lib/header/navigation-progress-bar/navigation-progress-bar.component.mjs +6 -2
- package/esm2022/lib/header/sidenav-toggle-button/sidenav-toggle-button.component.mjs +6 -2
- package/esm2022/lib/header/sign-out/sign-out.component.mjs +14 -18
- package/esm2022/lib/header/user-profile-icon/user-profile-icon.component.mjs +28 -28
- package/esm2022/lib/i18n-check.guard.mjs +34 -0
- package/esm2022/lib/i18n.service.mjs +36 -0
- package/esm2022/lib/language-selector.service.mjs +34 -0
- package/esm2022/lib/layout/layout.component.mjs +46 -23
- package/esm2022/lib/layout/layout.component.service.mjs +2 -2
- package/esm2022/lib/navigation/navigation-item/navigation-item.component.mjs +48 -95
- package/esm2022/lib/navigation/navigation.component.mjs +24 -25
- package/esm2022/lib/sidenav/sidenav.component.mjs +1 -1
- package/esm2022/lib/types.mjs +1 -1
- package/fesm2022/rxap-layout.mjs +637 -667
- package/fesm2022/rxap-layout.mjs.map +1 -1
- package/index.d.ts +4 -3
- package/lib/app-url.service.d.ts +26 -0
- package/lib/header/apps-button/apps-button.component.d.ts +12 -20
- package/lib/header/header.component.d.ts +7 -10
- package/lib/header/language-selector/language-selector.component.d.ts +1 -16
- package/lib/header/sign-out/sign-out.component.d.ts +4 -4
- package/lib/header/user-profile-icon/user-profile-icon.component.d.ts +11 -7
- package/lib/i18n-check.guard.d.ts +14 -0
- package/lib/i18n.service.d.ts +12 -0
- package/lib/language-selector.service.d.ts +15 -0
- package/lib/layout/layout.component.d.ts +8 -4
- package/lib/navigation/navigation-item/navigation-item.component.d.ts +10 -17
- package/lib/navigation/navigation.component.d.ts +4 -4
- package/lib/types.d.ts +3 -2
- package/package.json +36 -21
- package/theme.css +1 -0
- package/esm2022/lib/layout/layout.component.module.mjs +0 -30
- package/esm2022/lib/sidenav-content/sidenav-content.component.mjs +0 -27
- package/esm2022/lib/sidenav-content/sidenav-content.component.service.mjs +0 -36
- package/lib/layout/layout.component.module.d.ts +0 -10
- package/lib/sidenav-content/sidenav-content.component.d.ts +0 -10
- package/lib/sidenav-content/sidenav-content.component.service.d.ts +0 -15
- package/src/lib/header/apps-button/_apps-button.component.theme.scss +0 -45
- package/src/lib/navigation/_navigation.component.theme.scss +0 -33
- package/src/lib/navigation/navigation-item/_navigation-item.component.theme.scss +0 -45
- package/src/lib/sidenav/_sidenav.component.theme.scss +0 -65
- package/src/lib/toggle-window-sidenav-button/_toggle-window-sidenav-button.component.theme.scss +0 -15
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
@mixin rxap-apps-button-theme($theme) {
|
|
2
|
-
$foreground: map-get($theme, foreground);
|
|
3
|
-
$background: map-get($theme, background);
|
|
4
|
-
$accent: map-get($theme, accent);
|
|
5
|
-
$primary: map-get($theme, primary);
|
|
6
|
-
$warn: map-get($theme, warn);
|
|
7
|
-
$isDark: map-get($theme, is-dark);
|
|
8
|
-
|
|
9
|
-
.rxap-apps-button {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.cdk-overlay-container {
|
|
15
|
-
|
|
16
|
-
.grid-container {
|
|
17
|
-
background-color: map-get($background, dialog);
|
|
18
|
-
|
|
19
|
-
.grid {
|
|
20
|
-
|
|
21
|
-
li:not(.empty) {
|
|
22
|
-
|
|
23
|
-
&:hover {
|
|
24
|
-
background-color: map-get($background, hover);
|
|
25
|
-
cursor: pointer;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
&:active {
|
|
29
|
-
background: map-get($background, focused-button);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
@mixin rxap-apps-button-typography($config) {
|
|
43
|
-
.rxap-apps-button {
|
|
44
|
-
}
|
|
45
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
@use '@angular/material' as mat;
|
|
2
|
-
|
|
3
|
-
@mixin rxap-navigation-theme($theme) {
|
|
4
|
-
$foreground: map-get($theme, foreground);
|
|
5
|
-
$background: map-get($theme, background);
|
|
6
|
-
$accent: map-get($theme, accent);
|
|
7
|
-
$isDark: map-get($theme, is-dark);
|
|
8
|
-
|
|
9
|
-
.rxap-navigation {
|
|
10
|
-
|
|
11
|
-
.divider-title {
|
|
12
|
-
color: map-get($foreground, hint-text);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.item {
|
|
16
|
-
$border-width: 4px;
|
|
17
|
-
border-left: $border-width solid transparent;
|
|
18
|
-
|
|
19
|
-
&.active {
|
|
20
|
-
border-left: $border-width solid mat.get-color-from-palette($accent);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
@mixin rxap-navigation-typography($config) {
|
|
30
|
-
.rxap-navigation {
|
|
31
|
-
|
|
32
|
-
}
|
|
33
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
@use '@angular/material' as mat;
|
|
2
|
-
|
|
3
|
-
@mixin rxap-navigation-item-theme($theme) {
|
|
4
|
-
$foreground: map-get($theme, foreground);
|
|
5
|
-
$background: map-get($theme, background);
|
|
6
|
-
$accent: map-get($theme, accent);
|
|
7
|
-
$isDark: map-get($theme, is-dark);
|
|
8
|
-
|
|
9
|
-
.rxap-navigation-item, .navigation-overlay-container {
|
|
10
|
-
|
|
11
|
-
.navigation-link {
|
|
12
|
-
|
|
13
|
-
color: map-get($foreground, hint-text);
|
|
14
|
-
|
|
15
|
-
&:focus {
|
|
16
|
-
outline: none;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
&:hover {
|
|
20
|
-
color: map-get($foreground, text);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
&.link-active, &:active {
|
|
24
|
-
@if $isDark {
|
|
25
|
-
color: mat.get-color-from-palette($accent, 300);
|
|
26
|
-
} @else {
|
|
27
|
-
color: mat.get-color-from-palette($accent, 700);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.navigation-overlay-container {
|
|
36
|
-
background-color: map-get($background, dialog);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
@mixin rxap-navigation-item-typography($config) {
|
|
42
|
-
.rxap-navigation-item {
|
|
43
|
-
|
|
44
|
-
}
|
|
45
|
-
}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
@use '@angular/material' as mat;
|
|
2
|
-
|
|
3
|
-
@mixin rxap-sidenav-theme($theme) {
|
|
4
|
-
$foreground: map-get($theme, foreground);
|
|
5
|
-
$background: map-get($theme, background);
|
|
6
|
-
$accent: map-get($theme, accent);
|
|
7
|
-
$isDark: map-get($theme, is-dark);
|
|
8
|
-
|
|
9
|
-
.rxap-layout-sidenav {
|
|
10
|
-
|
|
11
|
-
background: mat.get-color-from-palette($background, card);
|
|
12
|
-
|
|
13
|
-
.container {
|
|
14
|
-
|
|
15
|
-
.inner {
|
|
16
|
-
|
|
17
|
-
.nav-container {
|
|
18
|
-
|
|
19
|
-
/* Handle */
|
|
20
|
-
&::-webkit-scrollbar-thumb {
|
|
21
|
-
background: mat.get-color-from-palette($accent, 100);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/* Handle on hover */
|
|
25
|
-
&::-webkit-scrollbar-thumb:hover {
|
|
26
|
-
background: mat.get-color-from-palette($accent, 300);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
@if $isDark {
|
|
30
|
-
|
|
31
|
-
/* Handle */
|
|
32
|
-
&::-webkit-scrollbar-thumb {
|
|
33
|
-
background: mat.get-color-from-palette($accent, 900);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/* Handle on hover */
|
|
37
|
-
&::-webkit-scrollbar-thumb:hover {
|
|
38
|
-
background: mat.get-color-from-palette($accent, 700);
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.version {
|
|
50
|
-
color: lightgray;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
@mixin rxap-sidenav-typography($config) {
|
|
58
|
-
.rxap-layout-sidenav {
|
|
59
|
-
|
|
60
|
-
.version {
|
|
61
|
-
font-size: 10px;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
}
|
|
65
|
-
}
|
package/src/lib/toggle-window-sidenav-button/_toggle-window-sidenav-button.component.theme.scss
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
@mixin rxap-toggle-window-sidenav-button-theme($theme) {
|
|
2
|
-
$foreground: map-get($theme, foreground);
|
|
3
|
-
$background: map-get($theme, background);
|
|
4
|
-
$accent: map-get($theme, accent);
|
|
5
|
-
|
|
6
|
-
.rxap-toggle-window-sidenav-button {
|
|
7
|
-
|
|
8
|
-
.toggle-button {
|
|
9
|
-
background: map-get($background, background);
|
|
10
|
-
border-color: rgba(255, 255, 255, 0.12);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
}
|