@dereekb/dbx-web 9.23.20 → 9.23.21
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/calendar/package.json +3 -3
- package/esm2020/lib/layout/style/style.mjs +7 -1
- package/esm2020/lib/router/layout/navbar/navbar.component.mjs +16 -6
- package/fesm2015/dereekb-dbx-web.mjs +20 -4
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +20 -4
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/lib/layout/style/_style.scss +25 -0
- package/lib/layout/style/style.d.ts +1 -1
- package/lib/layout/text/_text.scss +5 -0
- package/lib/router/layout/navbar/navbar.component.d.ts +7 -1
- package/mapbox/package.json +3 -3
- package/package.json +3 -3
- package/table/package.json +3 -3
|
@@ -66,6 +66,7 @@
|
|
|
66
66
|
|
|
67
67
|
@mixin color($theme-config) {
|
|
68
68
|
$color-config: theming.get-color-config($theme-config);
|
|
69
|
+
|
|
69
70
|
$primary: map.get($color-config, 'primary');
|
|
70
71
|
$accent: map.get($color-config, 'accent');
|
|
71
72
|
$warn: map.get($color-config, 'warn');
|
|
@@ -81,6 +82,12 @@
|
|
|
81
82
|
$warn-color: theming.get-color-from-palette($warn, 500);
|
|
82
83
|
$warn-color-contrast: theming.get-color-from-palette($warn, '500-contrast');
|
|
83
84
|
|
|
85
|
+
$grey-color: theming.get-color-from-palette($foreground, 'text');
|
|
86
|
+
$grey-color-bg: theming.get-color-from-palette($background, 'disabled-button');
|
|
87
|
+
|
|
88
|
+
$disabled-color: theming.get-color-from-palette($foreground, 'disabled-text');
|
|
89
|
+
$disabled-color-bg: theming.get-color-from-palette($background, 'disabled-button');
|
|
90
|
+
|
|
84
91
|
$background-text-color: theming.get-color-from-palette($foreground, 'text');
|
|
85
92
|
$background-color: theming.get-color-from-palette($background, 'background');
|
|
86
93
|
|
|
@@ -111,6 +118,24 @@
|
|
|
111
118
|
color: $warn-color-contrast;
|
|
112
119
|
}
|
|
113
120
|
|
|
121
|
+
.dbx-grey {
|
|
122
|
+
color: $grey-color;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.dbx-grey-bg {
|
|
126
|
+
color: $grey-color;
|
|
127
|
+
background: $grey-color-bg;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.dbx-disabled {
|
|
131
|
+
color: $disabled-color;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.dbx-disabled-bg {
|
|
135
|
+
color: $disabled-color;
|
|
136
|
+
background: $disabled-color-bg;
|
|
137
|
+
}
|
|
138
|
+
|
|
114
139
|
.dbx-bg,
|
|
115
140
|
.dbx-background {
|
|
116
141
|
color: $background-text-color;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Maybe } from '@dereekb/util';
|
|
2
|
-
export declare type DbxThemeColor = 'primary' | 'accent' | 'warn' | 'background';
|
|
2
|
+
export declare type DbxThemeColor = 'primary' | 'accent' | 'warn' | 'background' | 'grey' | 'disabled';
|
|
3
3
|
export declare function dbxColorBackground(color: Maybe<DbxThemeColor | ''>): string;
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
// MARK: Variables
|
|
6
6
|
$icon-spacing: 6px;
|
|
7
7
|
$hint-opacity: 0.8;
|
|
8
|
+
$faint-opacity: 0.54;
|
|
8
9
|
$note-opacity: 0.7;
|
|
9
10
|
$mat-hint-opacity: 0.54; // Opacity to mirror mat-hint
|
|
10
11
|
$dbx-label-padded-padding: 6px;
|
|
@@ -155,6 +156,10 @@ $dbx-detail-block-content-offset: 30px;
|
|
|
155
156
|
opacity: $hint-opacity;
|
|
156
157
|
}
|
|
157
158
|
|
|
159
|
+
.dbx-faint {
|
|
160
|
+
opacity: $faint-opacity;
|
|
161
|
+
}
|
|
162
|
+
|
|
158
163
|
.dbx-success {
|
|
159
164
|
color: $success-color;
|
|
160
165
|
}
|
|
@@ -12,6 +12,7 @@ interface NavAnchorLink {
|
|
|
12
12
|
}
|
|
13
13
|
export declare type NavBarContentAlign = 'center' | 'left' | 'right';
|
|
14
14
|
export declare type NavbarMode = 'bar' | 'button' | 'icon';
|
|
15
|
+
export declare type NavbarButtonMode = 'menu' | 'rotate';
|
|
15
16
|
/**
|
|
16
17
|
* Component that displays a navbar.
|
|
17
18
|
*/
|
|
@@ -24,13 +25,17 @@ export declare class DbxNavbarComponent extends AbstractTransitionDirective impl
|
|
|
24
25
|
private _defaultIcon;
|
|
25
26
|
private _defaultText;
|
|
26
27
|
private _inputMode;
|
|
28
|
+
private _buttonMode;
|
|
27
29
|
private _breakpoint;
|
|
28
30
|
private _anchors;
|
|
29
31
|
readonly isBreakpointActive$: Observable<boolean>;
|
|
30
32
|
readonly mode$: Observable<"button" | "icon" | "bar">;
|
|
31
33
|
readonly anchors$: Observable<NavAnchorLink[]>;
|
|
34
|
+
readonly buttonMode$: Observable<NavbarButtonMode>;
|
|
32
35
|
readonly selectedAnchor$: Observable<Maybe<NavAnchorLink>>;
|
|
36
|
+
readonly nextRotateAnchor$: Observable<Maybe<NavAnchorLink>>;
|
|
33
37
|
readonly hasNoAnchors$: Observable<boolean>;
|
|
38
|
+
readonly buttonNavAnchor$: Observable<Maybe<NavAnchorLink>>;
|
|
34
39
|
readonly buttonDisplay$: Observable<DbxButtonDisplayContent>;
|
|
35
40
|
constructor(dbxRouterTransitionService: DbxRouterTransitionService, cdRef: ChangeDetectorRef, _dbxScreenMediaService: DbxScreenMediaService, _dbxRouterService: DbxRouterService);
|
|
36
41
|
ngOnDestroy(): void;
|
|
@@ -38,9 +43,10 @@ export declare class DbxNavbarComponent extends AbstractTransitionDirective impl
|
|
|
38
43
|
set defaultIcon(defaultIcon: Maybe<string>);
|
|
39
44
|
set defaultText(defaultText: Maybe<string>);
|
|
40
45
|
set anchors(anchors: Maybe<ClickableAnchorLinkSegueRef[]>);
|
|
46
|
+
set buttonMode(mode: Maybe<NavbarButtonMode>);
|
|
41
47
|
set mode(mode: Maybe<NavbarMode>);
|
|
42
48
|
set breakpoint(breakpoint: ScreenMediaWidthType);
|
|
43
49
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxNavbarComponent, never>;
|
|
44
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DbxNavbarComponent, "dbx-navbar", never, { "navAlign": "navAlign"; "icon": "icon"; "defaultIcon": "defaultIcon"; "defaultText": "defaultText"; "anchors": "anchors"; "mode": "mode"; "breakpoint": "breakpoint"; }, {}, never, never, false>;
|
|
50
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DbxNavbarComponent, "dbx-navbar", never, { "navAlign": "navAlign"; "icon": "icon"; "defaultIcon": "defaultIcon"; "defaultText": "defaultText"; "anchors": "anchors"; "buttonMode": "buttonMode"; "mode": "mode"; "breakpoint": "breakpoint"; }, {}, never, never, false>;
|
|
45
51
|
}
|
|
46
52
|
export {};
|
package/mapbox/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-web/mapbox",
|
|
3
|
-
"version": "9.23.
|
|
3
|
+
"version": "9.23.21",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.1.0",
|
|
6
6
|
"@angular/core": "^14.1.0",
|
|
7
|
-
"@dereekb/dbx-core": "9.23.
|
|
8
|
-
"@dereekb/dbx-web": "9.23.
|
|
7
|
+
"@dereekb/dbx-core": "9.23.21",
|
|
8
|
+
"@dereekb/dbx-web": "9.23.21",
|
|
9
9
|
"ngx-mapbox-gl": "^9.1.0",
|
|
10
10
|
"mapbox-gl": "^2.9.2",
|
|
11
11
|
"@mapbox/geo-viewport": "git+https://git@github.com/dereekb/geo-viewport#165513972f87dca23a20c177f4d173edc51b5e2f"
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-web",
|
|
3
|
-
"version": "9.23.
|
|
3
|
+
"version": "9.23.21",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.0.0",
|
|
6
6
|
"@angular/core": "^14.0.0",
|
|
7
7
|
"linkify-string": "4.0.0-beta.5",
|
|
8
8
|
"linkifyjs": "^4.0.0-beta.5",
|
|
9
9
|
"@angular/material": "^14.2.0",
|
|
10
|
-
"@dereekb/rxjs": "9.23.
|
|
11
|
-
"@dereekb/dbx-core": "9.23.
|
|
10
|
+
"@dereekb/rxjs": "9.23.21",
|
|
11
|
+
"@dereekb/dbx-core": "9.23.21",
|
|
12
12
|
"change-case": "^4.1.2",
|
|
13
13
|
"@angular/flex-layout": "^14.0.0-beta.41",
|
|
14
14
|
"ng-overlay-container": "^14.0.0",
|
package/table/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-web/table",
|
|
3
|
-
"version": "9.23.
|
|
3
|
+
"version": "9.23.21",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.2.0",
|
|
6
6
|
"@angular/core": "^14.2.0",
|
|
7
|
-
"@dereekb/dbx-core": "9.23.
|
|
7
|
+
"@dereekb/dbx-core": "9.23.21",
|
|
8
8
|
"@angular/material": "^14.2.0",
|
|
9
9
|
"@angular/forms": "^14.2.0",
|
|
10
|
-
"@dereekb/dbx-web": "9.23.
|
|
10
|
+
"@dereekb/dbx-web": "9.23.21"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"tslib": "^2.3.0"
|