@elderbyte/ngx-starter 19.1.16 → 19.1.18

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 (26) hide show
  1. package/fesm2022/elderbyte-ngx-starter.mjs +21 -13
  2. package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
  3. package/lib/components/data-view/common/elder-data-toolbar/elder-data-toolbar.component.d.ts +1 -1
  4. package/lib/components/navigation/toolbar/elder-toolbar-column.directive.d.ts +4 -0
  5. package/lib/components/time/elder-interval-picker/elder-interval-picker.component.d.ts +1 -1
  6. package/lib/components/time/elder-interval-picker/interval-picker-toggle/elder-interval-picker-toggle.component.d.ts +1 -1
  7. package/lib/components/url-fragment/url-fragment-switcher/elder-url-fragment-switcher.component.d.ts +1 -1
  8. package/package.json +1 -1
  9. package/src/lib/components/button-group/elder-button-group/elder-button-group.component.scss +8 -4
  10. package/src/lib/components/data-view/common/elder-data-toolbar/elder-data-toolbar.component.scss +2 -2
  11. package/src/lib/components/navigation/nav/nav-link/elder-nav-link.component.scss +3 -1
  12. package/src/lib/components/panels/toggle-panel/elder-toggle-panel.component.scss +1 -1
  13. package/src/lib/components/shell/shell/elder-shell.component.scss +1 -1
  14. package/src/lib/components/url-fragment/url-fragment-switcher/elder-url-fragment-switcher.component.scss +4 -0
  15. package/theming/abstracts/_elder-design-tokens.scss +1 -1
  16. package/theming/abstracts/_elder-starter-theme.scss +0 -1
  17. package/theming/abstracts/_elder-theme-main.scss +1 -4
  18. package/theming/base/_elder-fixes-base.scss +1 -1
  19. package/theming/base/_elder-root-base.scss +29 -29
  20. package/theming/components/_elder-select-theme.scss +1 -2
  21. package/theming/components/_elder-table-theme.scss +1 -1
  22. package/theming/components/_elder-toolbar-theme.scss +0 -7
  23. package/theming/utilities/_elder-color-utils.scss +1 -1
  24. package/theming/utilities/_elder-common-utils.scss +1 -1
  25. package/theming/utilities/_elder-flex-layout-utils.scss +1 -1
  26. package/theming/utilities/_elder-typography-utils.scss +60 -60
package/lib/components/data-view/common/elder-data-toolbar/elder-data-toolbar.component.d.ts CHANGED
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
7
7
  export type ElderToolbarContentSlot = 'main' | 'left' | 'left.actions' | 'center' | 'right' | 'right.actions' | 'right.menu';
8
8
  /**
9
9
  * This directive projects content identified by a placeholder id
10
- * into the toolbar at the corresponding place.
10
+ * into the elder-data-toolbar at the corresponding ElderToolbarContentSlot.
11
11
  */
12
12
  export declare class ElderToolbarContentDirective {
13
13
  templateRef: TemplateRef<any>;
package/lib/components/navigation/toolbar/elder-toolbar-column.directive.d.ts CHANGED
@@ -2,6 +2,10 @@ import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
2
2
  import { ElderToolbarService } from './elder-toolbar.service';
3
3
  import { ToolbarColumnPosition } from './toolbar-column-position';
4
4
  import * as i0 from "@angular/core";
5
+ /**
6
+ * This directive projects content identified by a placeholder id
7
+ * into the elder-toolbar at the corresponding ToolbarColumnPosition.
8
+ */
5
9
  export declare class ElderToolbarColumnDirective implements OnInit, OnDestroy {
6
10
  private toolbarService;
7
11
  templateRef: TemplateRef<any>;
package/lib/components/time/elder-interval-picker/elder-interval-picker.component.d.ts CHANGED
@@ -18,7 +18,7 @@ export declare class ElderIntervalPickerComponent {
18
18
  readonly controller: IntervalController;
19
19
  readonly presenter: IntervalPickerPresenter;
20
20
  readonly intervalChange: Observable<Interval | IsoIntervalStr | null>;
21
- readonly emitType: import("@angular/core").InputSignal<"iso" | "interval">;
21
+ readonly emitType: import("@angular/core").InputSignal<"interval" | "iso">;
22
22
  readonly autoEmitMode: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
23
23
  readonly intervalInputMode: import("@angular/core").InputSignal<IntervalInputMode>;
24
24
  readonly showAnchor: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
package/lib/components/time/elder-interval-picker/interval-picker-toggle/elder-interval-picker-toggle.component.d.ts CHANGED
@@ -13,7 +13,7 @@ export declare class ElderIntervalPickerToggleComponent {
13
13
  private readonly log;
14
14
  connectedIntervalInput: ElderIntervalInputComponent;
15
15
  readonly intervalInputMode: import("@angular/core").WritableSignal<IntervalInputMode>;
16
- readonly emitType: import("@angular/core").WritableSignal<"iso" | "interval">;
16
+ readonly emitType: import("@angular/core").WritableSignal<"interval" | "iso">;
17
17
  readonly externalInterval: import("@angular/core").WritableSignal<Interval>;
18
18
  showAnchor: import("@angular/core").InputSignal<boolean>;
19
19
  anchorReadOnly: import("@angular/core").InputSignal<boolean>;
package/lib/components/url-fragment/url-fragment-switcher/elder-url-fragment-switcher.component.d.ts CHANGED
@@ -9,7 +9,7 @@ export declare class ElderUrlFragmentSwitcherComponent implements OnInit {
9
9
  * Fields *
10
10
  * *
11
11
  **************************************************************************/
12
- readonly disable: boolean;
12
+ disable: boolean;
13
13
  urlFragments: ElderUrlFragment[];
14
14
  urlRegex: RegExp;
15
15
  regexArrayIndex: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elderbyte/ngx-starter",
3
- "version": "19.1.16",
3
+ "version": "19.1.18",
4
4
  "peerDependencies": {
5
5
  "@angular/core": "^18.0.0 || ^19.0.0",
6
6
  "@angular/common": "^18.0.0 || ^19.0.0",
package/src/lib/components/button-group/elder-button-group/elder-button-group.component.scss CHANGED
@@ -1,7 +1,10 @@
1
+ $radius: var(--mdc-filled-button-container-shape);
2
+
1
3
  .elder-button-group {
2
4
  button {
3
- padding: 0 8px 0 8px;
4
5
  border: var(--elder-border-light);
6
+ border-width: 0 !important;
7
+ min-width: 60px !important;
5
8
  }
6
9
 
7
10
  button:not(:first-child):not(:last-child) {
@@ -10,15 +13,16 @@
10
13
  }
11
14
 
12
15
  button:first-child:not(:last-child) {
13
- border-radius: var(--elder-border-radius-sm) 0 0 var(--elder-border-radius-sm);
16
+ border-radius: $radius 0 0 $radius;
17
+ border-right: 0;
14
18
  }
15
19
 
16
20
  button:last-child:not(:first-child) {
17
- border-radius: 0 4px 4px 0;
21
+ border-radius: 0 $radius $radius 0;
18
22
  border-left: 0;
19
23
  }
20
24
 
21
25
  button:last-child:first-child {
22
- border-radius: var(--elder-border-radius-sm);
26
+ border-radius: $radius;
23
27
  }
24
28
  }
package/src/lib/components/data-view/common/elder-data-toolbar/elder-data-toolbar.component.scss CHANGED
@@ -1,3 +1,3 @@
1
1
  :host {
2
- display: block;
3
- }
2
+ display: block;
3
+ }
package/src/lib/components/navigation/nav/nav-link/elder-nav-link.component.scss CHANGED
@@ -5,7 +5,9 @@
5
5
  min-height: var(--elder-nav-item-height);
6
6
  border-radius: var(--elder-border-radius-sm);
7
7
  overflow: hidden;
8
- transition: background-color 0.5s, color 0.5s;
8
+ transition:
9
+ background-color 0.5s,
10
+ color 0.5s;
9
11
  }
10
12
 
11
13
  .nav-link .mat-icon {
package/src/lib/components/panels/toggle-panel/elder-toggle-panel.component.scss CHANGED
@@ -1,3 +1,3 @@
1
1
  :host(.elder-main-nav-panel) {
2
- background-color: var(--elder-main-nav-bg) !important; // main nav bg color
2
+ background-color: var(--elder-main-nav-bg) !important; // main nav bg color
3
3
  }
package/src/lib/components/shell/shell/elder-shell.component.scss CHANGED
@@ -38,4 +38,4 @@ mat-sidenav-container {
38
38
  width: var(--mdc-icon-button-icon-size);
39
39
  filter: brightness(1.09) saturate(1.07);
40
40
  }
41
- }
41
+ }
package/src/lib/components/url-fragment/url-fragment-switcher/elder-url-fragment-switcher.component.scss CHANGED
@@ -19,3 +19,7 @@
19
19
  padding-bottom: 14px;
20
20
  color: black;
21
21
  }
22
+
23
+ .status-button.status-button .caption {
24
+ color: rgb(245, 245, 245) !important;
25
+ }
package/theming/abstracts/_elder-design-tokens.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  @include elder-badge-sizing();
7
7
 
8
8
  @include m3-color-tokens();
9
-
9
+
10
10
  &.elder-light-theme,
11
11
  &.elder-dark-theme {
12
12
  --md-sys-color-background: var(--md-sys-color-surface-container);
package/theming/abstracts/_elder-starter-theme.scss CHANGED
@@ -18,7 +18,6 @@
18
18
  @use '../components/elder-table-theme' as elder-table;
19
19
  @use '../components/elder-scrollbar-theme' as elder-scrollbar;
20
20
 
21
-
22
21
  // Create a theme.
23
22
  @mixin starter-theme($theme) {
24
23
  $theme: elder-set-defaults-fn.validate-and-set-defaults($theme);
package/theming/abstracts/_elder-theme-main.scss CHANGED
@@ -68,10 +68,7 @@
68
68
  $dark-theme: _elder-define-theme(dark, $_primary, $_tertiary, $density);
69
69
  $dark-theme-mono: _elder-define-theme(dark, $_tertiary, $_tertiary, $density);
70
70
 
71
- @return (
72
- light: $light-theme,
73
- dark: $dark-theme,
74
- );
71
+ @return (light: $light-theme, dark: $dark-theme);
75
72
  }
76
73
 
77
74
  @function _elder-define-theme($theme-type, $primary, $tertiary, $density: 0) {
package/theming/base/_elder-fixes-base.scss CHANGED
@@ -92,7 +92,7 @@
92
92
  .mat-mdc-icon-button[disabled],
93
93
  .mat-mdc-icon-button.mat-mdc-button-disabled {
94
94
  opacity: 0.5;
95
- };
95
+ }
96
96
 
97
97
  // mat-slide-toggle label color inherit from parent context
98
98
  .mat-mdc-slide-toggle .mat-internal-form-field {
package/theming/base/_elder-root-base.scss CHANGED
@@ -5,36 +5,36 @@
5
5
  * *
6
6
  **************************************************************************/
7
7
 
8
- *,
9
- *::before,
10
- *::after {
11
- box-sizing: border-box;
12
- }
13
-
14
- /***************************************************************************
8
+ *,
9
+ *::before,
10
+ *::after {
11
+ box-sizing: border-box;
12
+ }
13
+
14
+ /***************************************************************************
15
15
  * *
16
16
  * Common Baseline styling *
17
17
  * *
18
18
  **************************************************************************/
19
-
20
- html,
21
- body {
22
- min-height: 100vh;
23
- margin: 0;
24
- width: 100%;
25
- height: 100%;
26
- }
27
-
28
- body {
29
- font-family: 'Roboto', sans-serif;
30
- overflow: hidden;
31
- position: fixed;
32
- }
33
-
34
- // Helps fonts on OSX looks more consistent with other systems
35
- // Isn't currently in button styles due to performance concerns
36
- * {
37
- -webkit-font-smoothing: antialiased;
38
- -moz-osx-font-smoothing: grayscale;
39
- }
40
- }
19
+
20
+ html,
21
+ body {
22
+ min-height: 100vh;
23
+ margin: 0;
24
+ width: 100%;
25
+ height: 100%;
26
+ }
27
+
28
+ body {
29
+ font-family: 'Roboto', sans-serif;
30
+ overflow: hidden;
31
+ position: fixed;
32
+ }
33
+
34
+ // Helps fonts on OSX looks more consistent with other systems
35
+ // Isn't currently in button styles due to performance concerns
36
+ * {
37
+ -webkit-font-smoothing: antialiased;
38
+ -moz-osx-font-smoothing: grayscale;
39
+ }
40
+ }
package/theming/components/_elder-select-theme.scss CHANGED
@@ -1,10 +1,9 @@
1
1
  @use 'sass:map';
2
2
  @use '@angular/material' as mat;
3
3
 
4
-
5
4
  @mixin theme($config-or-theme) {
6
5
  $line-height-em: var(--md-sys-typescale-body-medium-line-height);
7
-
6
+
8
7
  // typography ----------------------------------------------------------
9
8
  $icon-size: 16px;
10
9
  $arrow-icon-size: 24px;
package/theming/components/_elder-table-theme.scss CHANGED
@@ -206,4 +206,4 @@
206
206
  }
207
207
  }
208
208
  }
209
- }
209
+ }
package/theming/components/_elder-toolbar-theme.scss CHANGED
@@ -76,11 +76,4 @@
76
76
  }
77
77
  }
78
78
  }
79
-
80
- // chip in toolbar fix (used by ordinem)
81
- .mat-toolbar {
82
- .mat-mdc-chip {
83
- background-color: rgba(255,255,255,0.5);
84
- }
85
- }
86
79
  }
package/theming/utilities/_elder-color-utils.scss CHANGED
@@ -52,6 +52,7 @@
52
52
  );
53
53
 
54
54
  // background colors
55
+ .bg-pane,
55
56
  .elder-pane-bg-color {
56
57
  background-color: var(--elder-pane-bg-color);
57
58
  }
@@ -86,7 +87,6 @@
86
87
  background-color: var(--elder-color-highlight-variant);
87
88
  }
88
89
 
89
-
90
90
  // text colors
91
91
  @each $name, $value in $color-variables {
92
92
  .text-color-#{$name} {
package/theming/utilities/_elder-common-utils.scss CHANGED
@@ -61,7 +61,7 @@
61
61
  -webkit-touch-callout: none; /* iOS Safari */
62
62
  user-select: none;
63
63
  }
64
-
64
+
65
65
  .outlined {
66
66
  border: 1px solid var(--md-sys-color-outline-variant);
67
67
  }
package/theming/utilities/_elder-flex-layout-utils.scss CHANGED
@@ -322,7 +322,7 @@ $media: (
322
322
  * *
323
323
  **************************************************************************/
324
324
 
325
- .max-w-100 {
325
+ .max-w-100 {
326
326
  max-width: 100%;
327
327
  }
328
328
 
package/theming/utilities/_elder-typography-utils.scss CHANGED
@@ -1,61 +1,61 @@
1
1
  @mixin elder-typography-utils() {
2
- .text-display-large {
3
- font: var(--md-sys-typescale-display-large);
4
- }
5
-
6
- .text-display-medium {
7
- font: var(--md-sys-typescale-display-medium);
8
- }
9
-
10
- .text-display-small {
11
- font: var(--md-sys-typescale-display-small);
12
- }
13
-
14
- .text-headline-large {
15
- font: var(--md-sys-typescale-headline-large);
16
- }
17
-
18
- .text-headline-medium {
19
- font: var(--md-sys-typescale-headline-medium);
20
- }
21
-
22
- .text-headline-small {
23
- font: var(--md-sys-typescale-headline-small);
24
- }
25
-
26
- .text-title-large {
27
- font: var(--md-sys-typescale-title-large);
28
- }
29
-
30
- .text-title-medium {
31
- font: var(--md-sys-typescale-title-medium);
32
- }
33
-
34
- .text-title-small {
35
- font: var(--md-sys-typescale-title-small);
36
- }
37
-
38
- .text-label-large {
39
- font: var(--md-sys-typescale-label-large);
40
- }
41
-
42
- .text-label-medium {
43
- font: var(--md-sys-typescale-label-medium);
44
- }
45
-
46
- .text-label-small {
47
- font: var(--md-sys-typescale-label-small);
48
- }
49
-
50
- .text-body-large {
51
- font: var(--md-sys-typescale-body-large);
52
- }
53
-
54
- .text-body-medium {
55
- font: var(--md-sys-typescale-body-medium);
56
- }
57
-
58
- .text-body-small {
59
- font: var(--md-sys-typescale-body-small);
60
- }
61
- }
2
+ .text-display-large {
3
+ font: var(--md-sys-typescale-display-large);
4
+ }
5
+
6
+ .text-display-medium {
7
+ font: var(--md-sys-typescale-display-medium);
8
+ }
9
+
10
+ .text-display-small {
11
+ font: var(--md-sys-typescale-display-small);
12
+ }
13
+
14
+ .text-headline-large {
15
+ font: var(--md-sys-typescale-headline-large);
16
+ }
17
+
18
+ .text-headline-medium {
19
+ font: var(--md-sys-typescale-headline-medium);
20
+ }
21
+
22
+ .text-headline-small {
23
+ font: var(--md-sys-typescale-headline-small);
24
+ }
25
+
26
+ .text-title-large {
27
+ font: var(--md-sys-typescale-title-large);
28
+ }
29
+
30
+ .text-title-medium {
31
+ font: var(--md-sys-typescale-title-medium);
32
+ }
33
+
34
+ .text-title-small {
35
+ font: var(--md-sys-typescale-title-small);
36
+ }
37
+
38
+ .text-label-large {
39
+ font: var(--md-sys-typescale-label-large);
40
+ }
41
+
42
+ .text-label-medium {
43
+ font: var(--md-sys-typescale-label-medium);
44
+ }
45
+
46
+ .text-label-small {
47
+ font: var(--md-sys-typescale-label-small);
48
+ }
49
+
50
+ .text-body-large {
51
+ font: var(--md-sys-typescale-body-large);
52
+ }
53
+
54
+ .text-body-medium {
55
+ font: var(--md-sys-typescale-body-medium);
56
+ }
57
+
58
+ .text-body-small {
59
+ font: var(--md-sys-typescale-body-small);
60
+ }
61
+ }