@rxap/layout 16.0.0-dev.4 → 16.0.0-dev.6
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/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 +30 -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 +49 -96
- 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/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/navigation/_navigation.component.theme.scss +0 -33
- package/src/lib/navigation/navigation-item/_navigation-item.component.theme.scss +0 -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
|
-
}
|