@ndwnu/design-system 1.0.2 → 1.0.3
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/form-field/input/input.model.d.ts +3 -1
- package/components/main-navigation/main-navigation.component.d.ts +3 -3
- package/core/styles/ndw-styles.scss +199 -1
- package/core/styles/nwb-styles.scss +199 -1
- package/esm2022/components/accordion/accordion.component.mjs +3 -3
- package/esm2022/components/accordion/accordion.service.mjs +3 -3
- package/esm2022/components/badge/badge.component.mjs +4 -4
- package/esm2022/components/button/button.directive.mjs +3 -3
- package/esm2022/components/card/card.component.mjs +3 -3
- package/esm2022/components/collapsible/collapsible.component.mjs +3 -3
- package/esm2022/components/dropdown/dropdown-trigger.directive.mjs +3 -3
- package/esm2022/components/dropdown/dropdown.component.mjs +5 -5
- package/esm2022/components/form-field/checkbox/checkbox.component.mjs +6 -6
- package/esm2022/components/form-field/checkbox-group/checkbox-group.component.mjs +3 -3
- package/esm2022/components/form-field/error/error.component.mjs +3 -3
- package/esm2022/components/form-field/form-field.component.mjs +5 -5
- package/esm2022/components/form-field/info/info.component.mjs +3 -3
- package/esm2022/components/form-field/input/input.directive.mjs +3 -3
- package/esm2022/components/form-field/input/input.model.mjs +3 -1
- package/esm2022/components/form-field/radio-button/radio-button.component.mjs +3 -3
- package/esm2022/components/form-field/radio-group/radio-group.component.mjs +3 -3
- package/esm2022/components/icon/icon.component.mjs +3 -3
- package/esm2022/components/icon/icon.service.mjs +3 -3
- package/esm2022/components/main-navigation/main-navigation.component.mjs +8 -9
- package/esm2022/components/main-navigation-menu/main-navigation-menu.component.mjs +3 -3
- package/esm2022/components/modal/modal-trigger.directive.mjs +3 -3
- package/esm2022/components/pill/pill.component.mjs +3 -3
- package/esm2022/components/tab/tab.component.mjs +3 -3
- package/esm2022/components/tab-group/tab-group.component.mjs +3 -3
- package/esm2022/components/tooltip/tooltip.component.mjs +4 -4
- package/esm2022/components/tooltip/tooltip.directive.mjs +3 -3
- package/fesm2022/ndwnu-design-system.mjs +90 -89
- package/fesm2022/ndwnu-design-system.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -8,10 +8,10 @@ export class MainNavigationMenuComponent {
|
|
|
8
8
|
handleSelected(id) {
|
|
9
9
|
this.selected.emit(id);
|
|
10
10
|
}
|
|
11
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: MainNavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: MainNavigationMenuComponent, isStandalone: true, selector: "ndw-main-navigation-menu", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: "@for (item of menuItems(); track item.id) {\n <button ndwButton menu (click)=\"handleSelected(item.id)\">\n {{ item.label }}\n </button>\n}\n", styles: [":host{background-color:var(--ndw-color-grey-600);min-width:10rem}[ndwButton][menu]{padding-inline:var(--ndw-spacing-sm)}\n"] }); }
|
|
13
13
|
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: MainNavigationMenuComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'ndw-main-navigation-menu', standalone: true, imports: [], template: "@for (item of menuItems(); track item.id) {\n <button ndwButton menu (click)=\"handleSelected(item.id)\">\n {{ item.label }}\n </button>\n}\n", styles: [":host{background-color:var(--ndw-color-grey-600);min-width:10rem}[ndwButton][menu]{padding-inline:var(--ndw-spacing-sm)}\n"] }]
|
|
17
17
|
}] });
|
|
@@ -58,10 +58,10 @@ export class ModalTriggerDirective {
|
|
|
58
58
|
detach() {
|
|
59
59
|
this.overlayRef?.detach();
|
|
60
60
|
}
|
|
61
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
62
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.
|
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
62
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.3", type: ModalTriggerDirective, isStandalone: true, selector: "[ndwModalTrigger]", inputs: { connectedTemplate: { classPropertyName: "connectedTemplate", publicName: "ndwModalTrigger", isSignal: false, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
|
|
63
63
|
}
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalTriggerDirective, decorators: [{
|
|
65
65
|
type: Directive,
|
|
66
66
|
args: [{
|
|
67
67
|
selector: '[ndwModalTrigger]',
|
|
@@ -7,10 +7,10 @@ export class PillComponent {
|
|
|
7
7
|
get hostClass() {
|
|
8
8
|
return ['ndw-paragraph-md', this.color()];
|
|
9
9
|
}
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: PillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: PillComponent, isStandalone: true, selector: "ndw-pill", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{display:inline-block;line-height:1rem;border-radius:var(--ndw-border-radius-sm);padding:var(--ndw-spacing-3xs) var(--ndw-spacing-2xs);max-width:20rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host.green{color:var(--ndw-color-data-a-500);background-color:var(--ndw-color-data-a-100)}:host.gray{color:var(--ndw-color-data-b-500);background-color:var(--ndw-color-data-b-100)}:host.blue{color:var(--ndw-color-data-c-500);background-color:var(--ndw-color-data-c-100)}:host.purple{color:var(--ndw-color-data-d-500);background-color:var(--ndw-color-data-d-100)}:host.yellow{color:var(--ndw-color-data-e-500);background-color:var(--ndw-color-data-e-100)}:host.red{color:var(--ndw-color-data-f-500);background-color:var(--ndw-color-data-f-100)}\n"] }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: PillComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ selector: 'ndw-pill', standalone: true, template: "<ng-content />\n", styles: [":host{display:inline-block;line-height:1rem;border-radius:var(--ndw-border-radius-sm);padding:var(--ndw-spacing-3xs) var(--ndw-spacing-2xs);max-width:20rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host.green{color:var(--ndw-color-data-a-500);background-color:var(--ndw-color-data-a-100)}:host.gray{color:var(--ndw-color-data-b-500);background-color:var(--ndw-color-data-b-100)}:host.blue{color:var(--ndw-color-data-c-500);background-color:var(--ndw-color-data-c-100)}:host.purple{color:var(--ndw-color-data-d-500);background-color:var(--ndw-color-data-d-100)}:host.yellow{color:var(--ndw-color-data-e-500);background-color:var(--ndw-color-data-e-100)}:host.red{color:var(--ndw-color-data-f-500);background-color:var(--ndw-color-data-f-100)}\n"] }]
|
|
16
16
|
}], propDecorators: { hostClass: [{
|
|
@@ -23,10 +23,10 @@ export class TabComponent {
|
|
|
23
23
|
event.preventDefault();
|
|
24
24
|
this.active.set(true);
|
|
25
25
|
}
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: TabComponent, isStandalone: true, selector: "ndw-tab", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, host: { listeners: { "click": "onClick($event)", "keydown": "onTabKeyDown($event)" }, properties: { "attr.active": "this.activeAttribute", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{border-bottom:var(--ndw-border-size-lg) solid transparent;color:var(--ndw-color-grey-300);cursor:pointer;display:block;font-weight:700;padding:var(--ndw-spacing-md) 0;position:relative;transition:border-bottom .2s ease-out,color .2s ease-out}:host:hover{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}:host:active,:host:focus{border-color:transparent;color:var(--ndw-color-grey-300)}:host[active]{border-color:var(--ndw-color-primary);color:var(--ndw-color-primary)}:host[active]:hover{border-color:var(--ndw-color-primary-hover);color:var(--ndw-color-primary-hover)}:host[active]:active{border-color:var(--ndw-color-primary);color:var(--ndw-color-primary)}\n"] }); }
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: TabComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{ selector: 'ndw-tab', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{border-bottom:var(--ndw-border-size-lg) solid transparent;color:var(--ndw-color-grey-300);cursor:pointer;display:block;font-weight:700;padding:var(--ndw-spacing-md) 0;position:relative;transition:border-bottom .2s ease-out,color .2s ease-out}:host:hover{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}:host:active,:host:focus{border-color:transparent;color:var(--ndw-color-grey-300)}:host[active]{border-color:var(--ndw-color-primary);color:var(--ndw-color-primary)}:host[active]:hover{border-color:var(--ndw-color-primary-hover);color:var(--ndw-color-primary-hover)}:host[active]:active{border-color:var(--ndw-color-primary);color:var(--ndw-color-primary)}\n"] }]
|
|
32
32
|
}], propDecorators: { activeAttribute: [{
|
|
@@ -23,10 +23,10 @@ export class TabGroupComponent {
|
|
|
23
23
|
});
|
|
24
24
|
});
|
|
25
25
|
}
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: TabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.3", type: TabGroupComponent, isStandalone: true, selector: "ndw-tab-group", inputs: { activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeTab: "activeTabChange" }, host: { properties: { "attr.role": "this.role" } }, queries: [{ propertyName: "tabs", predicate: TabComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:flex;gap:var(--ndw-spacing-lg);overflow:auto hidden;padding-left:0;position:relative;z-index:1}:host:after{background-color:var(--ndw-color-grey-200);bottom:0;content:\"\";height:var(--ndw-border-size-sm);position:absolute;width:100%;z-index:-1}\n"] }); }
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: TabGroupComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{ selector: 'ndw-tab-group', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{display:flex;gap:var(--ndw-spacing-lg);overflow:auto hidden;padding-left:0;position:relative;z-index:1}:host:after{background-color:var(--ndw-color-grey-200);bottom:0;content:\"\";height:var(--ndw-border-size-sm);position:absolute;width:100%;z-index:-1}\n"] }]
|
|
32
32
|
}], propDecorators: { role: [{
|