@dereekb/dbx-web 9.15.4 → 9.15.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/esm2020/lib/layout/section/section.component.mjs +6 -6
- package/esm2020/lib/layout/section/section.header.component.mjs +28 -3
- package/esm2020/lib/layout/section/section.mjs +1 -1
- package/esm2020/lib/layout/section/section.page.component.mjs +1 -1
- package/esm2020/lib/layout/section/subsection.component.mjs +4 -4
- package/fesm2015/dereekb-dbx-web.mjs +36 -11
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +36 -11
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/lib/layout/section/_section.scss +25 -5
- package/lib/layout/section/section.d.ts +9 -0
- package/lib/layout/section/section.header.component.d.ts +5 -3
- package/mapbox/package.json +3 -3
- package/package.json +3 -3
|
@@ -7,7 +7,7 @@ $content-navbar-height: theming.$content-navbar-height;
|
|
|
7
7
|
|
|
8
8
|
$page-h1-height: 32px;
|
|
9
9
|
|
|
10
|
-
$header-bottom-
|
|
10
|
+
$header-bottom-margin: 16px;
|
|
11
11
|
$header-left-reserved-space: 200px;
|
|
12
12
|
$header-left-reserved-space-small-screen: 120px;
|
|
13
13
|
|
|
@@ -15,7 +15,7 @@ $header-left-reserved-space-small-screen: 120px;
|
|
|
15
15
|
@mixin core() {
|
|
16
16
|
// MARK: Header
|
|
17
17
|
.dbx-section-header {
|
|
18
|
-
|
|
18
|
+
margin: 0 0 $header-bottom-margin;
|
|
19
19
|
box-sizing: border-box;
|
|
20
20
|
|
|
21
21
|
.dbx-section-header-content {
|
|
@@ -24,10 +24,18 @@ $header-left-reserved-space-small-screen: 120px;
|
|
|
24
24
|
h3,
|
|
25
25
|
h4,
|
|
26
26
|
h5 {
|
|
27
|
-
padding-top:
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
padding-top: 4px;
|
|
28
|
+
padding-bottom: 1px;
|
|
29
|
+
min-height: $page-h1-height;
|
|
30
|
+
display: inline-flex;
|
|
31
|
+
align-items: center;
|
|
30
32
|
margin: 0;
|
|
33
|
+
overflow: hidden;
|
|
34
|
+
|
|
35
|
+
> .mat-icon {
|
|
36
|
+
padding-right: 2px;
|
|
37
|
+
padding-bottom: 2px;
|
|
38
|
+
}
|
|
31
39
|
}
|
|
32
40
|
|
|
33
41
|
display: flex;
|
|
@@ -35,6 +43,18 @@ $header-left-reserved-space-small-screen: 120px;
|
|
|
35
43
|
}
|
|
36
44
|
}
|
|
37
45
|
|
|
46
|
+
.dbx-section-header-strict {
|
|
47
|
+
.dbx-section-header-content {
|
|
48
|
+
h1,
|
|
49
|
+
h2,
|
|
50
|
+
h3,
|
|
51
|
+
h4,
|
|
52
|
+
h5 {
|
|
53
|
+
height: $page-h1-height;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
38
58
|
.dbx-section-hint,
|
|
39
59
|
.dbx-section-hint-inline {
|
|
40
60
|
margin: 0;
|
|
@@ -1 +1,10 @@
|
|
|
1
|
+
import { Maybe } from '@dereekb/util';
|
|
1
2
|
export declare type DbxSectionHeaderHType = 1 | 2 | 3 | 4 | 5;
|
|
3
|
+
export interface DbxSectionHeaderConfig {
|
|
4
|
+
h?: Maybe<DbxSectionHeaderHType>;
|
|
5
|
+
header?: Maybe<string>;
|
|
6
|
+
onlyHeader?: Maybe<boolean>;
|
|
7
|
+
icon?: Maybe<string>;
|
|
8
|
+
hint?: Maybe<string>;
|
|
9
|
+
hintInline?: Maybe<boolean>;
|
|
10
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Maybe } from '@dereekb/util';
|
|
2
|
-
import { DbxSectionHeaderHType } from './section';
|
|
2
|
+
import { DbxSectionHeaderConfig, DbxSectionHeaderHType } from './section';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
/**
|
|
5
5
|
* Component used to style a section's header.
|
|
@@ -7,11 +7,13 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
export declare class DbxSectionHeaderComponent {
|
|
8
8
|
h?: Maybe<DbxSectionHeaderHType>;
|
|
9
9
|
header?: Maybe<string>;
|
|
10
|
-
onlyHeader
|
|
10
|
+
onlyHeader?: Maybe<boolean>;
|
|
11
11
|
icon?: Maybe<string>;
|
|
12
12
|
hint?: Maybe<string>;
|
|
13
13
|
hintInline?: Maybe<boolean>;
|
|
14
|
+
constructor();
|
|
15
|
+
set headerConfig(headerConfig: Maybe<DbxSectionHeaderConfig>);
|
|
14
16
|
get showTitle(): boolean;
|
|
15
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxSectionHeaderComponent, never>;
|
|
16
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionHeaderComponent, "dbx-section-header,.dbx-section-header", never, { "h": "h"; "header": "header"; "onlyHeader": "onlyHeader"; "icon": "icon"; "hint": "hint"; "hintInline": "hintInline"; }, {}, never, ["*"], false>;
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionHeaderComponent, "dbx-section-header,.dbx-section-header", never, { "h": "h"; "header": "header"; "onlyHeader": "onlyHeader"; "icon": "icon"; "hint": "hint"; "hintInline": "hintInline"; "headerConfig": "headerConfig"; }, {}, never, ["*"], false>;
|
|
17
19
|
}
|
package/mapbox/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-web/mapbox",
|
|
3
|
-
"version": "9.15.
|
|
3
|
+
"version": "9.15.6",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.1.0",
|
|
6
6
|
"@angular/core": "^14.1.0",
|
|
7
|
-
"@dereekb/dbx-core": "9.15.
|
|
8
|
-
"@dereekb/dbx-web": "9.15.
|
|
7
|
+
"@dereekb/dbx-core": "9.15.6",
|
|
8
|
+
"@dereekb/dbx-web": "9.15.6",
|
|
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.15.
|
|
3
|
+
"version": "9.15.6",
|
|
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.0.0",
|
|
10
|
-
"@dereekb/rxjs": "9.15.
|
|
11
|
-
"@dereekb/dbx-core": "9.15.
|
|
10
|
+
"@dereekb/rxjs": "9.15.6",
|
|
11
|
+
"@dereekb/dbx-core": "9.15.6",
|
|
12
12
|
"angular-calendar": "^0.30.1",
|
|
13
13
|
"@angular/flex-layout": "^14.0.0-beta.40",
|
|
14
14
|
"ng-overlay-container": "^14.0.0",
|