@ndwnu/design-system 1.0.3 → 1.0.4

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 (56) hide show
  1. package/components/alert/alert.component.d.ts +13 -0
  2. package/components/alert/alert.model.d.ts +6 -0
  3. package/components/alert/index.d.ts +2 -0
  4. package/components/breadcrumb/breadcrumb.component.d.ts +8 -0
  5. package/components/breadcrumb/index.d.ts +1 -0
  6. package/components/breadcrumb-group/breadcrumb-group.component.d.ts +7 -0
  7. package/components/breadcrumb-group/index.d.ts +1 -0
  8. package/components/dropdown/dropdown.component.d.ts +1 -1
  9. package/components/form-field/checkbox/checkbox.component.d.ts +1 -2
  10. package/components/form-field/input/input.directive.d.ts +6 -0
  11. package/components/form-field/radio-button/radio-button.component.d.ts +7 -4
  12. package/components/form-field/radio-group/radio-group.component.d.ts +9 -1
  13. package/components/icon/icon.component.d.ts +9 -6
  14. package/components/icon/index.d.ts +0 -2
  15. package/components/index.d.ts +5 -2
  16. package/components/main-navigation/main-navigation.model.d.ts +1 -0
  17. package/components/main-navigation-menu/main-navigation-menu.component.d.ts +1 -3
  18. package/components/router-breadcrumbs/index.d.ts +1 -0
  19. package/components/router-breadcrumbs/router-breadcrumbs.component.d.ts +15 -0
  20. package/core/styles/ndw-styles.scss +154 -102
  21. package/core/styles/nwb-styles.scss +116 -96
  22. package/esm2022/components/alert/alert.component.mjs +34 -0
  23. package/esm2022/components/alert/alert.model.mjs +8 -0
  24. package/esm2022/components/alert/index.mjs +3 -0
  25. package/esm2022/components/badge/badge.component.mjs +2 -2
  26. package/esm2022/components/breadcrumb/breadcrumb.component.mjs +15 -0
  27. package/esm2022/components/breadcrumb/index.mjs +2 -0
  28. package/esm2022/components/breadcrumb-group/breadcrumb-group.component.mjs +21 -0
  29. package/esm2022/components/breadcrumb-group/index.mjs +2 -0
  30. package/esm2022/components/collapsible/collapsible.component.mjs +3 -3
  31. package/esm2022/components/dropdown/dropdown.component.mjs +4 -4
  32. package/esm2022/components/form-field/checkbox/checkbox.component.mjs +4 -11
  33. package/esm2022/components/form-field/error/error.component.mjs +3 -3
  34. package/esm2022/components/form-field/form-field.component.mjs +5 -5
  35. package/esm2022/components/form-field/info/info.component.mjs +2 -2
  36. package/esm2022/components/form-field/input/input.directive.mjs +33 -2
  37. package/esm2022/components/form-field/radio-button/radio-button.component.mjs +28 -10
  38. package/esm2022/components/form-field/radio-group/radio-group.component.mjs +45 -5
  39. package/esm2022/components/icon/icon.component.mjs +31 -16
  40. package/esm2022/components/icon/index.mjs +1 -3
  41. package/esm2022/components/index.mjs +6 -3
  42. package/esm2022/components/main-navigation/main-navigation.component.mjs +3 -3
  43. package/esm2022/components/main-navigation/main-navigation.model.mjs +1 -1
  44. package/esm2022/components/main-navigation-menu/main-navigation-menu.component.mjs +4 -8
  45. package/esm2022/components/router-breadcrumbs/index.mjs +2 -0
  46. package/esm2022/components/router-breadcrumbs/router-breadcrumbs.component.mjs +37 -0
  47. package/esm2022/components/tab/tab.component.mjs +2 -2
  48. package/esm2022/components/tooltip/tooltip.component.mjs +2 -2
  49. package/fesm2022/ndwnu-design-system.mjs +326 -160
  50. package/fesm2022/ndwnu-design-system.mjs.map +1 -1
  51. package/package.json +4 -7
  52. package/assets/icons/icons.json +0 -878
  53. package/components/icon/icon.model.d.ts +0 -5
  54. package/components/icon/icon.service.d.ts +0 -9
  55. package/esm2022/components/icon/icon.model.mjs +0 -2
  56. package/esm2022/components/icon/icon.service.mjs +0 -26
@@ -0,0 +1,13 @@
1
+ import { AlertType } from './alert.model';
2
+ import * as i0 from "@angular/core";
3
+ export declare class AlertComponent {
4
+ actionable: import("@angular/core").InputSignal<boolean>;
5
+ title: import("@angular/core").InputSignal<string | undefined>;
6
+ type: import("@angular/core").InputSignal<AlertType>;
7
+ close: import("@angular/core").OutputEmitterRef<void>;
8
+ get alertTypeClass(): string;
9
+ get actionableClass(): boolean;
10
+ onClose(): void;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "ndw-alert", never, { "actionable": { "alias": "actionable"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["*"], true, never>;
13
+ }
@@ -0,0 +1,6 @@
1
+ export declare enum AlertType {
2
+ Negative = "critical",
3
+ Info = "info",
4
+ InfoGrey = "info-grey",
5
+ Warning = "warning"
6
+ }
@@ -0,0 +1,2 @@
1
+ export * from './alert.component';
2
+ export * from './alert.model';
@@ -0,0 +1,8 @@
1
+ import { TemplateRef } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class BreadcrumbComponent {
4
+ link: import("@angular/core").InputSignal<string | null>;
5
+ content: import("@angular/core").Signal<TemplateRef<unknown>>;
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "ndw-breadcrumb", never, { "link": { "alias": "link"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
8
+ }
@@ -0,0 +1 @@
1
+ export * from './breadcrumb.component';
@@ -0,0 +1,7 @@
1
+ import { BreadcrumbComponent } from '../breadcrumb/breadcrumb.component';
2
+ import * as i0 from "@angular/core";
3
+ export declare class BreadcrumbGroupComponent {
4
+ protected breadcrumbs: import("@angular/core").Signal<readonly BreadcrumbComponent[]>;
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbGroupComponent, never>;
6
+ static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbGroupComponent, "ndw-breadcrumb-group", never, {}, {}, ["breadcrumbs"], never, true, never>;
7
+ }
@@ -0,0 +1 @@
1
+ export * from './breadcrumb-group.component';
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
3
3
  export declare class DropdownComponent {
4
4
  readonly disabled: import("@angular/core").InputSignal<boolean>;
5
5
  readonly dropdownTrigger: import("@angular/core").Signal<DropdownTriggerDirective>;
6
- readonly buttonIcon: import("@angular/core").Signal<"chevron-up" | "chevron-down">;
6
+ readonly buttonIcon: import("@angular/core").Signal<"keyboard_arrow_up" | "keyboard_arrow_down">;
7
7
  readonly buttonText: import("@angular/core").InputSignal<string>;
8
8
  static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
9
9
  static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ndw-dropdown", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "buttonText": { "alias": "buttonText"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -7,7 +7,6 @@ export declare class CheckboxComponent implements ControlValueAccessor {
7
7
  error: import("@angular/core").InputSignal<boolean>;
8
8
  indeterminate: import("@angular/core").InputSignal<boolean>;
9
9
  required: import("@angular/core").InputSignal<boolean>;
10
- switched: import("@angular/core").ModelSignal<boolean>;
11
10
  uuid: `${string}-${string}-${string}-${string}-${string}`;
12
11
  get checkedClass(): boolean;
13
12
  get disabledClass(): boolean;
@@ -19,5 +18,5 @@ export declare class CheckboxComponent implements ControlValueAccessor {
19
18
  registerOnChange(fn: (value: boolean) => void): void;
20
19
  registerOnTouched(): void;
21
20
  static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
22
- static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ndw-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "switch": { "alias": "switch"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "switched": { "alias": "switched"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "switched": "switchedChange"; }, never, ["*"], true, never>;
21
+ static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ndw-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "switch": { "alias": "switch"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
23
22
  }
@@ -1,4 +1,5 @@
1
1
  import { OnInit } from '@angular/core';
2
+ import { AbstractControl } from '@angular/forms';
2
3
  import * as i0 from "@angular/core";
3
4
  export declare class InputDirective implements OnInit {
4
5
  set disabled(disabled: boolean);
@@ -6,8 +7,13 @@ export declare class InputDirective implements OnInit {
6
7
  set id(id: string);
7
8
  private readonly elementRef;
8
9
  private readonly destroyRef;
10
+ private readonly ngControl;
9
11
  get element(): HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
12
+ get control(): AbstractControl | null;
10
13
  ngOnInit(): void;
14
+ private setChangedAttribute;
15
+ private setSelectPlaceholderAttribute;
16
+ private updateRequiredAttribute;
11
17
  static ɵfac: i0.ɵɵFactoryDeclaration<InputDirective, never>;
12
18
  static ɵdir: i0.ɵɵDirectiveDeclaration<InputDirective, "input[ndwInput], select[ndwInput], textarea[ndwInput]", never, {}, {}, never, never, true, never>;
13
19
  }
@@ -2,21 +2,24 @@ import { ControlValueAccessor } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class RadioButtonComponent implements ControlValueAccessor {
4
4
  checked: import("@angular/core").ModelSignal<boolean>;
5
- disabled: import("@angular/core").InputSignal<boolean>;
5
+ disabled: import("@angular/core").ModelSignal<boolean>;
6
6
  error: import("@angular/core").InputSignal<boolean>;
7
7
  name: import("@angular/core").ModelSignal<string>;
8
8
  required: import("@angular/core").InputSignal<boolean>;
9
- inputElement: import("@angular/core").Signal<HTMLInputElement | undefined>;
9
+ value: import("@angular/core").ModelSignal<unknown>;
10
10
  uuid: `${string}-${string}-${string}-${string}-${string}`;
11
11
  get checkedClass(): boolean;
12
12
  get disabledClass(): boolean;
13
13
  get tabindexAttr(): number;
14
+ get roleAttr(): string;
15
+ get ariaCheckedAttr(): boolean;
16
+ get ariaDisabledAttr(): boolean;
14
17
  onClick(): void;
15
18
  onKeyDown(event: KeyboardEvent): void;
16
- get input(): HTMLInputElement | undefined;
17
19
  writeValue(value: boolean): void;
18
20
  registerOnChange(fn: (value: boolean) => void): void;
19
21
  registerOnTouched(): void;
22
+ setDisabledState?(isDisabled: boolean): void;
20
23
  static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
21
- static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ndw-radio-button", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "name": "nameChange"; }, never, ["*"], true, never>;
24
+ static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ndw-radio-button", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "name": "nameChange"; "value": "valueChange"; }, never, ["*"], true, never>;
22
25
  }
@@ -1,11 +1,19 @@
1
1
  import { AfterContentInit } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
2
3
  import { RadioButtonComponent } from '../radio-button';
3
4
  import * as i0 from "@angular/core";
4
- export declare class RadioGroupComponent implements AfterContentInit {
5
+ export declare class RadioGroupComponent implements AfterContentInit, ControlValueAccessor {
5
6
  radioButtons: import("@angular/core").Signal<readonly RadioButtonComponent[]>;
6
7
  private uuid;
8
+ private onChange;
9
+ get role(): string;
7
10
  ngAfterContentInit(): void;
11
+ writeValue(value: unknown): void;
12
+ registerOnChange(fn: (value: unknown) => void): void;
13
+ registerOnTouched(): void;
14
+ setDisabledState?(isDisabled: boolean): void;
8
15
  private setRadioButtonsName;
16
+ private handleCheckedChange;
9
17
  static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
10
18
  static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "ndw-radio-group", never, {}, {}, ["radioButtons"], ["*"], true, never>;
11
19
  }
@@ -1,11 +1,14 @@
1
+ import { OnInit } from '@angular/core';
1
2
  import * as i0 from "@angular/core";
2
- export declare class IconComponent {
3
- name: import("@angular/core").InputSignal<string>;
3
+ export declare class IconComponent implements OnInit {
4
+ private readonly elementRef;
5
+ private readonly renderer;
4
6
  interactive: import("@angular/core").InputSignal<boolean>;
7
+ protected iconClass: string;
5
8
  protected get interactiveClass(): boolean;
6
- private readonly elementRef;
7
- private readonly iconService;
8
- constructor();
9
+ protected get role(): string;
10
+ protected get tabIndex(): number;
11
+ ngOnInit(): void;
9
12
  static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "ndw-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "ndw-icon", never, { "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
11
14
  }
@@ -1,3 +1 @@
1
1
  export * from './icon.component';
2
- export * from './icon.model';
3
- export * from './icon.service';
@@ -1,5 +1,8 @@
1
1
  export * from './accordion';
2
+ export * from './alert';
2
3
  export * from './badge';
4
+ export * from './breadcrumb';
5
+ export * from './breadcrumb-group';
3
6
  export * from './button';
4
7
  export * from './card';
5
8
  export * from './collapsible';
@@ -7,9 +10,9 @@ export * from './dropdown';
7
10
  export * from './form-field';
8
11
  export * from './icon';
9
12
  export * from './main-navigation';
13
+ export * from './modal';
10
14
  export * from './pill';
15
+ export * from './router-breadcrumbs';
11
16
  export * from './tab';
12
17
  export * from './tab-group';
13
18
  export * from './tooltip';
14
- export * from './dropdown';
15
- export * from './modal';
@@ -1,6 +1,7 @@
1
1
  export interface SimpleMenuItem {
2
2
  id: number;
3
3
  label: string;
4
+ callback?: (id: number) => void;
4
5
  }
5
6
  export interface MenuItem extends SimpleMenuItem {
6
7
  children?: SimpleMenuItem[];
@@ -2,8 +2,6 @@ import { SimpleMenuItem } from '../main-navigation';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class MainNavigationMenuComponent {
4
4
  menuItems: import("@angular/core").InputSignal<SimpleMenuItem[]>;
5
- selected: import("@angular/core").OutputEmitterRef<number>;
6
- handleSelected(id: number): void;
7
5
  static ɵfac: i0.ɵɵFactoryDeclaration<MainNavigationMenuComponent, never>;
8
- static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationMenuComponent, "ndw-main-navigation-menu", never, { "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; }, { "selected": "selected"; }, never, never, true, never>;
6
+ static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationMenuComponent, "ndw-main-navigation-menu", never, { "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
9
7
  }
@@ -0,0 +1 @@
1
+ export * from './router-breadcrumbs.component';
@@ -0,0 +1,15 @@
1
+ import * as i0 from "@angular/core";
2
+ type RouteBreadcrumb = {
3
+ url: string;
4
+ title: string;
5
+ };
6
+ export declare const breadcrumbRouteDataKey = "breadcrumb";
7
+ export declare class RouterBreadcrumbsComponent {
8
+ private readonly route;
9
+ private readonly router;
10
+ protected readonly breadcrumbs$: import("rxjs").Observable<RouteBreadcrumb[]>;
11
+ private getBreadcrumbs;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<RouterBreadcrumbsComponent, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<RouterBreadcrumbsComponent, "ndw-router-breadcrumbs", never, {}, {}, never, never, true, never>;
14
+ }
15
+ export {};