@ndwnu/design-system 1.0.1 → 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/collapsible/collapsible.component.d.ts +1 -1
- package/components/dropdown/dropdown-trigger.directive.d.ts +1 -1
- package/components/form-field/form-field.component.d.ts +2 -3
- package/components/form-field/input/input.directive.d.ts +1 -0
- 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 +287 -1
- package/core/styles/nwb-styles.scss +287 -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.animation.mjs +14 -24
- package/esm2022/components/collapsible/collapsible.component.mjs +5 -5
- package/esm2022/components/dropdown/dropdown-trigger.directive.mjs +11 -15
- 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 +12 -11
- package/esm2022/components/form-field/info/info.component.mjs +3 -3
- package/esm2022/components/form-field/input/input.directive.mjs +10 -8
- 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 +121 -132
- package/fesm2022/ndwnu-design-system.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -23,10 +23,10 @@ export class ButtonDirective {
|
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
25
|
}
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
27
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
27
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: ButtonDirective, isStandalone: true, selector: "[ndwButton]", ngImport: i0 }); }
|
|
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: ButtonDirective, decorators: [{
|
|
30
30
|
type: Directive,
|
|
31
31
|
args: [{
|
|
32
32
|
selector: '[ndwButton]',
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class CardComponent {
|
|
4
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.
|
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: CardComponent, isStandalone: true, selector: "ndw-card", ngImport: i0, template: "<div class=\"ndw-card-title\">\n <ng-content select=\"[title]\"></ng-content>\n</div>\n<div class=\"ndw-card-body\">\n <ng-content select=\"[body]\"></ng-content>\n</div>\n<div class=\"ndw-card-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n</div>\n", styles: [":host{display:grid;border-radius:var(--ndw-border-radius-md);background-color:var(--ndw-color-white);padding:var(--ndw-spacing-lg);box-shadow:var(--ndw-elevation-content)}:host[cardModal] .ndw-card-body{max-height:100%;overflow-y:auto;width:500px}:host[cardModal] .ndw-card-footer{display:flex;justify-content:flex-end;gap:var(--ndw-spacing-md)}.ndw-card-title{display:flex;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700;margin-bottom:var(--ndw-spacing-xs)}.ndw-card-body{font-size:var(--ndw-font-size-sm)}.ndw-card-footer{display:flex;gap:var(--ndw-spacing-xs);margin-top:var(--ndw-spacing-xs);font-size:var(--ndw-font-size-sm)}\n"] }); }
|
|
6
6
|
}
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CardComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{ selector: 'ndw-card', standalone: true, imports: [], template: "<div class=\"ndw-card-title\">\n <ng-content select=\"[title]\"></ng-content>\n</div>\n<div class=\"ndw-card-body\">\n <ng-content select=\"[body]\"></ng-content>\n</div>\n<div class=\"ndw-card-footer\">\n <ng-content select=\"[footer]\"></ng-content>\n</div>\n", styles: [":host{display:grid;border-radius:var(--ndw-border-radius-md);background-color:var(--ndw-color-white);padding:var(--ndw-spacing-lg);box-shadow:var(--ndw-elevation-content)}:host[cardModal] .ndw-card-body{max-height:100%;overflow-y:auto;width:500px}:host[cardModal] .ndw-card-footer{display:flex;justify-content:flex-end;gap:var(--ndw-spacing-md)}.ndw-card-title{display:flex;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700;margin-bottom:var(--ndw-spacing-xs)}.ndw-card-body{font-size:var(--ndw-font-size-sm)}.ndw-card-footer{display:flex;gap:var(--ndw-spacing-xs);margin-top:var(--ndw-spacing-xs);font-size:var(--ndw-font-size-sm)}\n"] }]
|
|
10
10
|
}] });
|
|
@@ -1,36 +1,26 @@
|
|
|
1
|
-
import { animate,
|
|
1
|
+
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
2
2
|
export const collapsibleAnimation = [
|
|
3
3
|
trigger('collapsible', [
|
|
4
|
-
state('
|
|
4
|
+
state('open', style({
|
|
5
5
|
'max-height': '100vh',
|
|
6
6
|
opacity: '1',
|
|
7
|
-
visibility: 'visible',
|
|
8
7
|
})),
|
|
9
|
-
state('
|
|
8
|
+
state('closed', style({
|
|
10
9
|
'max-height': '0',
|
|
11
10
|
opacity: '0',
|
|
12
|
-
visibility: 'hidden',
|
|
13
11
|
})),
|
|
14
|
-
transition('
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
visibility: 'hidden',
|
|
20
|
-
})),
|
|
21
|
-
]),
|
|
12
|
+
transition('open => closed', [
|
|
13
|
+
animate('500ms ease-in-out', style({
|
|
14
|
+
'max-height': '0px',
|
|
15
|
+
opacity: '0',
|
|
16
|
+
})),
|
|
22
17
|
]),
|
|
23
|
-
transition('
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
animate('500ms ease-in-out', style({
|
|
29
|
-
'max-height': '100vh',
|
|
30
|
-
visibility: 'visible',
|
|
31
|
-
})),
|
|
32
|
-
]),
|
|
18
|
+
transition('closed => open', [
|
|
19
|
+
animate('500ms ease-in-out', style({
|
|
20
|
+
'max-height': '100vh',
|
|
21
|
+
opacity: '1',
|
|
22
|
+
})),
|
|
33
23
|
]),
|
|
34
24
|
]),
|
|
35
25
|
];
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2libGUuYW5pbWF0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2NvbGxhcHNpYmxlL2NvbGxhcHNpYmxlLmFuaW1hdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRWpGLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHO0lBQ2xDLE9BQU8sQ0FBQyxhQUFhLEVBQUU7UUFDckIsS0FBSyxDQUNILE1BQU0sRUFDTixLQUFLLENBQUM7WUFDSixZQUFZLEVBQUUsT0FBTztZQUNyQixPQUFPLEVBQUUsR0FBRztTQUNiLENBQUMsQ0FDSDtRQUNELEtBQUssQ0FDSCxRQUFRLEVBQ1IsS0FBSyxDQUFDO1lBQ0osWUFBWSxFQUFFLEdBQUc7WUFDakIsT0FBTyxFQUFFLEdBQUc7U0FDYixDQUFDLENBQ0g7UUFDRCxVQUFVLENBQUMsZ0JBQWdCLEVBQUU7WUFDM0IsT0FBTyxDQUNMLG1CQUFtQixFQUNuQixLQUFLLENBQUM7Z0JBQ0osWUFBWSxFQUFFLEtBQUs7Z0JBQ25CLE9BQU8sRUFBRSxHQUFHO2FBQ2IsQ0FBQyxDQUNIO1NBQ0YsQ0FBQztRQUNGLFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRTtZQUMzQixPQUFPLENBQ0wsbUJBQW1CLEVBQ25CLEtBQUssQ0FBQztnQkFDSixZQUFZLEVBQUUsT0FBTztnQkFDckIsT0FBTyxFQUFFLEdBQUc7YUFDYixDQUFDLENBQ0g7U0FDRixDQUFDO0tBQ0gsQ0FBQztDQUNILENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuZXhwb3J0IGNvbnN0IGNvbGxhcHNpYmxlQW5pbWF0aW9uID0gW1xuICB0cmlnZ2VyKCdjb2xsYXBzaWJsZScsIFtcbiAgICBzdGF0ZShcbiAgICAgICdvcGVuJyxcbiAgICAgIHN0eWxlKHtcbiAgICAgICAgJ21heC1oZWlnaHQnOiAnMTAwdmgnLFxuICAgICAgICBvcGFjaXR5OiAnMScsXG4gICAgICB9KSxcbiAgICApLFxuICAgIHN0YXRlKFxuICAgICAgJ2Nsb3NlZCcsXG4gICAgICBzdHlsZSh7XG4gICAgICAgICdtYXgtaGVpZ2h0JzogJzAnLFxuICAgICAgICBvcGFjaXR5OiAnMCcsXG4gICAgICB9KSxcbiAgICApLFxuICAgIHRyYW5zaXRpb24oJ29wZW4gPT4gY2xvc2VkJywgW1xuICAgICAgYW5pbWF0ZShcbiAgICAgICAgJzUwMG1zIGVhc2UtaW4tb3V0JyxcbiAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICdtYXgtaGVpZ2h0JzogJzBweCcsXG4gICAgICAgICAgb3BhY2l0eTogJzAnLFxuICAgICAgICB9KSxcbiAgICAgICksXG4gICAgXSksXG4gICAgdHJhbnNpdGlvbignY2xvc2VkID0+IG9wZW4nLCBbXG4gICAgICBhbmltYXRlKFxuICAgICAgICAnNTAwbXMgZWFzZS1pbi1vdXQnLFxuICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgJ21heC1oZWlnaHQnOiAnMTAwdmgnLFxuICAgICAgICAgIG9wYWNpdHk6ICcxJyxcbiAgICAgICAgfSksXG4gICAgICApLFxuICAgIF0pLFxuICBdKSxcbl07XG4iXX0=
|
|
@@ -12,7 +12,7 @@ export class CollapsibleComponent {
|
|
|
12
12
|
this.value = input();
|
|
13
13
|
this.expanded = model(false);
|
|
14
14
|
this.accordionService = inject(AccordionService);
|
|
15
|
-
this.animationState = computed(() => (this.expanded() ? '
|
|
15
|
+
this.animationState = computed(() => (this.expanded() ? 'open' : 'closed'));
|
|
16
16
|
}
|
|
17
17
|
get expandedClass() {
|
|
18
18
|
return this.expanded();
|
|
@@ -33,14 +33,14 @@ export class CollapsibleComponent {
|
|
|
33
33
|
this.accordionService.setExpandedCollapsible(this.index());
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.
|
|
36
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: CollapsibleComponent, isStandalone: true, selector: "ndw-collapsible", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { properties: { "class.expanded": "this.expandedClass" } }, ngImport: i0, template: "<header tabindex=\"0\" (click)=\"onClick()\" (keydown)=\"onKeydown($event)\">\n <div class=\"title\">\n {{ title() }}\n @if (value(); as value) {\n <ndw-badge [value]=\"value\" />\n }\n </div>\n <ndw-icon name=\"chevron-down\" />\n</header>\n<section [@collapsible]=\"animationState()\">\n <ng-content />\n</section>\n", styles: [":host{display:block;border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}header{align-items:center;cursor:pointer;display:flex;font-size:var(--ndw-font-size-sm);gap:var(--ndw-spacing-xs);justify-content:space-between;padding-block:var(--ndw-spacing-md);transition:color var(--ndw-animation-speed-fast) ease-in-out}header .title{display:flex;gap:var(--ndw-spacing-xs)}header ndw-icon{color:var(--ndw-color-primary);height:var(--ndw-spacing-lg);transition:transform var(--ndw-animation-speed-fast) ease-in-out;width:var(--ndw-spacing-lg)}header:hover{color:var(--ndw-color-primary)}header:focus-visible{box-shadow:var(--ndw-elevation-info);color:var(--ndw-color-primary);outline:none}section{display:none;height:fit-content;margin-block:0;overflow:hidden;transition:height var(--ndw-animation-speed-slow) ease-in-out}:host(.expanded) header ndw-icon{transform:rotate(-180deg)}:host(.expanded) section{display:block;margin-block:var(--ndw-spacing-sm) var(--ndw-spacing-md)}\n"], dependencies: [{ kind: "component", type: BadgeComponent, selector: "ndw-badge", inputs: ["value"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["name", "interactive"] }], animations: [collapsibleAnimation] }); }
|
|
38
38
|
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CollapsibleComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
41
|
args: [{ selector: 'ndw-collapsible', standalone: true, imports: [BadgeComponent, IconComponent, NgClass], animations: [collapsibleAnimation], template: "<header tabindex=\"0\" (click)=\"onClick()\" (keydown)=\"onKeydown($event)\">\n <div class=\"title\">\n {{ title() }}\n @if (value(); as value) {\n <ndw-badge [value]=\"value\" />\n }\n </div>\n <ndw-icon name=\"chevron-down\" />\n</header>\n<section [@collapsible]=\"animationState()\">\n <ng-content />\n</section>\n", styles: [":host{display:block;border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}header{align-items:center;cursor:pointer;display:flex;font-size:var(--ndw-font-size-sm);gap:var(--ndw-spacing-xs);justify-content:space-between;padding-block:var(--ndw-spacing-md);transition:color var(--ndw-animation-speed-fast) ease-in-out}header .title{display:flex;gap:var(--ndw-spacing-xs)}header ndw-icon{color:var(--ndw-color-primary);height:var(--ndw-spacing-lg);transition:transform var(--ndw-animation-speed-fast) ease-in-out;width:var(--ndw-spacing-lg)}header:hover{color:var(--ndw-color-primary)}header:focus-visible{box-shadow:var(--ndw-elevation-info);color:var(--ndw-color-primary);outline:none}section{display:none;height:fit-content;margin-block:0;overflow:hidden;transition:height var(--ndw-animation-speed-slow) ease-in-out}:host(.expanded) header ndw-icon{transform:rotate(-180deg)}:host(.expanded) section{display:block;margin-block:var(--ndw-spacing-sm) var(--ndw-spacing-md)}\n"] }]
|
|
42
42
|
}], propDecorators: { expandedClass: [{
|
|
43
43
|
type: HostBinding,
|
|
44
44
|
args: ['class.expanded']
|
|
45
45
|
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2libGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2NvbGxhcHNpYmxlL2NvbGxhcHNpYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9jb2xsYXBzaWJsZS9jb2xsYXBzaWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNoRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFFeEMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBVS9ELE1BQU0sT0FBTyxvQkFBb0I7SUFSakM7UUFTUyxVQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ2pDLFVBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDakMsVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBRXhCLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFZCxxQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQU90RCxtQkFBYyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0tBcUIvRTtJQTFCQyxJQUNXLGFBQWE7UUFDdEIsT0FBTyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUlNLE9BQU87UUFDWixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQUVNLFNBQVMsQ0FBQyxLQUFvQjtRQUNuQyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDMUIsT0FBTztRQUNULENBQUM7UUFFRCxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFFTyxNQUFNO1FBQ1osSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUNwQyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUM3RCxDQUFDO0lBQ0gsQ0FBQzs4R0FsQ1Usb0JBQW9CO2tHQUFwQixvQkFBb0IseXFCQ2pCakMsa1ZBWUEseWhDREFZLGNBQWMseUVBQUUsYUFBYSx3RUFHM0IsQ0FBQyxvQkFBb0IsQ0FBQzs7MkZBRXZCLG9CQUFvQjtrQkFSaEMsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxjQUFjLEVBQUUsYUFBYSxFQUFFLE9BQU8sQ0FBQyxjQUdyQyxDQUFDLG9CQUFvQixDQUFDOzhCQVl2QixhQUFhO3NCQUR2QixXQUFXO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgY29tcHV0ZWQsIGluamVjdCwgaW5wdXQsIG1vZGVsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFjY29yZGlvblNlcnZpY2UgfSBmcm9tICcuLi9hY2NvcmRpb24nO1xuaW1wb3J0IHsgQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuLi9iYWRnZSc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbic7XG5cbmltcG9ydCB7IGNvbGxhcHNpYmxlQW5pbWF0aW9uIH0gZnJvbSAnLi9jb2xsYXBzaWJsZS5hbmltYXRpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZHctY29sbGFwc2libGUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQmFkZ2VDb21wb25lbnQsIEljb25Db21wb25lbnQsIE5nQ2xhc3NdLFxuICB0ZW1wbGF0ZVVybDogJy4vY29sbGFwc2libGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vY29sbGFwc2libGUuY29tcG9uZW50LnNjc3MnLFxuICBhbmltYXRpb25zOiBbY29sbGFwc2libGVBbmltYXRpb25dLFxufSlcbmV4cG9ydCBjbGFzcyBDb2xsYXBzaWJsZUNvbXBvbmVudCB7XG4gIHB1YmxpYyBpbmRleCA9IGlucHV0LnJlcXVpcmVkPG51bWJlcj4oKTtcbiAgcHVibGljIHRpdGxlID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuICBwdWJsaWMgdmFsdWUgPSBpbnB1dDxudW1iZXI+KCk7XG5cbiAgcHVibGljIGV4cGFuZGVkID0gbW9kZWwoZmFsc2UpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgYWNjb3JkaW9uU2VydmljZSA9IGluamVjdChBY2NvcmRpb25TZXJ2aWNlKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmV4cGFuZGVkJylcbiAgcHVibGljIGdldCBleHBhbmRlZENsYXNzKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmV4cGFuZGVkKCk7XG4gIH1cblxuICBwdWJsaWMgYW5pbWF0aW9uU3RhdGUgPSBjb21wdXRlZCgoKSA9PiAodGhpcy5leHBhbmRlZCgpID8gJ29wZW4nIDogJ2Nsb3NlZCcpKTtcblxuICBwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZSgpO1xuICB9XG5cbiAgcHVibGljIG9uS2V5ZG93bihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGlmIChldmVudC5rZXkgIT09ICdFbnRlcicpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIHRoaXMudG9nZ2xlKCk7XG4gIH1cblxuICBwcml2YXRlIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICB0aGlzLmV4cGFuZGVkLnNldCghdGhpcy5leHBhbmRlZCgpKTtcbiAgICBpZiAodGhpcy5leHBhbmRlZCgpKSB7XG4gICAgICB0aGlzLmFjY29yZGlvblNlcnZpY2Uuc2V0RXhwYW5kZWRDb2xsYXBzaWJsZSh0aGlzLmluZGV4KCkpO1xuICAgIH1cbiAgfVxufVxuIiwiPGhlYWRlciB0YWJpbmRleD1cIjBcIiAoY2xpY2spPVwib25DbGljaygpXCIgKGtleWRvd24pPVwib25LZXlkb3duKCRldmVudClcIj5cbiAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAge3sgdGl0bGUoKSB9fVxuICAgIEBpZiAodmFsdWUoKTsgYXMgdmFsdWUpIHtcbiAgICAgIDxuZHctYmFkZ2UgW3ZhbHVlXT1cInZhbHVlXCIgLz5cbiAgICB9XG4gIDwvZGl2PlxuICA8bmR3LWljb24gbmFtZT1cImNoZXZyb24tZG93blwiIC8+XG48L2hlYWRlcj5cbjxzZWN0aW9uIFtAY29sbGFwc2libGVdPVwiYW5pbWF0aW9uU3RhdGUoKVwiPlxuICA8bmctY29udGVudCAvPlxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -3,7 +3,7 @@ import { Overlay } from '@angular/cdk/overlay';
|
|
|
3
3
|
import { TemplatePortal } from '@angular/cdk/portal';
|
|
4
4
|
import { DestroyRef, Directive, ElementRef, HostListener, ViewContainerRef, effect, inject, input, model, } from '@angular/core';
|
|
5
5
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
6
|
-
import {
|
|
6
|
+
import { take } from 'rxjs';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class DropdownTriggerDirective {
|
|
9
9
|
toggle() {
|
|
@@ -12,11 +12,6 @@ export class DropdownTriggerDirective {
|
|
|
12
12
|
}
|
|
13
13
|
this.isOpen.set(!this.isOpen());
|
|
14
14
|
}
|
|
15
|
-
trapFocus() {
|
|
16
|
-
if (this.overlayRef?.overlayElement) {
|
|
17
|
-
this.focusTrapFactory.create(this.overlayRef?.overlayElement);
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
15
|
constructor() {
|
|
21
16
|
this.dropdownContent = input.required({ alias: 'ndwDropdownTrigger' });
|
|
22
17
|
this.toggleOnClick = input(true);
|
|
@@ -58,9 +53,13 @@ export class DropdownTriggerDirective {
|
|
|
58
53
|
.withPositions([position]),
|
|
59
54
|
});
|
|
60
55
|
this.overlayRef.attach(templatePortal);
|
|
56
|
+
this.trapFocus(this.overlayRef);
|
|
61
57
|
this.closeOverlayOnEscapeKey(this.overlayRef);
|
|
62
58
|
this.closeOverlayOnBackdropClick(this.overlayRef);
|
|
63
59
|
}
|
|
60
|
+
trapFocus(overlayRef) {
|
|
61
|
+
this.focusTrapFactory.create(overlayRef.overlayElement);
|
|
62
|
+
}
|
|
64
63
|
closeOverlayOnEscapeKey(overlayRef) {
|
|
65
64
|
overlayRef.overlayElement.onkeydown = (event) => {
|
|
66
65
|
if (event.key === 'Escape') {
|
|
@@ -71,19 +70,19 @@ export class DropdownTriggerDirective {
|
|
|
71
70
|
closeOverlayOnBackdropClick(overlayRef) {
|
|
72
71
|
overlayRef
|
|
73
72
|
.backdropClick()
|
|
74
|
-
.pipe(takeUntilDestroyed(this.destroyRef),
|
|
73
|
+
.pipe(takeUntilDestroyed(this.destroyRef), take(1))
|
|
75
74
|
.subscribe(() => {
|
|
76
75
|
this.isOpen.set(false);
|
|
77
76
|
});
|
|
78
77
|
}
|
|
79
78
|
close() {
|
|
80
|
-
this.overlayRef?.
|
|
79
|
+
this.overlayRef?.dispose();
|
|
81
80
|
this.elementRef.nativeElement.focus();
|
|
82
81
|
}
|
|
83
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
84
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.
|
|
82
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DropdownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
83
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.3", type: DropdownTriggerDirective, isStandalone: true, selector: "[ndwDropdownTrigger]", inputs: { dropdownContent: { classPropertyName: "dropdownContent", publicName: "ndwDropdownTrigger", isSignal: true, isRequired: true, transformFunction: null }, toggleOnClick: { classPropertyName: "toggleOnClick", publicName: "toggleOnClick", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange" }, host: { listeners: { "click": "toggle()" } }, ngImport: i0 }); }
|
|
85
84
|
}
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DropdownTriggerDirective, decorators: [{
|
|
87
86
|
type: Directive,
|
|
88
87
|
args: [{
|
|
89
88
|
selector: '[ndwDropdownTrigger]',
|
|
@@ -92,8 +91,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
92
91
|
}], ctorParameters: () => [], propDecorators: { toggle: [{
|
|
93
92
|
type: HostListener,
|
|
94
93
|
args: ['click']
|
|
95
|
-
}], trapFocus: [{
|
|
96
|
-
type: HostListener,
|
|
97
|
-
args: ['keydown.tab']
|
|
98
94
|
}] } });
|
|
99
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tdHJpZ2dlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvZHJvcGRvd24vZHJvcGRvd24tdHJpZ2dlci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDakUsT0FBTyxFQUFxQixPQUFPLEVBQWMsTUFBTSxzQkFBc0IsQ0FBQztBQUM5RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckQsT0FBTyxFQUNMLFVBQVUsRUFDVixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFHWixnQkFBZ0IsRUFDaEIsTUFBTSxFQUNOLE1BQU0sRUFDTixLQUFLLEVBQ0wsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBTTVCLE1BQU0sT0FBTyx3QkFBd0I7SUFNNUIsTUFBTTtRQUNYLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLEVBQUUsQ0FBQztZQUMxQixPQUFPO1FBQ1QsQ0FBQztRQUVELElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQVVEO1FBckJPLG9CQUFlLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBdUIsRUFBRSxLQUFLLEVBQUUsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDO1FBQ3hGLGtCQUFhLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzVCLFdBQU0sR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFXckIsZUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNoQyxlQUFVLEdBQUcsTUFBTSxDQUEwQixDQUFBLFVBQXVCLENBQUEsQ0FBQyxDQUFDO1FBQ3RFLFlBQU8sR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDMUIscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDNUMscUJBQWdCLEdBQUcsTUFBTSxDQUFDLDRCQUE0QixDQUFDLENBQUM7UUFLOUQsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUM7Z0JBQ2xCLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNkLENBQUM7aUJBQU0sQ0FBQztnQkFDTixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDZixDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBRU8sSUFBSTtRQUNWLE1BQU0sUUFBUSxHQUFzQjtZQUNsQyxPQUFPLEVBQUUsT0FBTztZQUNoQixPQUFPLEVBQUUsUUFBUTtZQUNqQixRQUFRLEVBQUUsT0FBTztZQUNqQixRQUFRLEVBQUUsS0FBSztZQUNmLE9BQU8sRUFBRSxDQUFDO1lBQ1YsVUFBVSxFQUFFLG9CQUFvQjtTQUNqQyxDQUFDO1FBQ0YsTUFBTSxjQUFjLEdBQUcsSUFBSSxjQUFjLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBRXpGLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7WUFDcEMsV0FBVyxFQUFFLElBQUk7WUFDakIsYUFBYSxFQUFFLGtDQUFrQztZQUNqRCxjQUFjLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUU7WUFDMUQsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLE9BQU87aUJBQzNCLFFBQVEsRUFBRTtpQkFDVixtQkFBbUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO2lCQUNwQyxhQUFhLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUM3QixDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUV2QyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNoQyxJQUFJLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzlDLElBQUksQ0FBQywyQkFBMkIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVPLFNBQVMsQ0FBQyxVQUFzQjtRQUN0QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUMxRCxDQUFDO0lBRU8sdUJBQXVCLENBQUMsVUFBc0I7UUFDcEQsVUFBVSxDQUFDLGNBQWMsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxLQUFvQixFQUFRLEVBQUU7WUFDbkUsSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLFFBQVEsRUFBRSxDQUFDO2dCQUMzQixJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUN6QixDQUFDO1FBQ0gsQ0FBQyxDQUFDO0lBQ0osQ0FBQztJQUVPLDJCQUEyQixDQUFDLFVBQXNCO1FBQ3hELFVBQVU7YUFDUCxhQUFhLEVBQUU7YUFDZixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUNsRCxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRU8sS0FBSztRQUNYLElBQUksQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDeEMsQ0FBQzs4R0F2RlUsd0JBQXdCO2tHQUF4Qix3QkFBd0I7OzJGQUF4Qix3QkFBd0I7a0JBSnBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCO3dEQU9RLE1BQU07c0JBRFosWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29uZmlndXJhYmxlRm9jdXNUcmFwRmFjdG9yeSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcbmltcG9ydCB7IENvbm5lY3RlZFBvc2l0aW9uLCBPdmVybGF5LCBPdmVybGF5UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgVGVtcGxhdGVQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7XG4gIERlc3Ryb3lSZWYsXG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBPbkRlc3Ryb3ksXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q29udGFpbmVyUmVmLFxuICBlZmZlY3QsXG4gIGluamVjdCxcbiAgaW5wdXQsXG4gIG1vZGVsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IHRha2UgfSBmcm9tICdyeGpzJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW25kd0Ryb3Bkb3duVHJpZ2dlcl0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93blRyaWdnZXJEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBwdWJsaWMgZHJvcGRvd25Db250ZW50ID0gaW5wdXQucmVxdWlyZWQ8VGVtcGxhdGVSZWY8dW5rbm93bj4+KHsgYWxpYXM6ICduZHdEcm9wZG93blRyaWdnZXInIH0pO1xuICBwdWJsaWMgdG9nZ2xlT25DbGljayA9IGlucHV0KHRydWUpO1xuICBwdWJsaWMgaXNPcGVuID0gbW9kZWwoZmFsc2UpO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgcHVibGljIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMudG9nZ2xlT25DbGljaygpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5pc09wZW4uc2V0KCF0aGlzLmlzT3BlbigpKTtcbiAgfVxuXG4gIHByaXZhdGUgZGVzdHJveVJlZiA9IGluamVjdChEZXN0cm95UmVmKTtcbiAgcHJpdmF0ZSBlbGVtZW50UmVmID0gaW5qZWN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PihFbGVtZW50UmVmPEhUTUxFbGVtZW50Pik7XG4gIHByaXZhdGUgb3ZlcmxheSA9IGluamVjdChPdmVybGF5KTtcbiAgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmID0gaW5qZWN0KFZpZXdDb250YWluZXJSZWYpO1xuICBwcml2YXRlIGZvY3VzVHJhcEZhY3RvcnkgPSBpbmplY3QoQ29uZmlndXJhYmxlRm9jdXNUcmFwRmFjdG9yeSk7XG5cbiAgcHJpdmF0ZSBvdmVybGF5UmVmPzogT3ZlcmxheVJlZjtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgZWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICh0aGlzLmlzT3BlbigpKSB7XG4gICAgICAgIHRoaXMub3BlbigpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5jbG9zZSgpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuaXNPcGVuLnNldChmYWxzZSk7XG4gIH1cblxuICBwcml2YXRlIG9wZW4oKTogdm9pZCB7XG4gICAgY29uc3QgcG9zaXRpb246IENvbm5lY3RlZFBvc2l0aW9uID0ge1xuICAgICAgb3JpZ2luWDogJ3N0YXJ0JyxcbiAgICAgIG9yaWdpblk6ICdib3R0b20nLFxuICAgICAgb3ZlcmxheVg6ICdzdGFydCcsXG4gICAgICBvdmVybGF5WTogJ3RvcCcsXG4gICAgICBvZmZzZXRZOiA0LFxuICAgICAgcGFuZWxDbGFzczogJ25kdy1kcm9wZG93bi1wYW5lbCcsXG4gICAgfTtcbiAgICBjb25zdCB0ZW1wbGF0ZVBvcnRhbCA9IG5ldyBUZW1wbGF0ZVBvcnRhbCh0aGlzLmRyb3Bkb3duQ29udGVudCgpLCB0aGlzLnZpZXdDb250YWluZXJSZWYpO1xuXG4gICAgdGhpcy5vdmVybGF5UmVmID0gdGhpcy5vdmVybGF5LmNyZWF0ZSh7XG4gICAgICBoYXNCYWNrZHJvcDogdHJ1ZSxcbiAgICAgIGJhY2tkcm9wQ2xhc3M6ICdjZGstb3ZlcmxheS10cmFuc3BhcmVudC1iYWNrZHJvcCcsXG4gICAgICBzY3JvbGxTdHJhdGVneTogdGhpcy5vdmVybGF5LnNjcm9sbFN0cmF0ZWdpZXMucmVwb3NpdGlvbigpLFxuICAgICAgcG9zaXRpb25TdHJhdGVneTogdGhpcy5vdmVybGF5XG4gICAgICAgIC5wb3NpdGlvbigpXG4gICAgICAgIC5mbGV4aWJsZUNvbm5lY3RlZFRvKHRoaXMuZWxlbWVudFJlZilcbiAgICAgICAgLndpdGhQb3NpdGlvbnMoW3Bvc2l0aW9uXSksXG4gICAgfSk7XG4gICAgdGhpcy5vdmVybGF5UmVmLmF0dGFjaCh0ZW1wbGF0ZVBvcnRhbCk7XG5cbiAgICB0aGlzLnRyYXBGb2N1cyh0aGlzLm92ZXJsYXlSZWYpO1xuICAgIHRoaXMuY2xvc2VPdmVybGF5T25Fc2NhcGVLZXkodGhpcy5vdmVybGF5UmVmKTtcbiAgICB0aGlzLmNsb3NlT3ZlcmxheU9uQmFja2Ryb3BDbGljayh0aGlzLm92ZXJsYXlSZWYpO1xuICB9XG5cbiAgcHJpdmF0ZSB0cmFwRm9jdXMob3ZlcmxheVJlZjogT3ZlcmxheVJlZik6IHZvaWQge1xuICAgIHRoaXMuZm9jdXNUcmFwRmFjdG9yeS5jcmVhdGUob3ZlcmxheVJlZi5vdmVybGF5RWxlbWVudCk7XG4gIH1cblxuICBwcml2YXRlIGNsb3NlT3ZlcmxheU9uRXNjYXBlS2V5KG92ZXJsYXlSZWY6IE92ZXJsYXlSZWYpOiB2b2lkIHtcbiAgICBvdmVybGF5UmVmLm92ZXJsYXlFbGVtZW50Lm9ua2V5ZG93biA9IChldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQgPT4ge1xuICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgICAgdGhpcy5pc09wZW4uc2V0KGZhbHNlKTtcbiAgICAgIH1cbiAgICB9O1xuICB9XG5cbiAgcHJpdmF0ZSBjbG9zZU92ZXJsYXlPbkJhY2tkcm9wQ2xpY2sob3ZlcmxheVJlZjogT3ZlcmxheVJlZik6IHZvaWQge1xuICAgIG92ZXJsYXlSZWZcbiAgICAgIC5iYWNrZHJvcENsaWNrKClcbiAgICAgIC5waXBlKHRha2VVbnRpbERlc3Ryb3llZCh0aGlzLmRlc3Ryb3lSZWYpLCB0YWtlKDEpKVxuICAgICAgLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICAgIHRoaXMuaXNPcGVuLnNldChmYWxzZSk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgY2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5vdmVybGF5UmVmPy5kaXNwb3NlKCk7XG4gICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcbiAgfVxufVxuIl19
|
|
@@ -10,11 +10,11 @@ export class DropdownComponent {
|
|
|
10
10
|
this.buttonIcon = computed(() => this.dropdownTrigger().isOpen() ? 'chevron-up' : 'chevron-down');
|
|
11
11
|
this.buttonText = input.required();
|
|
12
12
|
}
|
|
13
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.
|
|
13
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.3", type: DropdownComponent, isStandalone: true, selector: "ndw-dropdown", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "dropdownTrigger", first: true, predicate: DropdownTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<button\n type=\"button\"\n ndwButton\n filter\n [ndwDropdownTrigger]=\"dropdownContent\"\n [disabled]=\"disabled()\"\n aria-haspopup=\"dialog\"\n>\n {{ buttonText() }}\n <ndw-icon [name]=\"buttonIcon()\" />\n</button>\n<ng-template #dropdownContent>\n <div role=\"dialog\">\n <ng-content />\n </div>\n</ng-template>\n", styles: [":host{display:inline-block}button{width:100%;display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }, { kind: "directive", type: DropdownTriggerDirective, selector: "[ndwDropdownTrigger]", inputs: ["ndwDropdownTrigger", "toggleOnClick", "isOpen"], outputs: ["isOpenChange"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["name", "interactive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 'ndw-dropdown', standalone: true, imports: [ButtonDirective, DropdownTriggerDirective, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n ndwButton\n filter\n [ndwDropdownTrigger]=\"dropdownContent\"\n [disabled]=\"disabled()\"\n>\n {{ buttonText() }}\n <ndw-icon [name]=\"buttonIcon()\" />\n</button>\n<ng-template #dropdownContent>\n <ng-content />\n</ng-template>\n", styles: [":host{display:inline-block}button{width:100%;display:flex;justify-content:space-between}\n"] }]
|
|
18
|
+
args: [{ selector: 'ndw-dropdown', standalone: true, imports: [ButtonDirective, DropdownTriggerDirective, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n ndwButton\n filter\n [ndwDropdownTrigger]=\"dropdownContent\"\n [disabled]=\"disabled()\"\n aria-haspopup=\"dialog\"\n>\n {{ buttonText() }}\n <ndw-icon [name]=\"buttonIcon()\" />\n</button>\n<ng-template #dropdownContent>\n <div role=\"dialog\">\n <ng-content />\n </div>\n</ng-template>\n", styles: [":host{display:inline-block}button{width:100%;display:flex;justify-content:space-between}\n"] }]
|
|
19
19
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9kcm9wZG93bi9kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9GLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDNUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUN4QyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFVeEUsTUFBTSxPQUFPLGlCQUFpQjtJQVI5QjtRQVNrQixhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLG9CQUFlLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO1FBQy9ELGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQ3pDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQ2hFLENBQUM7UUFDYyxlQUFVLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO0tBQ3ZEOzhHQVBZLGlCQUFpQjtrR0FBakIsaUJBQWlCLDRZQUV5Qix3QkFBd0IsZ0VDZi9FLDZVQWdCQSxvSkROWSxlQUFlLHdEQUFFLHdCQUF3Qix1SkFBRSxhQUFhOzsyRkFHdkQsaUJBQWlCO2tCQVI3QixTQUFTOytCQUNFLGNBQWMsY0FHWixJQUFJLFdBQ1AsQ0FBQyxlQUFlLEVBQUUsd0JBQXdCLEVBQUUsYUFBYSxDQUFDLG1CQUNsRCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0LCB2aWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkRpcmVjdGl2ZSB9IGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbic7XG5pbXBvcnQgeyBEcm9wZG93blRyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuL2Ryb3Bkb3duLXRyaWdnZXIuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmR3LWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICdkcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydkcm9wZG93bi5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQnV0dG9uRGlyZWN0aXZlLCBEcm9wZG93blRyaWdnZXJEaXJlY3RpdmUsIEljb25Db21wb25lbnRdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRHJvcGRvd25Db21wb25lbnQge1xuICBwdWJsaWMgcmVhZG9ubHkgZGlzYWJsZWQgPSBpbnB1dChmYWxzZSk7XG4gIHB1YmxpYyByZWFkb25seSBkcm9wZG93blRyaWdnZXIgPSB2aWV3Q2hpbGQucmVxdWlyZWQoRHJvcGRvd25UcmlnZ2VyRGlyZWN0aXZlKTtcbiAgcHVibGljIHJlYWRvbmx5IGJ1dHRvbkljb24gPSBjb21wdXRlZCgoKSA9PlxuICAgIHRoaXMuZHJvcGRvd25UcmlnZ2VyKCkuaXNPcGVuKCkgPyAnY2hldnJvbi11cCcgOiAnY2hldnJvbi1kb3duJyxcbiAgKTtcbiAgcHVibGljIHJlYWRvbmx5IGJ1dHRvblRleHQgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG59XG4iLCI8YnV0dG9uXG4gIHR5cGU9XCJidXR0b25cIlxuICBuZHdCdXR0b25cbiAgZmlsdGVyXG4gIFtuZHdEcm9wZG93blRyaWdnZXJdPVwiZHJvcGRvd25Db250ZW50XCJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkKClcIlxuICBhcmlhLWhhc3BvcHVwPVwiZGlhbG9nXCJcbj5cbiAge3sgYnV0dG9uVGV4dCgpIH19XG4gIDxuZHctaWNvbiBbbmFtZV09XCJidXR0b25JY29uKClcIiAvPlxuPC9idXR0b24+XG48bmctdGVtcGxhdGUgI2Ryb3Bkb3duQ29udGVudD5cbiAgPGRpdiByb2xlPVwiZGlhbG9nXCI+XG4gICAgPG5nLWNvbnRlbnQgLz5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -51,16 +51,16 @@ export class CheckboxComponent {
|
|
|
51
51
|
registerOnTouched() {
|
|
52
52
|
// noop
|
|
53
53
|
}
|
|
54
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
55
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.
|
|
54
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: CheckboxComponent, isStandalone: true, selector: "ndw-checkbox", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, switch: { classPropertyName: "switch", publicName: "switch", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, switched: { classPropertyName: "switched", publicName: "switched", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", switched: "switchedChange" }, host: { listeners: { "click": "onClick()", "keydown": "onKeyDown($event)" }, properties: { "class.checked": "this.checkedClass", "class.disabled": "this.disabledClass", "class.indeterminate": "this.indeterminateClass", "attr.tabindex": "this.tabindexAttr" } }, providers: [
|
|
56
56
|
{
|
|
57
57
|
provide: NG_VALUE_ACCESSOR,
|
|
58
58
|
useExisting: CheckboxComponent,
|
|
59
59
|
multi: true,
|
|
60
60
|
},
|
|
61
|
-
], ngImport: i0, template: "<input\n type=\"checkbox\"\n [id]=\"'checkbox-' + uuid\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n/>\n
|
|
61
|
+
], ngImport: i0, template: "<input\n type=\"checkbox\"\n [id]=\"'checkbox-' + uuid\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n aria-hidden=\"true\"\n/>\n<div\n [ngClass]=\"{ error: error(), checkbox: !switch(), switch: switch() }\"\n role=\"checkbox\"\n [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n>\n @if (!switch()) {\n @if (checked()) {\n <ndw-icon name=\"check\" />\n } @else if (indeterminate()) {\n <ndw-icon name=\"minus\" />\n }\n } @else {\n <div class=\"switch-icon\">\n @if (checked()) {\n <ndw-icon name=\"check\" />\n } @else {\n <ndw-icon name=\"x\" />\n }\n </div>\n }\n</div>\n<span tabindex=\"-1\">\n <ng-content />\n</span>\n", styles: [":host{align-items:center;cursor:pointer;display:inline-flex;gap:var(--ndw-spacing-xs);height:1.375rem;width:fit-content}input{display:none}.checkbox{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);border-radius:var(--ndw-border-radius-sm);color:var(--ndw-color-white);display:flex;height:1.25rem;position:relative;transition:background-color var(--ndw-animation-speed-fast) ease-in-out,border-color var(--ndw-animation-speed-fast) ease-in-out,box-shadow var(--ndw-animation-speed-fast) ease-in-out;width:1.25rem}.checkbox ndw-icon{height:calc(100% * var(--ndw-border-size-sm) * 2);inset:calc(var(--ndw-border-size-sm) * -1);position:absolute;width:calc(100% * var(--ndw-border-size-sm) * 2)}.checkbox.error{background-color:var(--ndw-color-negative-100);border-color:var(--ndw-color-negative-500)}.switch{width:2.75rem;height:var(--ndw-spacing-lg);border-radius:calc(var(--ndw-spacing-lg) / 2);background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-border-size-lg);transition:background-color var(--ndw-animation-speed-fast) ease-out,border-color var(--ndw-animation-speed-fast) ease-out,box-shadow var(--ndw-animation-speed-fast) ease-out}.switch.switched .switch-icon{animation:translateToLeft var(--ndw-animation-speed-fast) ease-out forwards}.switch .switch-icon{background-color:var(--ndw-color-grey-300);border-radius:50%;width:var(--ndw-spacing-md);height:var(--ndw-spacing-md);display:flex;align-items:center;justify-content:center}.switch .switch-icon ndw-icon{color:var(--ndw-color-white);width:var(--ndw-spacing-sm);height:var(--ndw-spacing-sm)}span{font-family:var(--ndw-font-family);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:center;color:var(--ndw-color-grey-600);cursor:pointer;display:flex;margin-top:var(--ndw-spacing-2xs);width:fit-content}span:focus{outline:none}:host(.checked) .checkbox,:host(.indeterminate) .checkbox{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) .checkbox.error,:host(.indeterminate) .checkbox.error{background-color:var(--ndw-color-negative-500);border-color:var(--ndw-color-negative-500)}:host(.checked) .switch,:host(.indeterminate) .switch{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) .switch .switch-icon,:host(.indeterminate) .switch .switch-icon{background-color:var(--ndw-color-white);animation:translateToRight var(--ndw-animation-speed-fast) ease-out forwards}:host(.checked) .switch .switch-icon ndw-icon,:host(.indeterminate) .switch .switch-icon ndw-icon{color:var(--ndw-color-positive-500)}:host(:hover) .checkbox{background-color:var(--ndw-color-white);border-color:var(--ndw-color-primary-500)}:host(:hover) .switch{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-500)}:host(:hover) .switch ndw-icon{color:var(--ndw-color-white)}:host(.checked:hover) .checkbox,:host(.indeterminate:hover) .checkbox{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(.checked:hover) .switch,:host(.indeterminate:hover) .switch{background-color:var(--ndw-color-positive-600);border-color:var(--ndw-color-positive-600)}:host(.checked:hover) .switch ndw-icon,:host(.indeterminate:hover) .switch ndw-icon{color:var(--ndw-color-positive-600)}:host(:focus){outline:none}:host(:focus) .checkbox{box-shadow:var(--ndw-elevation-info)}:host(:focus) .switch{border-color:var(--ndw-color-info-500);box-shadow:var(--ndw-elevation-info)}:host(:active) .checkbox,:host(:focus) .checkbox,:host(:not(.checked):active) .checkbox,:host(:not(.indeterminate):active) .checkbox{border-color:var(--ndw-color-info-500)}:host(:active) .switch,:host(:focus) .switch,:host(:not(.checked):active) .switch,:host(:not(.indeterminate):active) .switch{border-color:var(--ndw-color-info-500)}:host(.checked:focus) .checkbox,:host(.indeterminate:focus) .checkbox{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) .checkbox{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-200)}:host(.disabled) span{color:var(--ndw-color-grey-400)}:host(.disabled) .switch{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-200)}:host(.disabled) .switch .switch-icon{background-color:var(--ndw-color-grey-200)}:host(.disabled) .switch .switch-icon ndw-icon{background-color:var(--ndw-color-grey-200)}:host(.checked.disabled) .checkbox,:host(.indeterminate.disabled) .checkbox{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}:host(.checked.disabled) .switch,:host(.indeterminate.disabled) .switch{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}:host(.checked.disabled) .switch .switch-icon,:host(.indeterminate.disabled) .switch .switch-icon{background-color:var(--ndw-color-white)}:host(.checked.disabled) .switch .switch-icon ndw-icon,:host(.indeterminate.disabled) .switch .switch-icon ndw-icon{background-color:var(--ndw-color-white);color:var(--ndw-color-grey-200)}@keyframes translateToRight{0%{transform:translate(0);background-color:var(--ndw-color-grey-300)}to{transform:translate(20px);background-color:var(--ndw-color-white)}}@keyframes translateToLeft{0%{transform:translate(20px);background-color:var(--ndw-color-white)}to{transform:translate(0);background-color:var(--ndw-color-grey-300)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["name", "interactive"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
62
62
|
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
64
64
|
type: Component,
|
|
65
65
|
args: [{ selector: 'ndw-checkbox', standalone: true, imports: [IconComponent, NgClass], providers: [
|
|
66
66
|
{
|
|
@@ -68,7 +68,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
68
68
|
useExisting: CheckboxComponent,
|
|
69
69
|
multi: true,
|
|
70
70
|
},
|
|
71
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n type=\"checkbox\"\n [id]=\"'checkbox-' + uuid\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n/>\n
|
|
71
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n type=\"checkbox\"\n [id]=\"'checkbox-' + uuid\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n aria-hidden=\"true\"\n/>\n<div\n [ngClass]=\"{ error: error(), checkbox: !switch(), switch: switch() }\"\n role=\"checkbox\"\n [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n>\n @if (!switch()) {\n @if (checked()) {\n <ndw-icon name=\"check\" />\n } @else if (indeterminate()) {\n <ndw-icon name=\"minus\" />\n }\n } @else {\n <div class=\"switch-icon\">\n @if (checked()) {\n <ndw-icon name=\"check\" />\n } @else {\n <ndw-icon name=\"x\" />\n }\n </div>\n }\n</div>\n<span tabindex=\"-1\">\n <ng-content />\n</span>\n", styles: [":host{align-items:center;cursor:pointer;display:inline-flex;gap:var(--ndw-spacing-xs);height:1.375rem;width:fit-content}input{display:none}.checkbox{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);border-radius:var(--ndw-border-radius-sm);color:var(--ndw-color-white);display:flex;height:1.25rem;position:relative;transition:background-color var(--ndw-animation-speed-fast) ease-in-out,border-color var(--ndw-animation-speed-fast) ease-in-out,box-shadow var(--ndw-animation-speed-fast) ease-in-out;width:1.25rem}.checkbox ndw-icon{height:calc(100% * var(--ndw-border-size-sm) * 2);inset:calc(var(--ndw-border-size-sm) * -1);position:absolute;width:calc(100% * var(--ndw-border-size-sm) * 2)}.checkbox.error{background-color:var(--ndw-color-negative-100);border-color:var(--ndw-color-negative-500)}.switch{width:2.75rem;height:var(--ndw-spacing-lg);border-radius:calc(var(--ndw-spacing-lg) / 2);background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-border-size-lg);transition:background-color var(--ndw-animation-speed-fast) ease-out,border-color var(--ndw-animation-speed-fast) ease-out,box-shadow var(--ndw-animation-speed-fast) ease-out}.switch.switched .switch-icon{animation:translateToLeft var(--ndw-animation-speed-fast) ease-out forwards}.switch .switch-icon{background-color:var(--ndw-color-grey-300);border-radius:50%;width:var(--ndw-spacing-md);height:var(--ndw-spacing-md);display:flex;align-items:center;justify-content:center}.switch .switch-icon ndw-icon{color:var(--ndw-color-white);width:var(--ndw-spacing-sm);height:var(--ndw-spacing-sm)}span{font-family:var(--ndw-font-family);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:center;color:var(--ndw-color-grey-600);cursor:pointer;display:flex;margin-top:var(--ndw-spacing-2xs);width:fit-content}span:focus{outline:none}:host(.checked) .checkbox,:host(.indeterminate) .checkbox{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) .checkbox.error,:host(.indeterminate) .checkbox.error{background-color:var(--ndw-color-negative-500);border-color:var(--ndw-color-negative-500)}:host(.checked) .switch,:host(.indeterminate) .switch{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) .switch .switch-icon,:host(.indeterminate) .switch .switch-icon{background-color:var(--ndw-color-white);animation:translateToRight var(--ndw-animation-speed-fast) ease-out forwards}:host(.checked) .switch .switch-icon ndw-icon,:host(.indeterminate) .switch .switch-icon ndw-icon{color:var(--ndw-color-positive-500)}:host(:hover) .checkbox{background-color:var(--ndw-color-white);border-color:var(--ndw-color-primary-500)}:host(:hover) .switch{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-500)}:host(:hover) .switch ndw-icon{color:var(--ndw-color-white)}:host(.checked:hover) .checkbox,:host(.indeterminate:hover) .checkbox{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(.checked:hover) .switch,:host(.indeterminate:hover) .switch{background-color:var(--ndw-color-positive-600);border-color:var(--ndw-color-positive-600)}:host(.checked:hover) .switch ndw-icon,:host(.indeterminate:hover) .switch ndw-icon{color:var(--ndw-color-positive-600)}:host(:focus){outline:none}:host(:focus) .checkbox{box-shadow:var(--ndw-elevation-info)}:host(:focus) .switch{border-color:var(--ndw-color-info-500);box-shadow:var(--ndw-elevation-info)}:host(:active) .checkbox,:host(:focus) .checkbox,:host(:not(.checked):active) .checkbox,:host(:not(.indeterminate):active) .checkbox{border-color:var(--ndw-color-info-500)}:host(:active) .switch,:host(:focus) .switch,:host(:not(.checked):active) .switch,:host(:not(.indeterminate):active) .switch{border-color:var(--ndw-color-info-500)}:host(.checked:focus) .checkbox,:host(.indeterminate:focus) .checkbox{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) .checkbox{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-200)}:host(.disabled) span{color:var(--ndw-color-grey-400)}:host(.disabled) .switch{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-200)}:host(.disabled) .switch .switch-icon{background-color:var(--ndw-color-grey-200)}:host(.disabled) .switch .switch-icon ndw-icon{background-color:var(--ndw-color-grey-200)}:host(.checked.disabled) .checkbox,:host(.indeterminate.disabled) .checkbox{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}:host(.checked.disabled) .switch,:host(.indeterminate.disabled) .switch{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}:host(.checked.disabled) .switch .switch-icon,:host(.indeterminate.disabled) .switch .switch-icon{background-color:var(--ndw-color-white)}:host(.checked.disabled) .switch .switch-icon ndw-icon,:host(.indeterminate.disabled) .switch .switch-icon ndw-icon{background-color:var(--ndw-color-white);color:var(--ndw-color-grey-200)}@keyframes translateToRight{0%{transform:translate(0);background-color:var(--ndw-color-grey-300)}to{transform:translate(20px);background-color:var(--ndw-color-white)}}@keyframes translateToLeft{0%{transform:translate(20px);background-color:var(--ndw-color-white)}to{transform:translate(0);background-color:var(--ndw-color-grey-300)}}\n"] }]
|
|
72
72
|
}], propDecorators: { checkedClass: [{
|
|
73
73
|
type: HostBinding,
|
|
74
74
|
args: ['class.checked']
|
|
@@ -88,4 +88,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
88
88
|
type: HostListener,
|
|
89
89
|
args: ['keydown', ['$event']]
|
|
90
90
|
}] } });
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2Zvcm0tZmllbGQvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2Zvcm0tZmllbGQvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxFQUNMLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQzs7QUFpQjNDLE1BQU0sT0FBTyxpQkFBaUI7SUFmOUI7UUFnQlMsWUFBTyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QixXQUFNLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RCLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsVUFBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixrQkFBYSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM3QixhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFeEIsU0FBSSxHQUFHLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQztLQXVEbkM7SUFyREMsSUFDVyxZQUFZO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUNXLGFBQWE7UUFDdEIsT0FBTyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELElBQ1csa0JBQWtCO1FBQzNCLE9BQU8sSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxJQUNXLFlBQVk7UUFDckIsT0FBTyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUdNLE9BQU87UUFDWixJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBRWxDLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUM7WUFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDMUIsQ0FBQztJQUNILENBQUM7SUFHTSxTQUFTLENBQUMsS0FBb0I7UUFDbkMsSUFBSSxLQUFLLENBQUMsR0FBRyxLQUFLLE9BQU8sSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQztZQUM3QyxPQUFPO1FBQ1QsQ0FBQztRQUVELElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7UUFDbEMsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMxQixDQUFDO1FBQ0QsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFTSxVQUFVLENBQUMsS0FBYztRQUM5QixJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRU0sZ0JBQWdCLENBQUMsRUFBNEI7UUFDbEQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVNLGlCQUFpQjtRQUN0QixPQUFPO0lBQ1QsQ0FBQzs4R0EvRFUsaUJBQWlCO2tHQUFqQixpQkFBaUIsbXhDQVhqQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxpQkFBaUI7Z0JBQzlCLEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkN2QkgseXVCQWdDQSwwL0tEaEJZLGFBQWEsc0ZBQUUsT0FBTzs7MkZBWXJCLGlCQUFpQjtrQkFmN0IsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsYUFBYSxFQUFFLE9BQU8sQ0FBQyxhQUN0Qjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLG1CQUFtQjs0QkFDOUIsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0YsbUJBR2dCLHVCQUF1QixDQUFDLE1BQU07OEJBY3BDLFlBQVk7c0JBRHRCLFdBQVc7dUJBQUMsZUFBZTtnQkFNakIsYUFBYTtzQkFEdkIsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBTWxCLGtCQUFrQjtzQkFENUIsV0FBVzt1QkFBQyxxQkFBcUI7Z0JBTXZCLFlBQVk7c0JBRHRCLFdBQVc7dUJBQUMsZUFBZTtnQkFNckIsT0FBTztzQkFEYixZQUFZO3VCQUFDLE9BQU87Z0JBVWQsU0FBUztzQkFEZixZQUFZO3VCQUFDLFNBQVMsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSG9zdEJpbmRpbmcsXG4gIEhvc3RMaXN0ZW5lcixcbiAgaW5wdXQsXG4gIG1vZGVsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZHctY2hlY2tib3gnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbSWNvbkNvbXBvbmVudCwgTmdDbGFzc10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IENoZWNrYm94Q29tcG9uZW50LFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2NoZWNrYm94LmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBwdWJsaWMgY2hlY2tlZCA9IG1vZGVsKGZhbHNlKTtcbiAgcHVibGljIHN3aXRjaCA9IGlucHV0KGZhbHNlKTtcbiAgcHVibGljIGRpc2FibGVkID0gaW5wdXQoZmFsc2UpO1xuICBwdWJsaWMgZXJyb3IgPSBpbnB1dChmYWxzZSk7XG4gIHB1YmxpYyBpbmRldGVybWluYXRlID0gaW5wdXQoZmFsc2UpO1xuICBwdWJsaWMgcmVxdWlyZWQgPSBpbnB1dChmYWxzZSk7XG4gIHB1YmxpYyBzd2l0Y2hlZCA9IG1vZGVsKGZhbHNlKTtcblxuICBwdWJsaWMgdXVpZCA9IGNyeXB0by5yYW5kb21VVUlEKCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jaGVja2VkJylcbiAgcHVibGljIGdldCBjaGVja2VkQ2xhc3MoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuY2hlY2tlZCgpO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kaXNhYmxlZCcpXG4gIHB1YmxpYyBnZXQgZGlzYWJsZWRDbGFzcygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5kaXNhYmxlZCgpO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5pbmRldGVybWluYXRlJylcbiAgcHVibGljIGdldCBpbmRldGVybWluYXRlQ2xhc3MoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaW5kZXRlcm1pbmF0ZSgpO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnRhYmluZGV4JylcbiAgcHVibGljIGdldCB0YWJpbmRleEF0dHIoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5kaXNhYmxlZCgpID8gLTEgOiAwO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICBwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmNoZWNrZWQuc2V0KCF0aGlzLmNoZWNrZWQoKSk7XG5cbiAgICBpZiAodGhpcy5zd2l0Y2goKSkge1xuICAgICAgdGhpcy5zd2l0Y2hlZC5zZXQodHJ1ZSk7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bicsIFsnJGV2ZW50J10pXG4gIHB1YmxpYyBvbktleURvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoZXZlbnQua2V5ICE9PSAnRW50ZXInIHx8IHRoaXMuZGlzYWJsZWQoKSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuY2hlY2tlZC5zZXQoIXRoaXMuY2hlY2tlZCgpKTtcbiAgICBpZiAodGhpcy5zd2l0Y2goKSkge1xuICAgICAgdGhpcy5zd2l0Y2hlZC5zZXQodHJ1ZSk7XG4gICAgfVxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gIH1cblxuICBwdWJsaWMgd3JpdGVWYWx1ZSh2YWx1ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuY2hlY2tlZC5zZXQodmFsdWUpO1xuICB9XG5cbiAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2UoZm46ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMuY2hlY2tlZC5zdWJzY3JpYmUoZm4pO1xuICB9XG5cbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKCk6IHZvaWQge1xuICAgIC8vIG5vb3BcbiAgfVxufVxuIiwiPGlucHV0XG4gIHR5cGU9XCJjaGVja2JveFwiXG4gIFtpZF09XCInY2hlY2tib3gtJyArIHV1aWRcIlxuICBbY2hlY2tlZF09XCJjaGVja2VkKClcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gIFtyZXF1aXJlZF09XCJyZXF1aXJlZCgpXCJcbiAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbi8+XG48ZGl2XG4gIFtuZ0NsYXNzXT1cInsgZXJyb3I6IGVycm9yKCksIGNoZWNrYm94OiAhc3dpdGNoKCksIHN3aXRjaDogc3dpdGNoKCkgfVwiXG4gIHJvbGU9XCJjaGVja2JveFwiXG4gIFthdHRyLmFyaWEtY2hlY2tlZF09XCJpbmRldGVybWluYXRlKCkgPyAnbWl4ZWQnIDogY2hlY2tlZCgpXCJcbj5cbiAgQGlmICghc3dpdGNoKCkpIHtcbiAgICBAaWYgKGNoZWNrZWQoKSkge1xuICAgICAgPG5kdy1pY29uIG5hbWU9XCJjaGVja1wiIC8+XG4gICAgfSBAZWxzZSBpZiAoaW5kZXRlcm1pbmF0ZSgpKSB7XG4gICAgICA8bmR3LWljb24gbmFtZT1cIm1pbnVzXCIgLz5cbiAgICB9XG4gIH0gQGVsc2Uge1xuICAgIDxkaXYgY2xhc3M9XCJzd2l0Y2gtaWNvblwiPlxuICAgICAgQGlmIChjaGVja2VkKCkpIHtcbiAgICAgICAgPG5kdy1pY29uIG5hbWU9XCJjaGVja1wiIC8+XG4gICAgICB9IEBlbHNlIHtcbiAgICAgICAgPG5kdy1pY29uIG5hbWU9XCJ4XCIgLz5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG48c3BhbiB0YWJpbmRleD1cIi0xXCI+XG4gIDxuZy1jb250ZW50IC8+XG48L3NwYW4+XG4iXX0=
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class CheckboxGroupComponent {
|
|
4
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.
|
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: CheckboxGroupComponent, isStandalone: true, selector: "ndw-checkbox-group", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:grid;gap:var(--ndw-spacing-2xs)}\n"] }); }
|
|
6
6
|
}
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{ selector: 'ndw-checkbox-group', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{display:grid;gap:var(--ndw-spacing-2xs)}\n"] }]
|
|
10
10
|
}] });
|
|
@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
|
|
|
2
2
|
import { IconComponent } from '../../icon';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class ErrorComponent {
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: ErrorComponent, isStandalone: true, selector: "ndw-error", ngImport: i0, template: "<ndw-icon name=\"error\" />\n<ng-content />\n", styles: [":host{align-content:center;align-items:center;color:var(--ndw-color-negative-700);display:grid;font-family:var(--ndw-font-family);font-size:var(--ndw-font-size-xs);gap:var(--ndw-spacing-2xs);grid-template-columns:auto 1fr;height:1rem;line-height:100%}ndw-icon{width:.875rem}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["name", "interactive"] }] }); }
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'ndw-error', standalone: true, imports: [IconComponent], template: "<ndw-icon name=\"error\" />\n<ng-content />\n", styles: [":host{align-content:center;align-items:center;color:var(--ndw-color-negative-700);display:grid;font-family:var(--ndw-font-family);font-size:var(--ndw-font-size-xs);gap:var(--ndw-spacing-2xs);grid-template-columns:auto 1fr;height:1rem;line-height:100%}ndw-icon{width:.875rem}\n"] }]
|
|
11
11
|
}] });
|