@elderbyte/ngx-starter 20.2.1 → 20.3.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 (5) hide show
  1. package/fesm2022/elderbyte-ngx-starter.mjs +1148 -1169
  2. package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
  3. package/index.d.ts +15 -26
  4. package/package.json +1 -1
  5. package/src/lib/components/navigation/nav/nav-group/elder-nav-group.component.scss +5 -9
package/index.d.ts CHANGED
@@ -13191,43 +13191,38 @@ declare class ElderNavLinkComponent implements OnInit, OnDestroy {
13191
13191
  static ɵcmp: i0.ɵɵComponentDeclaration<ElderNavLinkComponent, "elder-nav-link", never, { "title": { "alias": "title"; "required": false; }; "queryParamsHandling": { "alias": "queryParamsHandling"; "required": false; }; "queryParams": { "alias": "queryParams"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "fontIcon": { "alias": "fontIcon"; "required": false; }; "fontSet": { "alias": "fontSet"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
13192
13192
  }
13193
13193
 
13194
- interface NavGroupState {
13195
- isOpen: boolean;
13196
- }
13197
- declare class ElderNavGroupComponent implements OnInit, OnDestroy {
13194
+ declare class ElderNavGroupComponent implements OnInit {
13195
+ private readonly destroyRef;
13198
13196
  private readonly navList;
13197
+ private childSubscription;
13199
13198
  /***************************************************************************
13200
13199
  * *
13201
13200
  * Fields *
13202
13201
  * *
13203
13202
  **************************************************************************/
13204
- children: QueryList<ElderNavLinkComponent>;
13205
- readonly state$: BehaviorSubject<NavGroupState>;
13206
- readonly clicked: Subject<NavItemClicked>;
13207
- private readonly destroy$;
13208
- private readonly _active$;
13209
- private _value;
13203
+ readonly children: i0.Signal<readonly ElderNavLinkComponent[]>;
13204
+ readonly isOpen: i0.WritableSignal<boolean>;
13205
+ readonly clicked: i0.OutputEmitterRef<NavItemClicked>;
13206
+ private readonly childrenActiveState;
13210
13207
  /***************************************************************************
13211
13208
  * *
13212
- * Constructor *
13209
+ * Computed Properties *
13213
13210
  * *
13214
13211
  **************************************************************************/
13215
- constructor(navList: ElderNavListComponent);
13212
+ readonly active: i0.Signal<boolean>;
13216
13213
  /***************************************************************************
13217
13214
  * *
13218
- * Life Cycle *
13215
+ * Constructor & Effects *
13219
13216
  * *
13220
13217
  **************************************************************************/
13221
- ngOnInit(): void;
13222
- ngOnDestroy(): void;
13218
+ constructor();
13223
13219
  /***************************************************************************
13224
13220
  * *
13225
- * Properties *
13221
+ * Life Cycle *
13226
13222
  * *
13227
13223
  **************************************************************************/
13228
- get active$(): Observable<boolean>;
13229
- set value(v: any);
13230
- get value(): any;
13224
+ ngOnInit(): void;
13225
+ ngOnDestroy(): void;
13231
13226
  /***************************************************************************
13232
13227
  * *
13233
13228
  * Public Api *
@@ -13235,14 +13230,8 @@ declare class ElderNavGroupComponent implements OnInit, OnDestroy {
13235
13230
  **************************************************************************/
13236
13231
  itemClick(event: MouseEvent): void;
13237
13232
  toggle(): void;
13238
- /***************************************************************************
13239
- * *
13240
- * Private methods *
13241
- * *
13242
- **************************************************************************/
13243
- private get isCurrentValueActive();
13244
13233
  static ɵfac: i0.ɵɵFactoryDeclaration<ElderNavGroupComponent, never>;
13245
- static ɵcmp: i0.ɵɵComponentDeclaration<ElderNavGroupComponent, "elder-nav-group", never, { "value": { "alias": "value"; "required": false; }; }, { "clicked": "clicked"; }, ["children"], ["*", "elder-nav-link"], true, never>;
13234
+ static ɵcmp: i0.ɵɵComponentDeclaration<ElderNavGroupComponent, "elder-nav-group", never, {}, { "clicked": "clicked"; }, ["children"], ["*", "elder-nav-link"], true, never>;
13246
13235
  }
13247
13236
 
13248
13237
  declare class ElderNavModule {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elderbyte/ngx-starter",
3
- "version": "20.2.1",
3
+ "version": "20.3.0",
4
4
  "peerDependencies": {
5
5
  "@angular/core": "^20.0.0 || ^21.0.0",
6
6
  "@angular/common": "^20.0.0 || ^21.0.0",
package/src/lib/components/navigation/nav/nav-group/elder-nav-group.component.scss CHANGED
@@ -33,15 +33,11 @@
33
33
  transition: background-color 0.5s;
34
34
  }
35
35
 
36
- // .nav-group-button:not(.nav-group-button-open) {
37
- // .mat-icon {
38
- // color: var(--md-sys-color-on-surface);
39
- // }
40
- // }
41
-
42
36
  .nav-group-button-open {
43
37
  padding-left: 11px !important; // -5 to counter border-left
44
- // .mat-icon {
45
- // color: var(--md-sys-color-primary);
46
- // }
38
+ }
39
+
40
+ .nav-group-button-active:not(.nav-group-button-open) {
41
+ background-color: var(--elder-nav-link-hover-color);
42
+ color: var(--md-sys-color-primary);
47
43
  }