@ndwnu/design-system 1.0.3 → 1.1.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.
- package/components/alert/alert.component.d.ts +13 -0
- package/components/alert/alert.model.d.ts +6 -0
- package/components/alert/index.d.ts +2 -0
- package/components/breadcrumb/breadcrumb.component.d.ts +8 -0
- package/components/breadcrumb/index.d.ts +1 -0
- package/components/breadcrumb-group/breadcrumb-group.component.d.ts +7 -0
- package/components/breadcrumb-group/index.d.ts +1 -0
- package/components/card/card-content/card-content.component.d.ts +5 -0
- package/components/card/card-content/index.d.ts +1 -0
- package/components/card/card-footer/card-footer.component.d.ts +6 -0
- package/components/card/card-footer/index.d.ts +1 -0
- package/components/card/card-header/card-header.component.d.ts +8 -0
- package/components/card/card-header/index.d.ts +1 -0
- package/components/card/card.component.d.ts +8 -2
- package/components/card/index.d.ts +3 -0
- package/components/dropdown/dropdown.component.d.ts +11 -4
- package/components/dropdown/index.d.ts +0 -1
- package/components/form-field/checkbox/checkbox.component.d.ts +1 -2
- package/components/form-field/checkbox-group/checkbox-group.component.d.ts +3 -1
- package/components/form-field/form-field.component.d.ts +3 -3
- package/components/form-field/input/input.directive.d.ts +6 -0
- package/components/form-field/radio-button/radio-button.component.d.ts +7 -4
- package/components/form-field/radio-group/radio-group.component.d.ts +9 -1
- package/components/icon/icon.component.d.ts +9 -6
- package/components/icon/index.d.ts +0 -2
- package/components/index.d.ts +8 -2
- package/components/main-navigation/main-navigation.model.d.ts +1 -0
- package/components/main-navigation-menu/main-navigation-menu.component.d.ts +1 -3
- package/components/modal/index.d.ts +1 -0
- package/components/modal/modal-trigger.directive.d.ts +8 -12
- package/components/modal/modal.service.d.ts +16 -0
- package/components/multi-select/checkbox-data.interface.d.ts +5 -0
- package/components/multi-select/index.d.ts +3 -0
- package/components/multi-select/multi-select.component.d.ts +27 -0
- package/components/multi-select/select-all-text.interface.d.ts +4 -0
- package/components/popover/index.d.ts +1 -0
- package/components/popover/popover-trigger.directive.d.ts +27 -0
- package/components/removable-pill/index.d.ts +1 -0
- package/components/removable-pill/removable-pill.component.d.ts +7 -0
- package/components/router-breadcrumbs/index.d.ts +1 -0
- package/components/router-breadcrumbs/router-breadcrumbs.component.d.ts +15 -0
- package/components/tooltip/tooltip.directive.d.ts +3 -2
- package/core/styles/ndw-styles.scss +184 -120
- package/core/styles/nwb-styles.scss +146 -114
- package/esm2022/components/alert/alert.component.mjs +34 -0
- package/esm2022/components/alert/alert.model.mjs +8 -0
- package/esm2022/components/alert/index.mjs +3 -0
- package/esm2022/components/badge/badge.component.mjs +2 -2
- package/esm2022/components/breadcrumb/breadcrumb.component.mjs +15 -0
- package/esm2022/components/breadcrumb/index.mjs +2 -0
- package/esm2022/components/breadcrumb-group/breadcrumb-group.component.mjs +21 -0
- package/esm2022/components/breadcrumb-group/index.mjs +2 -0
- package/esm2022/components/card/card-content/card-content.component.mjs +11 -0
- package/esm2022/components/card/card-content/index.mjs +2 -0
- package/esm2022/components/card/card-footer/card-footer.component.mjs +14 -0
- package/esm2022/components/card/card-footer/index.mjs +2 -0
- package/esm2022/components/card/card-header/card-header.component.mjs +20 -0
- package/esm2022/components/card/card-header/index.mjs +2 -0
- package/esm2022/components/card/card.component.mjs +22 -5
- package/esm2022/components/card/index.mjs +4 -1
- package/esm2022/components/collapsible/collapsible.animation.mjs +3 -3
- package/esm2022/components/collapsible/collapsible.component.mjs +3 -3
- package/esm2022/components/dropdown/dropdown.component.mjs +27 -7
- package/esm2022/components/dropdown/index.mjs +1 -2
- package/esm2022/components/form-field/checkbox/checkbox.component.mjs +4 -11
- package/esm2022/components/form-field/checkbox-group/checkbox-group.component.mjs +7 -3
- package/esm2022/components/form-field/error/error.component.mjs +3 -3
- package/esm2022/components/form-field/form-field.component.mjs +10 -10
- package/esm2022/components/form-field/info/info.component.mjs +2 -2
- package/esm2022/components/form-field/input/input.directive.mjs +33 -2
- package/esm2022/components/form-field/radio-button/radio-button.component.mjs +28 -10
- package/esm2022/components/form-field/radio-group/radio-group.component.mjs +45 -5
- package/esm2022/components/icon/icon.component.mjs +33 -16
- package/esm2022/components/icon/index.mjs +1 -3
- package/esm2022/components/index.mjs +9 -3
- package/esm2022/components/main-navigation/main-navigation.component.mjs +3 -3
- package/esm2022/components/main-navigation/main-navigation.model.mjs +1 -1
- package/esm2022/components/main-navigation-menu/main-navigation-menu.component.mjs +4 -8
- package/esm2022/components/modal/index.mjs +2 -1
- package/esm2022/components/modal/modal-trigger.directive.mjs +23 -54
- package/esm2022/components/modal/modal.service.mjs +57 -0
- package/esm2022/components/multi-select/checkbox-data.interface.mjs +2 -0
- package/esm2022/components/multi-select/index.mjs +4 -0
- package/esm2022/components/multi-select/multi-select.component.mjs +76 -0
- package/esm2022/components/multi-select/select-all-text.interface.mjs +2 -0
- package/esm2022/components/popover/index.mjs +2 -0
- package/esm2022/components/popover/popover-trigger.directive.mjs +183 -0
- package/esm2022/components/removable-pill/index.mjs +2 -0
- package/esm2022/components/removable-pill/removable-pill.component.mjs +21 -0
- package/esm2022/components/router-breadcrumbs/index.mjs +2 -0
- package/esm2022/components/router-breadcrumbs/router-breadcrumbs.component.mjs +37 -0
- package/esm2022/components/tab/tab.component.mjs +2 -2
- package/esm2022/components/tooltip/tooltip.component.mjs +2 -2
- package/esm2022/components/tooltip/tooltip.directive.mjs +4 -3
- package/fesm2022/ndwnu-design-system.mjs +642 -202
- package/fesm2022/ndwnu-design-system.mjs.map +1 -1
- package/package.json +4 -7
- package/assets/icons/icons.json +0 -878
- package/components/dropdown/dropdown-trigger.directive.d.ts +0 -23
- package/components/icon/icon.model.d.ts +0 -5
- package/components/icon/icon.service.d.ts +0 -9
- package/esm2022/components/dropdown/dropdown-trigger.directive.mjs +0 -95
- package/esm2022/components/icon/icon.model.mjs +0 -2
- 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,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';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class CardContentComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CardContentComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CardContentComponent, "ndw-card-content", never, {}, {}, never, ["*"], true, never>;
|
|
5
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './card-content.component';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class CardFooterComponent {
|
|
3
|
+
isModal: boolean;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CardFooterComponent, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CardFooterComponent, "ndw-card-footer", never, {}, {}, never, ["*"], true, never>;
|
|
6
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './card-footer.component';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class CardHeaderComponent {
|
|
3
|
+
private readonly modalService;
|
|
4
|
+
isModal: boolean;
|
|
5
|
+
detachModal(): void;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "ndw-card-header", never, {}, {}, never, ["*"], true, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './card-header.component';
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { CardHeaderComponent } from './card-header';
|
|
1
3
|
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class CardComponent {
|
|
4
|
+
export declare class CardComponent implements OnInit {
|
|
5
|
+
isModal: import("@angular/core").InputSignal<boolean>;
|
|
6
|
+
header: import("@angular/core").Signal<CardHeaderComponent | undefined>;
|
|
7
|
+
get modalClass(): boolean;
|
|
8
|
+
ngOnInit(): void;
|
|
3
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ndw-card", never, {}, {},
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ndw-card", never, { "isModal": { "alias": "isModal"; "required": false; "isSignal": true; }; }, {}, ["header"], ["*"], true, never>;
|
|
5
11
|
}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PopoverTriggerDirective } from '../popover';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class DropdownComponent {
|
|
4
|
+
readonly removablePillClicked: import("@angular/core").OutputEmitterRef<void>;
|
|
4
5
|
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
5
|
-
readonly
|
|
6
|
-
readonly
|
|
6
|
+
readonly isOpenChange: import("@angular/core").OutputEmitterRef<boolean>;
|
|
7
|
+
readonly dropdownTrigger: import("@angular/core").Signal<PopoverTriggerDirective>;
|
|
8
|
+
readonly buttonIcon: import("@angular/core").Signal<"keyboard_arrow_up" | "keyboard_arrow_down">;
|
|
9
|
+
readonly chevron: import("@angular/core").InputSignal<unknown>;
|
|
7
10
|
readonly buttonText: import("@angular/core").InputSignal<string>;
|
|
11
|
+
readonly prefixIcon: import("@angular/core").InputSignal<string>;
|
|
12
|
+
readonly selectAmount: import("@angular/core").InputSignal<number>;
|
|
13
|
+
onRemovablePillClicked(event: Event): void;
|
|
14
|
+
isOpenChanged(isOpen: boolean): void;
|
|
8
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
|
|
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>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ndw-dropdown", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "chevron": { "alias": "chevron"; "required": false; "isSignal": true; }; "buttonText": { "alias": "buttonText"; "required": true; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "selectAmount": { "alias": "selectAmount"; "required": false; "isSignal": true; }; }, { "removablePillClicked": "removablePillClicked"; "isOpenChange": "isOpenChange"; }, never, ["*"], true, never>;
|
|
10
17
|
}
|
|
@@ -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; };
|
|
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,5 +1,7 @@
|
|
|
1
|
+
import { CheckboxComponent } from '../checkbox';
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
3
|
export declare class CheckboxGroupComponent {
|
|
4
|
+
checkboxes: import("@angular/core").Signal<readonly CheckboxComponent[]>;
|
|
3
5
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxGroupComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupComponent, "ndw-checkbox-group", never, {}, {},
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupComponent, "ndw-checkbox-group", never, {}, {}, ["checkboxes"], ["*"], true, never>;
|
|
5
7
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CheckboxGroupComponent } from './checkbox-group';
|
|
2
2
|
import { InputDirective } from './input';
|
|
3
3
|
import { RadioGroupComponent } from './radio-group';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class FormFieldComponent {
|
|
6
6
|
input: import("@angular/core").Signal<InputDirective | undefined>;
|
|
7
7
|
radioGroup: import("@angular/core").Signal<RadioGroupComponent | undefined>;
|
|
8
|
-
|
|
8
|
+
checkboxGroup: import("@angular/core").Signal<CheckboxGroupComponent | undefined>;
|
|
9
9
|
label: import("@angular/core").InputSignal<string | undefined>;
|
|
10
10
|
disabled: import("@angular/core").InputSignal<boolean>;
|
|
11
11
|
error: import("@angular/core").InputSignal<string | undefined>;
|
|
@@ -25,5 +25,5 @@ export declare class FormFieldComponent {
|
|
|
25
25
|
private setInputSuffix;
|
|
26
26
|
private setRequiredState;
|
|
27
27
|
static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
|
|
28
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "ndw-form-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, ["input", "radioGroup", "
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "ndw-form-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, ["input", "radioGroup", "checkboxGroup"], ["*"], true, never>;
|
|
29
29
|
}
|
|
@@ -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").
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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, { "
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "ndw-icon", never, { "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
11
14
|
}
|
package/components/index.d.ts
CHANGED
|
@@ -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,12 @@ export * from './dropdown';
|
|
|
7
10
|
export * from './form-field';
|
|
8
11
|
export * from './icon';
|
|
9
12
|
export * from './main-navigation';
|
|
13
|
+
export * from './modal';
|
|
14
|
+
export * from './multi-select';
|
|
10
15
|
export * from './pill';
|
|
16
|
+
export * from './popover';
|
|
17
|
+
export * from './router-breadcrumbs';
|
|
11
18
|
export * from './tab';
|
|
12
19
|
export * from './tab-group';
|
|
13
20
|
export * from './tooltip';
|
|
14
|
-
export * from './
|
|
15
|
-
export * from './modal';
|
|
21
|
+
export * from './removable-pill';
|
|
@@ -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; }; }, {
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MainNavigationMenuComponent, "ndw-main-navigation-menu", never, { "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
9
7
|
}
|
|
@@ -1,20 +1,16 @@
|
|
|
1
|
-
import { OnDestroy, TemplateRef } from '@angular/core';
|
|
1
|
+
import { OnChanges, OnDestroy, OnInit, TemplateRef } from '@angular/core';
|
|
2
2
|
import { CardComponent } from '../card';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class ModalTriggerDirective implements OnDestroy {
|
|
5
|
-
|
|
6
|
-
isOpen: import("@angular/core").ModelSignal<boolean>;
|
|
7
|
-
private overlay;
|
|
8
|
-
private overlayRef?;
|
|
4
|
+
export declare class ModalTriggerDirective implements OnChanges, OnDestroy, OnInit {
|
|
5
|
+
private modalService;
|
|
9
6
|
private viewContainerRef;
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
ndwModalTrigger: import("@angular/core").InputSignal<TemplateRef<CardComponent>>;
|
|
8
|
+
isOpen: import("@angular/core").ModelSignal<boolean>;
|
|
12
9
|
onClick(): void;
|
|
10
|
+
ngOnChanges(): void;
|
|
11
|
+
ngOnInit(): void;
|
|
13
12
|
ngOnDestroy(): void;
|
|
14
13
|
private open;
|
|
15
|
-
private nodeOrParentsHaveAttribute;
|
|
16
|
-
private actions;
|
|
17
|
-
private detach;
|
|
18
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<ModalTriggerDirective, never>;
|
|
19
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ModalTriggerDirective, "[ndwModalTrigger]", never, { "
|
|
15
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ModalTriggerDirective, "[ndwModalTrigger]", never, { "ndwModalTrigger": { "alias": "ndwModalTrigger"; "required": true; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; }, never, never, true, never>;
|
|
20
16
|
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class ModalService {
|
|
5
|
+
private readonly destroyRef;
|
|
6
|
+
private readonly overlay;
|
|
7
|
+
isOpen$: Subject<boolean>;
|
|
8
|
+
private isOpen;
|
|
9
|
+
private overlayRef?;
|
|
10
|
+
detach(): void;
|
|
11
|
+
dispose(): void;
|
|
12
|
+
open(templateRef: TemplateRef<unknown>, viewContainerRef: ViewContainerRef): void;
|
|
13
|
+
private actions;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
|
|
15
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
|
|
16
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { PopoverTriggerDirective } from '../popover';
|
|
2
|
+
import { CheckboxData } from './checkbox-data.interface';
|
|
3
|
+
import { SelectAllText } from './select-all-text.interface';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class MultiSelectComponent {
|
|
6
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
7
|
+
readonly dropdownTrigger: import("@angular/core").Signal<PopoverTriggerDirective>;
|
|
8
|
+
readonly buttonText: import("@angular/core").InputSignal<string>;
|
|
9
|
+
readonly prefixIcon: import("@angular/core").InputSignal<string>;
|
|
10
|
+
readonly chevron: import("@angular/core").InputSignal<boolean>;
|
|
11
|
+
readonly searchInputValue: import("@angular/core").ModelSignal<string>;
|
|
12
|
+
readonly searchPlaceholder: import("@angular/core").InputSignal<string>;
|
|
13
|
+
readonly noResultText: import("@angular/core").InputSignal<string>;
|
|
14
|
+
readonly selectAllText: import("@angular/core").InputSignal<SelectAllText>;
|
|
15
|
+
readonly lastCheckedElementId: import("@angular/core").ModelSignal<string | number | null | undefined>;
|
|
16
|
+
readonly selectAmount: import("@angular/core").Signal<number>;
|
|
17
|
+
readonly noSearchResults: import("@angular/core").Signal<boolean>;
|
|
18
|
+
readonly dataSource: import("@angular/core").ModelSignal<CheckboxData[]>;
|
|
19
|
+
filterSearch(value: string): boolean;
|
|
20
|
+
searchInputChanged(event: Event): void;
|
|
21
|
+
checkboxChanged(id: string | number): void;
|
|
22
|
+
toggleSelectAll(selectAll?: boolean): void;
|
|
23
|
+
isOpenChanged(isOpen: boolean): void;
|
|
24
|
+
private determineLastCheckedElement;
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "ndw-multi-select", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "buttonText": { "alias": "buttonText"; "required": true; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "chevron": { "alias": "chevron"; "required": false; "isSignal": true; }; "searchInputValue": { "alias": "searchInputValue"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultText": { "alias": "noResultText"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "lastCheckedElementId": { "alias": "lastCheckedElementId"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; }, { "searchInputValue": "searchInputValueChange"; "lastCheckedElementId": "lastCheckedElementIdChange"; "dataSource": "dataSourceChange"; }, never, never, true, never>;
|
|
27
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './popover-trigger.directive';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { EventEmitter, OnDestroy, TemplateRef } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class PopoverTriggerDirective implements OnDestroy {
|
|
4
|
+
popoverToggled: EventEmitter<boolean>;
|
|
5
|
+
popoverPosition: import("@angular/core").InputSignal<string>;
|
|
6
|
+
popoverContent: import("@angular/core").InputSignal<TemplateRef<unknown>>;
|
|
7
|
+
toggleOnClick: import("@angular/core").InputSignal<boolean>;
|
|
8
|
+
isOpen: import("@angular/core").ModelSignal<boolean>;
|
|
9
|
+
toggle(): void;
|
|
10
|
+
private destroyRef;
|
|
11
|
+
private elementRef;
|
|
12
|
+
private overlay;
|
|
13
|
+
private viewContainerRef;
|
|
14
|
+
private focusTrapFactory;
|
|
15
|
+
private overlayRef?;
|
|
16
|
+
ngOnDestroy(): void;
|
|
17
|
+
private togglePopover;
|
|
18
|
+
private open;
|
|
19
|
+
private trapFocus;
|
|
20
|
+
private closeOverlayOnEscapeKey;
|
|
21
|
+
private nodeOrParentsHaveAttribute;
|
|
22
|
+
private closeOverlayOnBackdropClick;
|
|
23
|
+
private close;
|
|
24
|
+
private getPopoverPosition;
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverTriggerDirective, never>;
|
|
26
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverTriggerDirective, "[ndwPopoverTrigger]", ["ndwPopoverTrigger"], { "popoverPosition": { "alias": "popoverPosition"; "required": false; "isSignal": true; }; "popoverContent": { "alias": "ndwPopoverTrigger"; "required": true; "isSignal": true; }; "toggleOnClick": { "alias": "toggleOnClick"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "popoverToggled": "popoverToggled"; "isOpen": "isOpenChange"; }, never, never, true, never>;
|
|
27
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './removable-pill.component';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class RemovablePillComponent {
|
|
3
|
+
disabled: import("@angular/core").InputSignal<boolean>;
|
|
4
|
+
get tabindexAttr(): number;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RemovablePillComponent, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RemovablePillComponent, "ndw-removable-pill", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
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 {};
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
1
|
+
import { OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class TooltipDirective implements OnInit {
|
|
3
|
+
export declare class TooltipDirective implements OnDestroy, OnInit {
|
|
4
4
|
text: import("@angular/core").InputSignal<string>;
|
|
5
5
|
private readonly elementRef;
|
|
6
6
|
private readonly overlay;
|
|
7
7
|
private overlayRef;
|
|
8
8
|
ngOnInit(): void;
|
|
9
|
+
ngOnDestroy(): void;
|
|
9
10
|
protected show(): void;
|
|
10
11
|
protected hide(): void;
|
|
11
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
|