@dereekb/dbx-web 9.18.2 → 9.18.3
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 +2 -2
- package/esm2020/lib/layout/section/section.layout.module.mjs +4 -3
- package/esm2020/lib/layout/section/section.page.component.mjs +19 -12
- package/fesm2015/dereekb-dbx-web.mjs +21 -13
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +21 -13
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/lib/layout/section/_section.scss +49 -2
- package/lib/layout/section/section.page.component.d.ts +11 -1
- package/mapbox/package.json +3 -3
- package/package.json +3 -3
|
@@ -15,7 +15,6 @@ $header-left-reserved-space-small-screen: 120px;
|
|
|
15
15
|
@mixin core() {
|
|
16
16
|
// MARK: Header
|
|
17
17
|
.dbx-section-header {
|
|
18
|
-
margin: 0 0 $header-bottom-margin;
|
|
19
18
|
box-sizing: border-box;
|
|
20
19
|
|
|
21
20
|
.dbx-section-header-content {
|
|
@@ -63,6 +62,22 @@ $header-left-reserved-space-small-screen: 120px;
|
|
|
63
62
|
|
|
64
63
|
// MARK: Page
|
|
65
64
|
.dbx-section-page {
|
|
65
|
+
// Scroll Config
|
|
66
|
+
&.dbx-section-page-scroll-header {
|
|
67
|
+
overflow: hidden;
|
|
68
|
+
|
|
69
|
+
.dbx-section-page-content {
|
|
70
|
+
padding-top: $header-bottom-margin;
|
|
71
|
+
height: 100%;
|
|
72
|
+
overflow: auto;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
&.dbx-section-page-scroll-locked {
|
|
77
|
+
overflow: hidden;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
// Header
|
|
66
81
|
> .dbx-section-header {
|
|
67
82
|
height: $content-navbar-height;
|
|
68
83
|
max-height: $content-navbar-height;
|
|
@@ -98,33 +113,65 @@ $header-left-reserved-space-small-screen: 120px;
|
|
|
98
113
|
&.dbx-content-page {
|
|
99
114
|
@include theming.nested-content-height(1);
|
|
100
115
|
|
|
116
|
+
.dbx-section-page-content {
|
|
117
|
+
@include theming.nested-content-height(2);
|
|
118
|
+
}
|
|
119
|
+
|
|
101
120
|
.dbx-section-page {
|
|
102
121
|
&.dbx-content-page {
|
|
103
122
|
@include theming.nested-content-height(2);
|
|
104
123
|
|
|
124
|
+
.dbx-section-page-content {
|
|
125
|
+
@include theming.nested-content-height(3);
|
|
126
|
+
}
|
|
127
|
+
|
|
105
128
|
.dbx-section-page {
|
|
106
129
|
&.dbx-content-page {
|
|
107
130
|
@include theming.nested-content-height(3);
|
|
108
131
|
|
|
132
|
+
.dbx-section-page-content {
|
|
133
|
+
@include theming.nested-content-height(4);
|
|
134
|
+
}
|
|
135
|
+
|
|
109
136
|
.dbx-section-page {
|
|
110
137
|
&.dbx-content-page {
|
|
111
138
|
@include theming.nested-content-height(4);
|
|
112
139
|
|
|
140
|
+
.dbx-section-page-content {
|
|
141
|
+
@include theming.nested-content-height(5);
|
|
142
|
+
}
|
|
143
|
+
|
|
113
144
|
.dbx-section-page {
|
|
114
145
|
&.dbx-content-page {
|
|
115
146
|
@include theming.nested-content-height(5);
|
|
116
147
|
|
|
148
|
+
.dbx-section-page-content {
|
|
149
|
+
@include theming.nested-content-height(6);
|
|
150
|
+
}
|
|
151
|
+
|
|
117
152
|
.dbx-section-page {
|
|
118
153
|
&.dbx-content-page {
|
|
119
154
|
@include theming.nested-content-height(6);
|
|
120
155
|
|
|
156
|
+
.dbx-section-page-content {
|
|
157
|
+
@include theming.nested-content-height(7);
|
|
158
|
+
}
|
|
159
|
+
|
|
121
160
|
.dbx-section-page {
|
|
122
161
|
&.dbx-content-page {
|
|
123
162
|
@include theming.nested-content-height(7);
|
|
124
163
|
|
|
164
|
+
.dbx-section-page-content {
|
|
165
|
+
@include theming.nested-content-height(8);
|
|
166
|
+
}
|
|
167
|
+
|
|
125
168
|
.dbx-section-page {
|
|
126
169
|
&.dbx-content-page {
|
|
127
|
-
@include theming.nested-content-height(
|
|
170
|
+
@include theming.nested-content-height(8);
|
|
171
|
+
|
|
172
|
+
.dbx-section-page-content {
|
|
173
|
+
@include theming.nested-content-height(9);
|
|
174
|
+
}
|
|
128
175
|
}
|
|
129
176
|
}
|
|
130
177
|
}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
import { DbxSectionHeaderComponent } from './section.header.component';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Scroll locking modes.
|
|
5
|
+
*
|
|
6
|
+
* Types:
|
|
7
|
+
* - all: The entire header + body is scrollable
|
|
8
|
+
* - body: The header is locked while the body is scrollable
|
|
9
|
+
* - locked: Overflow is locked and hidden
|
|
10
|
+
*/
|
|
11
|
+
export declare type DbxSectionPageScrollLockedMode = 'all' | 'body' | 'locked';
|
|
3
12
|
/**
|
|
4
13
|
* Component used to style a page that is made up of app sections.
|
|
5
14
|
*
|
|
@@ -8,7 +17,8 @@ import * as i0 from "@angular/core";
|
|
|
8
17
|
* Can be nested within eachother, retaining the proper fixed height.
|
|
9
18
|
*/
|
|
10
19
|
export declare class DbxSectionPageComponent extends DbxSectionHeaderComponent {
|
|
20
|
+
scroll: DbxSectionPageScrollLockedMode;
|
|
11
21
|
hintInline: boolean;
|
|
12
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<DbxSectionPageComponent, never>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionPageComponent, "dbx-section-page", never, { "hintInline": "hintInline"; }, {}, never, ["[sectionHeader]", "*"], false>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionPageComponent, "dbx-section-page", never, { "scroll": "scroll"; "hintInline": "hintInline"; }, {}, never, ["[sectionHeader]", "*"], false>;
|
|
14
24
|
}
|
package/mapbox/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dereekb/dbx-web/mapbox",
|
|
3
|
-
"version": "9.18.
|
|
3
|
+
"version": "9.18.3",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.1.0",
|
|
6
6
|
"@angular/core": "^14.1.0",
|
|
7
|
-
"@dereekb/dbx-core": "9.18.
|
|
8
|
-
"@dereekb/dbx-web": "9.18.
|
|
7
|
+
"@dereekb/dbx-core": "9.18.3",
|
|
8
|
+
"@dereekb/dbx-web": "9.18.3",
|
|
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.18.
|
|
3
|
+
"version": "9.18.3",
|
|
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.18.
|
|
11
|
-
"@dereekb/dbx-core": "9.18.
|
|
10
|
+
"@dereekb/rxjs": "9.18.3",
|
|
11
|
+
"@dereekb/dbx-core": "9.18.3",
|
|
12
12
|
"@angular/flex-layout": "^14.0.0-beta.41",
|
|
13
13
|
"ng-overlay-container": "^14.0.0",
|
|
14
14
|
"@angular/cdk": "^14.2.0",
|