@ndwnu/design-system 0.0.1-beta.1 → 1.0.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/README.md +3 -136
- package/assets/icons/icons.json +830 -46
- package/assets/images/ndw-logo-short.svg +1 -1
- package/assets/images/nwb-logo-short.svg +10 -0
- package/assets/images/nwb-logo.svg +3 -10
- package/components/collapsible/collapsible.animation.d.ts +1 -0
- package/components/collapsible/collapsible.component.d.ts +1 -0
- package/components/dropdown/dropdown-trigger.directive.d.ts +23 -0
- package/components/dropdown/dropdown.component.d.ts +6 -17
- package/components/dropdown/index.d.ts +1 -0
- package/components/form-field/checkbox/checkbox.component.d.ts +23 -0
- package/components/form-field/checkbox/index.d.ts +1 -0
- package/components/form-field/checkbox-group/checkbox-group.component.d.ts +5 -0
- package/components/form-field/checkbox-group/index.d.ts +1 -0
- package/components/form-field/form-field.component.d.ts +12 -8
- package/components/form-field/form-field.model.d.ts +1 -0
- package/components/form-field/index.d.ts +7 -0
- package/components/form-field/radio-button/index.d.ts +1 -0
- package/components/form-field/radio-button/radio-button.component.d.ts +22 -0
- package/components/form-field/radio-group/index.d.ts +1 -0
- package/components/form-field/radio-group/radio-group.component.d.ts +11 -0
- package/components/icon/icon.component.d.ts +2 -5
- package/components/index.d.ts +4 -4
- package/components/main-navigation/main-navigation.component.d.ts +18 -9
- package/components/main-navigation-menu/main-navigation-menu.component.d.ts +2 -4
- package/components/modal/index.d.ts +1 -0
- package/components/modal/modal-trigger.directive.d.ts +20 -0
- package/components/pill/index.d.ts +2 -0
- package/components/pill/pill.component.d.ts +8 -0
- package/components/pill/pill.model.d.ts +8 -0
- package/core/styles/ndw-styles.scss +48 -116
- package/core/styles/nwb-styles.scss +48 -116
- package/esm2022/components/accordion/accordion.component.mjs +1 -1
- package/esm2022/components/accordion/accordion.service.mjs +2 -2
- package/esm2022/components/badge/badge.component.mjs +3 -3
- package/esm2022/components/card/card.component.mjs +3 -3
- package/esm2022/components/collapsible/collapsible.animation.mjs +36 -0
- package/esm2022/components/collapsible/collapsible.component.mjs +7 -9
- package/esm2022/components/dropdown/dropdown-trigger.directive.mjs +99 -0
- package/esm2022/components/dropdown/dropdown.component.mjs +10 -65
- package/esm2022/components/dropdown/index.mjs +2 -1
- package/esm2022/components/form-field/checkbox/checkbox.component.mjs +91 -0
- package/esm2022/components/form-field/checkbox/index.mjs +2 -0
- package/esm2022/components/form-field/checkbox-group/checkbox-group.component.mjs +11 -0
- package/esm2022/components/form-field/checkbox-group/index.mjs +2 -0
- package/esm2022/components/form-field/error/error.component.mjs +12 -0
- package/esm2022/components/form-field/error/index.mjs +2 -0
- package/esm2022/components/form-field/form-field.component.mjs +67 -44
- package/esm2022/components/form-field/form-field.model.mjs +2 -1
- package/esm2022/components/form-field/index.mjs +8 -1
- package/esm2022/components/form-field/info/index.mjs +2 -0
- package/esm2022/components/{info → form-field/info}/info.component.mjs +1 -1
- package/esm2022/components/form-field/input/index.mjs +3 -0
- package/esm2022/components/form-field/input/input.directive.mjs +36 -0
- package/esm2022/components/form-field/input/input.model.mjs +13 -0
- package/esm2022/components/form-field/radio-button/index.mjs +2 -0
- package/esm2022/components/form-field/radio-button/radio-button.component.mjs +81 -0
- package/esm2022/components/form-field/radio-group/index.mjs +2 -0
- package/esm2022/components/form-field/radio-group/radio-group.component.mjs +34 -0
- package/esm2022/components/icon/icon.component.mjs +12 -20
- package/esm2022/components/icon/icon.service.mjs +2 -2
- package/esm2022/components/index.mjs +5 -5
- package/esm2022/components/main-navigation/main-navigation.component.mjs +50 -15
- package/esm2022/components/main-navigation-menu/main-navigation-menu.component.mjs +5 -13
- package/esm2022/components/modal/index.mjs +2 -0
- package/esm2022/components/modal/modal-trigger.directive.mjs +77 -0
- package/esm2022/components/pill/index.mjs +3 -0
- package/esm2022/components/pill/pill.component.mjs +20 -0
- package/esm2022/components/pill/pill.model.mjs +2 -0
- package/esm2022/components/tab/tab.component.mjs +2 -2
- package/esm2022/components/tab-group/tab-group.component.mjs +3 -3
- package/esm2022/components/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/components/tooltip/tooltip.directive.mjs +4 -3
- package/fesm2022/ndwnu-design-system.mjs +610 -205
- package/fesm2022/ndwnu-design-system.mjs.map +1 -1
- package/package.json +3 -2
- package/esm2022/components/error/error.component.mjs +0 -14
- package/esm2022/components/error/index.mjs +0 -2
- package/esm2022/components/info/index.mjs +0 -2
- package/esm2022/components/input/index.mjs +0 -3
- package/esm2022/components/input/input.directive.mjs +0 -36
- package/esm2022/components/input/input.model.mjs +0 -13
- /package/components/{error → form-field/error}/error.component.d.ts +0 -0
- /package/components/{error → form-field/error}/index.d.ts +0 -0
- /package/components/{info → form-field/info}/index.d.ts +0 -0
- /package/components/{info → form-field/info}/info.component.d.ts +0 -0
- /package/components/{input → form-field/input}/index.d.ts +0 -0
- /package/components/{input → form-field/input}/input.directive.d.ts +0 -0
- /package/components/{input → form-field/input}/input.model.d.ts +0 -0
|
@@ -1,26 +1,18 @@
|
|
|
1
|
-
import { Component,
|
|
2
|
-
import { NdwBrand } from '../main-navigation';
|
|
1
|
+
import { Component, input, output } from '@angular/core';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
3
|
export class MainNavigationMenuComponent {
|
|
5
4
|
constructor() {
|
|
6
5
|
this.menuItems = input.required();
|
|
7
|
-
this.brand = input(NdwBrand.NDW);
|
|
8
6
|
this.selected = output();
|
|
9
7
|
}
|
|
10
|
-
get brandAttribute() {
|
|
11
|
-
return this.brand().toLowerCase();
|
|
12
|
-
}
|
|
13
8
|
handleSelected(id) {
|
|
14
9
|
this.selected.emit(id);
|
|
15
10
|
}
|
|
16
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: MainNavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: MainNavigationMenuComponent, isStandalone: true, selector: "ndw-main-navigation-menu", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: true, transformFunction: null }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", 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"] }); }
|
|
18
13
|
}
|
|
19
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: MainNavigationMenuComponent, decorators: [{
|
|
20
15
|
type: Component,
|
|
21
|
-
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);width:10rem}[ndwButton][menu]{padding-inline:var(--ndw-spacing-sm)}
|
|
22
|
-
}]
|
|
23
|
-
|
|
24
|
-
args: ['attr.brand']
|
|
25
|
-
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi1uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL21haW4tbmF2aWdhdGlvbi1tZW51L21haW4tbmF2aWdhdGlvbi1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9tYWluLW5hdmlnYXRpb24tbWVudS9tYWluLW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRFLE9BQU8sRUFBRSxRQUFRLEVBQWtCLE1BQU0sb0JBQW9CLENBQUM7O0FBUzlELE1BQU0sT0FBTywyQkFBMkI7SUFQeEM7UUFRUyxjQUFTLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBb0IsQ0FBQztRQUMvQyxVQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUU1QixhQUFRLEdBQUcsTUFBTSxFQUFVLENBQUM7S0FVcEM7SUFSQyxJQUNjLGNBQWM7UUFDMUIsT0FBTyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVNLGNBQWMsQ0FBQyxFQUFVO1FBQzlCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7OEdBYlUsMkJBQTJCO2tHQUEzQiwyQkFBMkIsNmJDWHhDLG9KQUtBOzsyRkRNYSwyQkFBMkI7a0JBUHZDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBQ3hCLElBQUksV0FDUCxFQUFFOzhCQVdHLGNBQWM7c0JBRDNCLFdBQVc7dUJBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgTmR3QnJhbmQsIFNpbXBsZU1lbnVJdGVtIH0gZnJvbSAnLi4vbWFpbi1uYXZpZ2F0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmR3LW1haW4tbmF2aWdhdGlvbi1tZW51JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi9tYWluLW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9tYWluLW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgTWFpbk5hdmlnYXRpb25NZW51Q29tcG9uZW50IHtcbiAgcHVibGljIG1lbnVJdGVtcyA9IGlucHV0LnJlcXVpcmVkPFNpbXBsZU1lbnVJdGVtW10+KCk7XG4gIHB1YmxpYyBicmFuZCA9IGlucHV0KE5kd0JyYW5kLk5EVyk7XG5cbiAgcHVibGljIHNlbGVjdGVkID0gb3V0cHV0PG51bWJlcj4oKTtcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYnJhbmQnKVxuICBwcm90ZWN0ZWQgZ2V0IGJyYW5kQXR0cmlidXRlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuYnJhbmQoKS50b0xvd2VyQ2FzZSgpO1xuICB9XG5cbiAgcHVibGljIGhhbmRsZVNlbGVjdGVkKGlkOiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQoaWQpO1xuICB9XG59XG4iLCJAZm9yIChpdGVtIG9mIG1lbnVJdGVtcygpOyB0cmFjayBpdGVtLmlkKSB7XG4gIDxidXR0b24gbmR3QnV0dG9uIG1lbnUgKGNsaWNrKT1cImhhbmRsZVNlbGVjdGVkKGl0ZW0uaWQpXCI+XG4gICAge3sgaXRlbS5sYWJlbCB9fVxuICA8L2J1dHRvbj5cbn1cbiJdfQ==
|
|
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
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi1uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL21haW4tbmF2aWdhdGlvbi1tZW51L21haW4tbmF2aWdhdGlvbi1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9tYWluLW5hdmlnYXRpb24tbWVudS9tYWluLW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBV3pELE1BQU0sT0FBTywyQkFBMkI7SUFQeEM7UUFRUyxjQUFTLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBb0IsQ0FBQztRQUUvQyxhQUFRLEdBQUcsTUFBTSxFQUFVLENBQUM7S0FLcEM7SUFIUSxjQUFjLENBQUMsRUFBVTtRQUM5QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN6QixDQUFDOzhHQVBVLDJCQUEyQjtrR0FBM0IsMkJBQTJCLHNRQ1h4QyxvSkFLQTs7MkZETWEsMkJBQTJCO2tCQVB2QyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1AsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQsIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTaW1wbGVNZW51SXRlbSB9IGZyb20gJy4uL21haW4tbmF2aWdhdGlvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1tYWluLW5hdmlnYXRpb24tbWVudScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICB0ZW1wbGF0ZVVybDogJy4vbWFpbi1uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vbWFpbi1uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBNYWluTmF2aWdhdGlvbk1lbnVDb21wb25lbnQge1xuICBwdWJsaWMgbWVudUl0ZW1zID0gaW5wdXQucmVxdWlyZWQ8U2ltcGxlTWVudUl0ZW1bXT4oKTtcblxuICBwdWJsaWMgc2VsZWN0ZWQgPSBvdXRwdXQ8bnVtYmVyPigpO1xuXG4gIHB1YmxpYyBoYW5kbGVTZWxlY3RlZChpZDogbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZC5lbWl0KGlkKTtcbiAgfVxufVxuIiwiQGZvciAoaXRlbSBvZiBtZW51SXRlbXMoKTsgdHJhY2sgaXRlbS5pZCkge1xuICA8YnV0dG9uIG5kd0J1dHRvbiBtZW51IChjbGljayk9XCJoYW5kbGVTZWxlY3RlZChpdGVtLmlkKVwiPlxuICAgIHt7IGl0ZW0ubGFiZWwgfX1cbiAgPC9idXR0b24+XG59XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './modal-trigger.directive';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvbW9kYWwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbW9kYWwtdHJpZ2dlci5kaXJlY3RpdmUnO1xuIl19
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { Overlay } from '@angular/cdk/overlay';
|
|
2
|
+
import { TemplatePortal } from '@angular/cdk/portal';
|
|
3
|
+
import { DestroyRef, Directive, HostListener, Input, ViewContainerRef, effect, inject, model, } from '@angular/core';
|
|
4
|
+
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
5
|
+
import { EMPTY } from 'rxjs';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class ModalTriggerDirective {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.isOpen = model(false);
|
|
10
|
+
this.overlay = inject(Overlay);
|
|
11
|
+
this.viewContainerRef = inject(ViewContainerRef);
|
|
12
|
+
this.destroyRef$ = inject(DestroyRef);
|
|
13
|
+
effect(() => (this.isOpen() ? this.open() : this.detach()));
|
|
14
|
+
}
|
|
15
|
+
onClick() {
|
|
16
|
+
this.isOpen.set(!this.isOpen());
|
|
17
|
+
}
|
|
18
|
+
ngOnDestroy() {
|
|
19
|
+
this.overlayRef?.dispose();
|
|
20
|
+
}
|
|
21
|
+
open() {
|
|
22
|
+
const templatePortal = new TemplatePortal(this.connectedTemplate, this.viewContainerRef);
|
|
23
|
+
this.overlayRef = this.overlay.create({
|
|
24
|
+
hasBackdrop: true,
|
|
25
|
+
backdropClass: 'ndw-overlay-backdrop',
|
|
26
|
+
scrollStrategy: this.overlay.scrollStrategies.reposition(),
|
|
27
|
+
positionStrategy: this.overlay.position().global().centerHorizontally().centerVertically(),
|
|
28
|
+
});
|
|
29
|
+
this.overlayRef.attach(templatePortal);
|
|
30
|
+
this.overlayRef.hostElement.addEventListener('click', (event) => {
|
|
31
|
+
const target = event.target;
|
|
32
|
+
if (this.nodeOrParentsHaveAttribute(target, 'ndwModalCloseTrigger')) {
|
|
33
|
+
this.isOpen.set(false);
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
this.actions()
|
|
37
|
+
.pipe(takeUntilDestroyed(this.destroyRef$))
|
|
38
|
+
.subscribe(() => {
|
|
39
|
+
this.isOpen.set(false);
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
nodeOrParentsHaveAttribute(node, attribute) {
|
|
43
|
+
let next = node;
|
|
44
|
+
while (next) {
|
|
45
|
+
if (next.hasAttribute(attribute)) {
|
|
46
|
+
return true;
|
|
47
|
+
}
|
|
48
|
+
next = next.parentElement;
|
|
49
|
+
}
|
|
50
|
+
return false;
|
|
51
|
+
}
|
|
52
|
+
actions() {
|
|
53
|
+
if (!this.overlayRef) {
|
|
54
|
+
return EMPTY;
|
|
55
|
+
}
|
|
56
|
+
return this.overlayRef._outsidePointerEvents;
|
|
57
|
+
}
|
|
58
|
+
detach() {
|
|
59
|
+
this.overlayRef?.detach();
|
|
60
|
+
}
|
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ModalTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
62
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.3.0", 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
|
+
}
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ModalTriggerDirective, decorators: [{
|
|
65
|
+
type: Directive,
|
|
66
|
+
args: [{
|
|
67
|
+
selector: '[ndwModalTrigger]',
|
|
68
|
+
standalone: true,
|
|
69
|
+
}]
|
|
70
|
+
}], ctorParameters: () => [], propDecorators: { connectedTemplate: [{
|
|
71
|
+
type: Input,
|
|
72
|
+
args: ['ndwModalTrigger']
|
|
73
|
+
}], onClick: [{
|
|
74
|
+
type: HostListener,
|
|
75
|
+
args: ['click', ['$event']]
|
|
76
|
+
}] } });
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtdHJpZ2dlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvbW9kYWwvbW9kYWwtdHJpZ2dlci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBYyxNQUFNLHNCQUFzQixDQUFDO0FBQzNELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNyRCxPQUFPLEVBQ0wsVUFBVSxFQUNWLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUdMLGdCQUFnQixFQUNoQixNQUFNLEVBQ04sTUFBTSxFQUNOLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsS0FBSyxFQUFjLE1BQU0sTUFBTSxDQUFDOztBQU96QyxNQUFNLE9BQU8scUJBQXFCO0lBUWhDO1FBTk8sV0FBTSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixZQUFPLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBRTFCLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzVDLGdCQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBR3ZDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFHTSxPQUFPO1FBQ1osSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsVUFBVSxFQUFFLE9BQU8sRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFTyxJQUFJO1FBQ1YsTUFBTSxjQUFjLEdBQUcsSUFBSSxjQUFjLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3pGLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7WUFDcEMsV0FBVyxFQUFFLElBQUk7WUFDakIsYUFBYSxFQUFFLHNCQUFzQjtZQUNyQyxjQUFjLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUU7WUFDMUQsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSxDQUFDLGdCQUFnQixFQUFFO1NBQzNGLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxDQUFDLEtBQWlCLEVBQUUsRUFBRTtZQUMxRSxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBNEIsQ0FBQztZQUNsRCxJQUFJLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxNQUFNLEVBQUUsc0JBQXNCLENBQUMsRUFBRSxDQUFDO2dCQUNwRSxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUN6QixDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsT0FBTyxFQUFFO2FBQ1gsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQzthQUMxQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU8sMEJBQTBCLENBQUMsSUFBd0IsRUFBRSxTQUFpQjtRQUM1RSxJQUFJLElBQUksR0FBRyxJQUFJLENBQUM7UUFDaEIsT0FBTyxJQUFJLEVBQUUsQ0FBQztZQUNaLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO2dCQUNqQyxPQUFPLElBQUksQ0FBQztZQUNkLENBQUM7WUFDRCxJQUFJLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztRQUM1QixDQUFDO1FBQ0QsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBRU8sT0FBTztRQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDckIsT0FBTyxLQUFLLENBQUM7UUFDZixDQUFDO1FBRUQsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLHFCQUFxQixDQUFDO0lBQy9DLENBQUM7SUFFTyxNQUFNO1FBQ1osSUFBSSxDQUFDLFVBQVUsRUFBRSxNQUFNLEVBQUUsQ0FBQztJQUM1QixDQUFDOzhHQWpFVSxxQkFBcUI7a0dBQXJCLHFCQUFxQjs7MkZBQXJCLHFCQUFxQjtrQkFKakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7d0RBRWtDLGlCQUFpQjtzQkFBakQsS0FBSzt1QkFBQyxpQkFBaUI7Z0JBWWpCLE9BQU87c0JBRGIsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgVGVtcGxhdGVQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7XG4gIERlc3Ryb3lSZWYsXG4gIERpcmVjdGl2ZSxcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0NvbnRhaW5lclJlZixcbiAgZWZmZWN0LFxuICBpbmplY3QsXG4gIG1vZGVsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IEVNUFRZLCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi4vY2FyZCc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tuZHdNb2RhbFRyaWdnZXJdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxUcmlnZ2VyRGlyZWN0aXZlIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgQElucHV0KCduZHdNb2RhbFRyaWdnZXInKSBwdWJsaWMgY29ubmVjdGVkVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxDYXJkQ29tcG9uZW50PjtcbiAgcHVibGljIGlzT3BlbiA9IG1vZGVsKGZhbHNlKTtcbiAgcHJpdmF0ZSBvdmVybGF5ID0gaW5qZWN0KE92ZXJsYXkpO1xuICBwcml2YXRlIG92ZXJsYXlSZWY/OiBPdmVybGF5UmVmO1xuICBwcml2YXRlIHZpZXdDb250YWluZXJSZWYgPSBpbmplY3QoVmlld0NvbnRhaW5lclJlZik7XG4gIHByaXZhdGUgZGVzdHJveVJlZiQgPSBpbmplY3QoRGVzdHJveVJlZik7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIGVmZmVjdCgoKSA9PiAodGhpcy5pc09wZW4oKSA/IHRoaXMub3BlbigpIDogdGhpcy5kZXRhY2goKSkpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxuICBwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmlzT3Blbi5zZXQoIXRoaXMuaXNPcGVuKCkpO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMub3ZlcmxheVJlZj8uZGlzcG9zZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBvcGVuKCk6IHZvaWQge1xuICAgIGNvbnN0IHRlbXBsYXRlUG9ydGFsID0gbmV3IFRlbXBsYXRlUG9ydGFsKHRoaXMuY29ubmVjdGVkVGVtcGxhdGUsIHRoaXMudmlld0NvbnRhaW5lclJlZik7XG4gICAgdGhpcy5vdmVybGF5UmVmID0gdGhpcy5vdmVybGF5LmNyZWF0ZSh7XG4gICAgICBoYXNCYWNrZHJvcDogdHJ1ZSxcbiAgICAgIGJhY2tkcm9wQ2xhc3M6ICduZHctb3ZlcmxheS1iYWNrZHJvcCcsXG4gICAgICBzY3JvbGxTdHJhdGVneTogdGhpcy5vdmVybGF5LnNjcm9sbFN0cmF0ZWdpZXMucmVwb3NpdGlvbigpLFxuICAgICAgcG9zaXRpb25TdHJhdGVneTogdGhpcy5vdmVybGF5LnBvc2l0aW9uKCkuZ2xvYmFsKCkuY2VudGVySG9yaXpvbnRhbGx5KCkuY2VudGVyVmVydGljYWxseSgpLFxuICAgIH0pO1xuICAgIHRoaXMub3ZlcmxheVJlZi5hdHRhY2godGVtcGxhdGVQb3J0YWwpO1xuICAgIHRoaXMub3ZlcmxheVJlZi5ob3N0RWxlbWVudC5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIChldmVudDogTW91c2VFdmVudCkgPT4ge1xuICAgICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50IHwgbnVsbDtcbiAgICAgIGlmICh0aGlzLm5vZGVPclBhcmVudHNIYXZlQXR0cmlidXRlKHRhcmdldCwgJ25kd01vZGFsQ2xvc2VUcmlnZ2VyJykpIHtcbiAgICAgICAgdGhpcy5pc09wZW4uc2V0KGZhbHNlKTtcbiAgICAgIH1cbiAgICB9KTtcblxuICAgIHRoaXMuYWN0aW9ucygpXG4gICAgICAucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5kZXN0cm95UmVmJCkpXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5pc09wZW4uc2V0KGZhbHNlKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBub2RlT3JQYXJlbnRzSGF2ZUF0dHJpYnV0ZShub2RlOiBIVE1MRWxlbWVudCB8IG51bGwsIGF0dHJpYnV0ZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgbGV0IG5leHQgPSBub2RlO1xuICAgIHdoaWxlIChuZXh0KSB7XG4gICAgICBpZiAobmV4dC5oYXNBdHRyaWJ1dGUoYXR0cmlidXRlKSkge1xuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgIH1cbiAgICAgIG5leHQgPSBuZXh0LnBhcmVudEVsZW1lbnQ7XG4gICAgfVxuICAgIHJldHVybiBmYWxzZTtcbiAgfVxuXG4gIHByaXZhdGUgYWN0aW9ucygpOiBPYnNlcnZhYmxlPE1vdXNlRXZlbnQ+IHtcbiAgICBpZiAoIXRoaXMub3ZlcmxheVJlZikge1xuICAgICAgcmV0dXJuIEVNUFRZO1xuICAgIH1cblxuICAgIHJldHVybiB0aGlzLm92ZXJsYXlSZWYuX291dHNpZGVQb2ludGVyRXZlbnRzO1xuICB9XG5cbiAgcHJpdmF0ZSBkZXRhY2goKTogdm9pZCB7XG4gICAgdGhpcy5vdmVybGF5UmVmPy5kZXRhY2goKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './pill.component';
|
|
2
|
+
export * from './pill.model';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvcGlsbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9waWxsLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3BpbGwubW9kZWwnO1xuIl19
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Component, HostBinding, input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class PillComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.color = input("green" /* PillColor.Green */);
|
|
6
|
+
}
|
|
7
|
+
get hostClass() {
|
|
8
|
+
return ['ndw-paragraph-md', this.color()];
|
|
9
|
+
}
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.0", 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
|
+
}
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PillComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
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
|
+
}], propDecorators: { hostClass: [{
|
|
17
|
+
type: HostBinding,
|
|
18
|
+
args: ['class']
|
|
19
|
+
}] } });
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvcGlsbC9waWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9waWxsL3BpbGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVM5RCxNQUFNLE9BQU8sYUFBYTtJQU4xQjtRQU9rQixVQUFLLEdBQUcsS0FBSywrQkFBaUIsQ0FBQztLQU1oRDtJQUpDLElBQ1csU0FBUztRQUNsQixPQUFPLENBQUMsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDNUMsQ0FBQzs4R0FOVSxhQUFhO2tHQUFiLGFBQWEsNlBDVDFCLGtCQUNBOzsyRkRRYSxhQUFhO2tCQU56QixTQUFTOytCQUNFLFVBQVUsY0FDUixJQUFJOzhCQVFMLFNBQVM7c0JBRG5CLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQaWxsQ29sb3IgfSBmcm9tICcuL3BpbGwubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZHctcGlsbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiAnLi9waWxsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3BpbGwuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBQaWxsQ29tcG9uZW50IHtcbiAgcHVibGljIHJlYWRvbmx5IGNvbG9yID0gaW5wdXQoUGlsbENvbG9yLkdyZWVuKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHVibGljIGdldCBob3N0Q2xhc3MoKTogc3RyaW5nW10ge1xuICAgIHJldHVybiBbJ25kdy1wYXJhZ3JhcGgtbWQnLCB0aGlzLmNvbG9yKCldO1xuICB9XG59XG4iLCI8bmctY29udGVudCAvPlxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGlsbC5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9waWxsL3BpbGwubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBlbnVtIFBpbGxDb2xvciB7XG4gIEdyZWVuID0gJ2dyZWVuJyxcbiAgR3JheSA9ICdncmF5JyxcbiAgQmx1ZSA9ICdibHVlJyxcbiAgUHVycGxlID0gJ3B1cnBsZScsXG4gIFllbGxvdyA9ICd5ZWxsb3cnLFxuICBSZWQgPSAncmVkJyxcbn1cbiJdfQ==
|
|
@@ -17,7 +17,7 @@ export class TabComponent {
|
|
|
17
17
|
this.active.set(true);
|
|
18
18
|
}
|
|
19
19
|
onTabKeyDown(event) {
|
|
20
|
-
if (event.key !== 'Enter'
|
|
20
|
+
if (event.key !== 'Enter') {
|
|
21
21
|
return;
|
|
22
22
|
}
|
|
23
23
|
event.preventDefault();
|
|
@@ -45,4 +45,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
|
|
|
45
45
|
type: HostListener,
|
|
46
46
|
args: ['keydown', ['$event']]
|
|
47
47
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy90YWIvdGFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy90YWIvdGFiLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLFlBQVk7SUFQekI7UUFRUyxVQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBRWpDLFdBQU0sR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFRVixTQUFJLEdBQUcsS0FBSyxDQUFDO0tBb0JqQztJQTFCQyxJQUNjLGVBQWU7UUFDM0IsT0FBTyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksSUFBSSxDQUFDO0lBQy9CLENBQUM7SUFLRCxJQUNjLFFBQVE7UUFDcEIsT0FBTyxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBR00sT0FBTztRQUNaLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFTSxZQUFZLENBQUMsS0FBb0I7UUFDdEMsSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLE9BQU8sRUFBRSxDQUFDO1lBQzFCLE9BQU87UUFDVCxDQUFDO1FBRUQsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3hCLENBQUM7OEdBOUJVLFlBQVk7a0dBQVosWUFBWSxpakJDVnpCLGtCQUNBOzsyRkRTYSxZQUFZO2tCQVB4QixTQUFTOytCQUNFLFNBQVMsY0FDUCxJQUFJLFdBQ1AsRUFBRTs4QkFVRyxlQUFlO3NCQUQ1QixXQUFXO3VCQUFDLGFBQWE7Z0JBTVAsSUFBSTtzQkFEdEIsV0FBVzt1QkFBQyxXQUFXO2dCQUlWLFFBQVE7c0JBRHJCLFdBQVc7dUJBQUMsZUFBZTtnQkFNckIsT0FBTztzQkFEYixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFLMUIsWUFBWTtzQkFEbEIsWUFBWTt1QkFBQyxTQUFTLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBpbnB1dCwgbW9kZWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZHctdGFiJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi90YWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGFiLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgVGFiQ29tcG9uZW50IHtcbiAgcHVibGljIGluZGV4ID0gaW5wdXQucmVxdWlyZWQ8bnVtYmVyPigpO1xuXG4gIHB1YmxpYyBhY3RpdmUgPSBtb2RlbChmYWxzZSk7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmFjdGl2ZScpXG4gIHByb3RlY3RlZCBnZXQgYWN0aXZlQXR0cmlidXRlKCk6IGJvb2xlYW4gfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5hY3RpdmUoKSB8fCBudWxsO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKVxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgcm9sZSA9ICd0YWInO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpXG4gIHByb3RlY3RlZCBnZXQgdGFiSW5kZXgoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5pbmRleCgpICsgMSB8fCAwO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxuICBwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGl2ZS5zZXQodHJ1ZSk7XG4gIH1cbiAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bicsIFsnJGV2ZW50J10pXG4gIHB1YmxpYyBvblRhYktleURvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoZXZlbnQua2V5ICE9PSAnRW50ZXInKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB0aGlzLmFjdGl2ZS5zZXQodHJ1ZSk7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IC8+XG4iXX0=
|
|
@@ -24,13 +24,13 @@ export class TabGroupComponent {
|
|
|
24
24
|
});
|
|
25
25
|
}
|
|
26
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.3.0", 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
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "17.3.0", 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
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TabGroupComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
|
-
args: [{ selector: 'ndw-tab-group', standalone: true, imports: [], template: "<ng-content
|
|
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: [{
|
|
33
33
|
type: HostBinding,
|
|
34
34
|
args: ['attr.role']
|
|
35
35
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy90YWItZ3JvdXAvdGFiLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy90YWItZ3JvdXAvdGFiLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0IsU0FBUyxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFTcEQsTUFBTSxPQUFPLGlCQUFpQjtJQVA5QjtRQVFTLFNBQUksR0FBRyxlQUFlLENBQUMsWUFBWSxDQUFDLENBQUM7UUFFckMsY0FBUyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUdULFNBQUksR0FBRyxTQUFTLENBQUM7S0FtQnJDO0lBakJRLGtCQUFrQjtRQUN2QixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtZQUN4QyxNQUFNLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsS0FBSyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1lBQ3pDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxRQUFpQixFQUFFLEVBQUU7Z0JBQ3JDLElBQUksUUFBUSxFQUFFLENBQUM7b0JBQ2IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztnQkFDOUIsQ0FBQztnQkFDRCxNQUFNLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsS0FBSyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1lBQzNDLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDNUIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUU7Z0JBQ3hDLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxLQUFLLEtBQUssRUFBRSxDQUFDLENBQUM7WUFDM0MsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBeEJVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDZVQUNFLFlBQVksNkNDWDVDLGtCQUNBOzsyRkRTYSxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUCxFQUFFOzhCQVVRLElBQUk7c0JBRHRCLFdBQVc7dUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIGNvbnRlbnRDaGlsZHJlbiwgbW9kZWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRhYkNvbXBvbmVudCB9IGZyb20gJy4uL3RhYi90YWIuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmR3LXRhYi1ncm91cCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFiLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3RhYi1ncm91cC5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFRhYkdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIHB1YmxpYyB0YWJzID0gY29udGVudENoaWxkcmVuKFRhYkNvbXBvbmVudCk7XG5cbiAgcHVibGljIGFjdGl2ZVRhYiA9IG1vZGVsKDApO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJylcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHJvbGUgPSAndGFibGlzdCc7XG5cbiAgcHVibGljIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRhYnMoKS5mb3JFYWNoKCh7IGFjdGl2ZSwgaW5kZXggfSkgPT4ge1xuICAgICAgYWN0aXZlLnNldCh0aGlzLmFjdGl2ZVRhYigpID09PSBpbmRleCgpKTtcbiAgICAgIGFjdGl2ZS5zdWJzY3JpYmUoKGlzQWN0aXZlOiBib29sZWFuKSA9PiB7XG4gICAgICAgIGlmIChpc0FjdGl2ZSkge1xuICAgICAgICAgIHRoaXMuYWN0aXZlVGFiLnNldChpbmRleCgpKTtcbiAgICAgICAgfVxuICAgICAgICBhY3RpdmUuc2V0KHRoaXMuYWN0aXZlVGFiKCkgPT09IGluZGV4KCkpO1xuICAgICAgfSk7XG4gICAgfSk7XG5cbiAgICB0aGlzLmFjdGl2ZVRhYi5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy50YWJzKCkuZm9yRWFjaCgoeyBhY3RpdmUsIGluZGV4IH0pID0+IHtcbiAgICAgICAgYWN0aXZlLnNldCh0aGlzLmFjdGl2ZVRhYigpID09PSBpbmRleCgpKTtcbiAgICAgIH0pO1xuICAgIH0pO1xuICB9XG59XG4iLCI8bmctY29udGVudCAvPlxuIl19
|