@dereekb/dbx-web 8.11.2 → 8.12.0

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.
Files changed (35) hide show
  1. package/esm2020/lib/extension/calendar/calendar.component.mjs +86 -0
  2. package/esm2020/lib/extension/calendar/calendar.module.mjs +74 -0
  3. package/esm2020/lib/extension/calendar/calendar.store.mjs +107 -0
  4. package/esm2020/lib/extension/calendar/index.mjs +4 -0
  5. package/esm2020/lib/extension/index.mjs +2 -0
  6. package/esm2020/lib/index.mjs +2 -1
  7. package/esm2020/lib/layout/column/two/two.column.component.mjs +6 -7
  8. package/esm2020/lib/layout/column/two/two.column.store.mjs +10 -1
  9. package/fesm2015/dereekb-dbx-web.mjs +260 -9
  10. package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
  11. package/fesm2020/dereekb-dbx-web.mjs +261 -9
  12. package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
  13. package/lib/extension/_extension.scss +38 -0
  14. package/lib/extension/calendar/_calendar.scss +188 -0
  15. package/lib/extension/calendar/calendar.component.d.ts +43 -0
  16. package/lib/extension/calendar/calendar.module.d.ts +22 -0
  17. package/lib/extension/calendar/calendar.store.d.ts +67 -0
  18. package/lib/extension/calendar/index.d.ts +3 -0
  19. package/lib/extension/calendar/style/_angular-calendar.scss +23 -0
  20. package/lib/extension/calendar/style/_variables.scss +76 -0
  21. package/lib/extension/calendar/style/common/calendar-tooltip.scss +113 -0
  22. package/lib/extension/calendar/style/day/calendar-day-view.scss +34 -0
  23. package/lib/extension/calendar/style/month/calendar-month-view.scss +221 -0
  24. package/lib/extension/calendar/style/week/calendar-week-view.scss +377 -0
  25. package/lib/extension/index.d.ts +1 -0
  26. package/lib/index.d.ts +1 -0
  27. package/lib/layout/column/_column.scss +17 -5
  28. package/lib/layout/column/two/two.column.component.d.ts +1 -1
  29. package/lib/layout/column/two/two.column.store.d.ts +15 -0
  30. package/lib/style/_all-core.scss +3 -1
  31. package/lib/style/_all-theme.scss +2 -0
  32. package/lib/style/_all-typography.scss +3 -1
  33. package/lib/style/_config.scss +30 -1
  34. package/lib/style/_core.scss +2 -3
  35. package/package.json +4 -3
package/lib/style/_all-typography.scss CHANGED
@@ -5,13 +5,15 @@
5
5
  @use '../interaction/interaction';
6
6
  @use '../layout/layout';
7
7
  @use '../router/router';
8
+ @use '../extension/extension';
8
9
 
9
10
  // Includes all of the typographic styles.
10
- @mixin all-component-typographies($typography-config) {
11
+ @mixin all-component-typographies($typography-config, $theme-config) {
11
12
  @include button.typography($typography-config);
12
13
  @include error.typography($typography-config);
13
14
  @include action.all-action-typography($typography-config);
14
15
  @include interaction.all-interaction-typography($typography-config);
15
16
  @include layout.all-layout-typography($typography-config);
16
17
  @include router.all-router-typography($typography-config);
18
+ @include extension.all-extension-typography($typography-config, $theme-config);
17
19
  }
package/lib/style/_config.scss CHANGED
@@ -19,13 +19,16 @@
19
19
 
20
20
  $input-dbx-screen-theme-config: map.get($input-dbx-theme-config, 'screen');
21
21
  $input-dbx-layout-theme-config: map.get($input-dbx-theme-config, 'layout');
22
+ $input-dbx-extension-theme-config: map.get($input-dbx-theme-config, 'extension');
22
23
 
23
24
  $dbx-screen: define-dbx-screen-config($input-dbx-screen-theme-config);
24
25
  $dbx-layout: define-dbx-layout-config($input-dbx-layout-theme-config);
26
+ $dbx-extension: define-dbx-extension-config($input-dbx-extension-theme-config);
25
27
 
26
28
  $dbx-theme-config: (
27
29
  'screen': $dbx-screen,
28
- 'layout': $dbx-layout
30
+ 'layout': $dbx-layout,
31
+ 'extension': $dbx-extension
29
32
  );
30
33
 
31
34
  @return map.merge(
@@ -144,3 +147,29 @@
144
147
  @function get-dbx-two-column-left-width($theme-config) {
145
148
  @return get-dbx-layout-config-var($theme-config, 'two-column-left-width');
146
149
  }
150
+
151
+ // extension
152
+ @function define-dbx-extension-config($input-dbx-theme-extension-config: null) {
153
+ $dbx-extension-config: (
154
+ // calendar
155
+ 'calendar': 1 // enabled by default
156
+ );
157
+
158
+ @if ($input-dbx-theme-extension-config != null) {
159
+ $dbx-extension-config: map.merge($dbx-extension-config, $input-dbx-theme-extension-config);
160
+ }
161
+
162
+ @return $dbx-extension-config;
163
+ }
164
+
165
+ @function get-dbx-extension-config($theme-config) {
166
+ @return map.get(get-dbx-theme-config($theme-config), 'extension');
167
+ }
168
+
169
+ @function get-dbx-extension-config-var($theme-config, $item) {
170
+ @return map.get(get-dbx-extension-config($theme-config), $item);
171
+ }
172
+
173
+ @function get-dbx-extension-calendar-enabled($theme-config) {
174
+ @return get-dbx-extension-config-var($theme-config, 'calendar');
175
+ }
package/lib/style/_core.scss CHANGED
@@ -5,13 +5,12 @@
5
5
  @use './config';
6
6
 
7
7
  @mixin core($typography-config, $theme-config: null) {
8
- @include all-core.all-component-core();
9
- @include all-typography.all-component-typographies($typography-config);
10
-
11
8
  // add root variables to body
12
9
  @if ($theme-config == null) {
13
10
  $theme-config: config.define-dbx-theme-config(());
14
11
  }
15
12
 
13
+ @include all-core.all-component-core($theme-config);
14
+ @include all-typography.all-component-typographies($typography-config, $theme-config);
16
15
  @include root-variables.root-variables('body', $theme-config);
17
16
  }
package/package.json CHANGED
@@ -1,12 +1,13 @@
1
1
  {
2
2
  "name": "@dereekb/dbx-web",
3
- "version": "8.11.2",
3
+ "version": "8.12.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^13.0.0",
6
6
  "@angular/core": "^13.0.0",
7
7
  "@angular/material": "^13.0.0",
8
- "@dereekb/rxjs": "8.11.2",
9
- "@dereekb/dbx-core": "8.11.2",
8
+ "@dereekb/rxjs": "8.12.0",
9
+ "@dereekb/dbx-core": "8.12.0",
10
+ "angular-calendar": "^0.29.0",
10
11
  "@angular/flex-layout": "^13.0.0-beta.38",
11
12
  "ng-overlay-container": "^13.0.2",
12
13
  "@angular/cdk": "^13.0.0",