@ndwnu/design-system 1.0.0 → 1.0.1
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/esm2022/components/accordion/accordion.component.mjs +3 -3
- package/esm2022/components/accordion/accordion.service.mjs +3 -3
- package/esm2022/components/badge/badge.component.mjs +3 -3
- package/esm2022/components/button/button.directive.mjs +3 -3
- package/esm2022/components/card/card.component.mjs +3 -3
- package/esm2022/components/collapsible/collapsible.component.mjs +3 -3
- package/esm2022/components/dropdown/dropdown-trigger.directive.mjs +3 -3
- package/esm2022/components/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/components/form-field/checkbox/checkbox.component.mjs +3 -3
- 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 +3 -3
- package/esm2022/components/form-field/info/info.component.mjs +3 -3
- package/esm2022/components/form-field/input/input.directive.mjs +3 -3
- package/esm2022/components/form-field/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 +3 -3
- 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 +3 -3
- package/esm2022/components/tooltip/tooltip.directive.mjs +3 -3
- package/fesm2022/ndwnu-design-system.mjs +78 -78
- package/package.json +5 -5
|
@@ -33,10 +33,10 @@ 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: "
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
36
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", 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: "
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", 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: [{
|
|
@@ -80,10 +80,10 @@ export class DropdownTriggerDirective {
|
|
|
80
80
|
this.overlayRef?.detach();
|
|
81
81
|
this.elementRef.nativeElement.focus();
|
|
82
82
|
}
|
|
83
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
84
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
83
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DropdownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
84
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.1", 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()", "keydown.tab": "trapFocus()" } }, ngImport: i0 }); }
|
|
85
85
|
}
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DropdownTriggerDirective, decorators: [{
|
|
87
87
|
type: Directive,
|
|
88
88
|
args: [{
|
|
89
89
|
selector: '[ndwDropdownTrigger]',
|
|
@@ -10,10 +10,10 @@ 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: "
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
13
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.1", 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>\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"], 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: "
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
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"] }]
|
|
19
19
|
}] });
|
|
@@ -51,8 +51,8 @@ export class CheckboxComponent {
|
|
|
51
51
|
registerOnTouched() {
|
|
52
52
|
// noop
|
|
53
53
|
}
|
|
54
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
55
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
54
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", 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,
|
|
@@ -60,7 +60,7 @@ export class CheckboxComponent {
|
|
|
60
60
|
},
|
|
61
61
|
], ngImport: i0, template: "<input\n type=\"checkbox\"\n [id]=\"'checkbox-' + uuid\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n/>\n@if (!switch()) {\n <div class=\"checkbox\" [ngClass]=\"{ error: error() }\">\n @if (checked()) {\n <ndw-icon name=\"check\" />\n } @else if (indeterminate()) {\n <ndw-icon name=\"minus\" />\n }\n </div>\n} @else {\n <div class=\"switch\" [ngClass]=\"{ error: error(), switched: switched() }\">\n <div class=\"switch-icon\">\n @if (checked()) {\n <ndw-icon name=\"check\" />\n } @else {\n <ndw-icon name=\"x\" />\n }\n </div>\n </div>\n}\n<label tabindex=\"-1\" [for]=\"'checkbox-' + uuid\" (click)=\"onClick()\" (keydown)=\"onKeyDown($event)\">\n <ng-content />\n</label>\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)}label{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}label: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) label{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: "
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
64
64
|
type: Component,
|
|
65
65
|
args: [{ selector: 'ndw-checkbox', standalone: true, imports: [IconComponent, NgClass], providers: [
|
|
66
66
|
{
|
|
@@ -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: "
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", 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: "
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", 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: "
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", 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: "
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", 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
|
}] });
|
|
@@ -101,10 +101,10 @@ export class FormFieldComponent {
|
|
|
101
101
|
.some((radioButton) => radioButton.required());
|
|
102
102
|
return requiredInput || requiredCheckboxes || requiredRadioButtons || false;
|
|
103
103
|
}
|
|
104
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
105
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
104
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
105
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: FormFieldComponent, isStandalone: true, selector: "ndw-form-field", inputs: { label: { classPropertyName: "label", publicName: "label", 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 }, info: { classPropertyName: "info", publicName: "info", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "input", first: true, predicate: InputDirective, descendants: true, isSignal: true }, { propertyName: "radioGroup", first: true, predicate: RadioGroupComponent, descendants: true, isSignal: true }, { propertyName: "checkboxes", predicate: CheckboxComponent, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "@if (required() || label() || tooltip()) {\n <label ndwLabel [for]=\"'input-' + uuid\">\n @if (required()) {\n <span class=\"required\"> * </span>\n }\n {{ label() }}\n @if (tooltip(); as tooltip) {\n <ndw-icon [ndwTooltip]=\"tooltip\" name=\"info\" />\n }\n </label>\n}\n@if (inputPrefix(); as icon) {\n <ndw-icon class=\"prefix-input-icon\" [ngClass]=\"{ disabled: disabled() }\" [name]=\"icon\" />\n}\n@if (inputSuffix(); as icon) {\n <ndw-icon class=\"suffix-input-icon\" [ngClass]=\"{ disabled: disabled() }\" [name]=\"icon\" />\n}\n<ng-content />\n\n@if (info(); as info) {\n <ndw-info>{{ info }}</ndw-info>\n}\n@if (error(); as error) {\n <ndw-error>{{ error }}</ndw-error>\n}\n", styles: [":host{display:grid;font-family:var(--ndw-font-family);font-size:var(--ndw-font-size-sm);margin-bottom:var(--ndw-spacing-md);position:relative}ndw-error,ndw-info{margin-top:var(--ndw-spacing-2xs)}.prefix-input-icon,.suffix-input-icon{pointer-events:none;position:absolute;top:.75rem;width:var(--ndw-font-size-lg);z-index:1}.prefix-input-icon.disabled,.suffix-input-icon.disabled{color:var(--ndw-color-grey-300)}label+.prefix-input-icon,label+.suffix-input-icon{top:2.25rem}.prefix-input-icon{color:var(--ndw-color-grey-300);left:var(--ndw-spacing-sm)}.suffix-input-icon{color:var(--ndw-background-primary);right:var(--ndw-spacing-xs)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ErrorComponent, selector: "ndw-error" }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["name", "interactive"] }, { kind: "component", type: InfoComponent, selector: "ndw-info" }, { kind: "directive", type: TooltipDirective, selector: "[ndwTooltip]", inputs: ["ndwTooltip"] }] }); }
|
|
106
106
|
}
|
|
107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FormFieldComponent, decorators: [{
|
|
108
108
|
type: Component,
|
|
109
109
|
args: [{ selector: 'ndw-form-field', standalone: true, imports: [CommonModule, ErrorComponent, IconComponent, InfoComponent, TooltipDirective], template: "@if (required() || label() || tooltip()) {\n <label ndwLabel [for]=\"'input-' + uuid\">\n @if (required()) {\n <span class=\"required\"> * </span>\n }\n {{ label() }}\n @if (tooltip(); as tooltip) {\n <ndw-icon [ndwTooltip]=\"tooltip\" name=\"info\" />\n }\n </label>\n}\n@if (inputPrefix(); as icon) {\n <ndw-icon class=\"prefix-input-icon\" [ngClass]=\"{ disabled: disabled() }\" [name]=\"icon\" />\n}\n@if (inputSuffix(); as icon) {\n <ndw-icon class=\"suffix-input-icon\" [ngClass]=\"{ disabled: disabled() }\" [name]=\"icon\" />\n}\n<ng-content />\n\n@if (info(); as info) {\n <ndw-info>{{ info }}</ndw-info>\n}\n@if (error(); as error) {\n <ndw-error>{{ error }}</ndw-error>\n}\n", styles: [":host{display:grid;font-family:var(--ndw-font-family);font-size:var(--ndw-font-size-sm);margin-bottom:var(--ndw-spacing-md);position:relative}ndw-error,ndw-info{margin-top:var(--ndw-spacing-2xs)}.prefix-input-icon,.suffix-input-icon{pointer-events:none;position:absolute;top:.75rem;width:var(--ndw-font-size-lg);z-index:1}.prefix-input-icon.disabled,.suffix-input-icon.disabled{color:var(--ndw-color-grey-300)}label+.prefix-input-icon,label+.suffix-input-icon{top:2.25rem}.prefix-input-icon{color:var(--ndw-color-grey-300);left:var(--ndw-spacing-sm)}.suffix-input-icon{color:var(--ndw-background-primary);right:var(--ndw-spacing-xs)}\n"] }]
|
|
110
110
|
}], ctorParameters: () => [] });
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class InfoComponent {
|
|
4
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: InfoComponent, isStandalone: true, selector: "ndw-info", ngImport: i0, template: "<ng-content />\n", styles: [":host{align-items:center;color:var(--ndw-color-grey-400);display:grid;font-family:var(--ndw-font-family);font-size:var(--ndw-font-size-xs);height:1rem;line-height:100%}\n"] }); }
|
|
6
6
|
}
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: InfoComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{ selector: 'ndw-info', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{align-items:center;color:var(--ndw-color-grey-400);display:grid;font-family:var(--ndw-font-family);font-size:var(--ndw-font-size-xs);height:1rem;line-height:100%}\n"] }]
|
|
10
10
|
}] });
|
|
@@ -23,10 +23,10 @@ export class InputDirective {
|
|
|
23
23
|
this.element.toggleAttribute('ndw-changed', !!this.element.value);
|
|
24
24
|
});
|
|
25
25
|
}
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
27
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: InputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
27
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: InputDirective, isStandalone: true, selector: "input[ndwInput], select[ndwInput], textarea[ndwInput]", ngImport: i0 }); }
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: InputDirective, decorators: [{
|
|
30
30
|
type: Directive,
|
|
31
31
|
args: [{
|
|
32
32
|
selector: 'input[ndwInput], select[ndwInput], textarea[ndwInput]',
|
|
@@ -44,8 +44,8 @@ export class RadioButtonComponent {
|
|
|
44
44
|
registerOnTouched() {
|
|
45
45
|
// noop
|
|
46
46
|
}
|
|
47
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: RadioButtonComponent, isStandalone: true, selector: "ndw-radio-button", inputs: { checked: { classPropertyName: "checked", publicName: "checked", 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 }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", name: "nameChange" }, host: { listeners: { "click": "onClick()", "keydown": "onKeyDown($event)" }, properties: { "class.checked": "this.checkedClass", "class.disabled": "this.disabledClass", "attr.tabindex": "this.tabindexAttr" } }, providers: [
|
|
49
49
|
{
|
|
50
50
|
provide: NG_VALUE_ACCESSOR,
|
|
51
51
|
useExisting: RadioButtonComponent,
|
|
@@ -53,7 +53,7 @@ export class RadioButtonComponent {
|
|
|
53
53
|
},
|
|
54
54
|
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, isSignal: true }], ngImport: i0, template: "<input #input type=\"radio\" [id]=\"'radio-button-' + uuid\" [name]=\"name()\" />\n<div class=\"radio-button\" [ngClass]=\"{ error: error() }\">\n @if (checked()) {\n <div class=\"check\"></div>\n }\n</div>\n<label\n tabindex=\"-1\"\n [for]=\"'radio-button-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <ng-content />\n</label>\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}.radio-button{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);border-radius:50%;color:var(--ndw-color-white);display:flex;height:1.25rem;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}.radio-button .check{background-color:var(--ndw-color-white);border-radius:inherit;height:.5rem;margin:auto;width:.5rem}.radio-button.error{background-color:var(--ndw-color-negative-100);border-color:var(--ndw-color-negative-500)}label{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}label:focus{outline:none}:host(.checked) .radio-button{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) .radio-button.error{background-color:var(--ndw-color-negative-500);border-color:var(--ndw-color-negative-500)}:host(:hover) .radio-button{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(:not(.checked):hover) .radio-button{background-color:var(--ndw-color-white);border-color:var(--ndw-color-primary-500)}:host(:focus){outline:none}:host(:focus) .radio-button{box-shadow:var(--ndw-elevation-info)}:host(:active) .radio-button,:host(:focus) .radio-button,:host(:not(.checked):active) .radio-button{border-color:var(--ndw-color-info-500)}:host(.checked:focus) .radio-button{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) .radio-button{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-200)}:host(.disabled) label{color:var(--ndw-color-grey-400)}:host(.checked.disabled) .radio-button{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
55
55
|
}
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RadioButtonComponent, decorators: [{
|
|
57
57
|
type: Component,
|
|
58
58
|
args: [{ selector: 'ndw-radio-button', standalone: true, imports: [IconComponent, NgClass], providers: [
|
|
59
59
|
{
|
|
@@ -24,10 +24,10 @@ export class RadioGroupComponent {
|
|
|
24
24
|
});
|
|
25
25
|
});
|
|
26
26
|
}
|
|
27
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.1", type: RadioGroupComponent, isStandalone: true, selector: "ndw-radio-group", queries: [{ propertyName: "radioButtons", predicate: RadioButtonComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:grid;gap:var(--ndw-spacing-2xs)}\n"] }); }
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RadioGroupComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
args: [{ selector: 'ndw-radio-group', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{display:grid;gap:var(--ndw-spacing-2xs)}\n"] }]
|
|
33
33
|
}] });
|
|
@@ -16,10 +16,10 @@ export class IconComponent {
|
|
|
16
16
|
this.elementRef.nativeElement.innerHTML = icon.svg;
|
|
17
17
|
});
|
|
18
18
|
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
19
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: IconComponent, isStandalone: true, selector: "ndw-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.interactive": "this.interactiveClass" } }, ngImport: i0, template: '', isInline: true, styles: [":host{display:flex;height:1rem;position:relative;width:1rem}:host(.interactive){box-sizing:content-box;border-radius:var(--ndw-border-radius-sm);color:var(--ndw-color-primary);cursor:pointer;overflow:hidden;padding:var(--ndw-spacing-2xs)}:host(.interactive):before{background-color:var(--ndw-color-grey-300);content:\"\";inset:0;opacity:0;position:absolute;transition:opacity .15s ease-in-out;z-index:-1}:host(.interactive):hover{background-color:transparent}:host(.interactive):hover:before{opacity:var(--ndw-alpha-7)}:host(.interactive):active:before,:host(.interactive):focus:before,:host(.interactive):focus-visible:before{opacity:var(--ndw-alpha-15)}:host(.interactive):focus-visible{background-color:transparent;color:var(--ndw-color-primary);outline-color:var(--ndw-color-info-500)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: IconComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{ selector: 'ndw-icon', standalone: true, imports: [CommonModule], template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;height:1rem;position:relative;width:1rem}:host(.interactive){box-sizing:content-box;border-radius:var(--ndw-border-radius-sm);color:var(--ndw-color-primary);cursor:pointer;overflow:hidden;padding:var(--ndw-spacing-2xs)}:host(.interactive):before{background-color:var(--ndw-color-grey-300);content:\"\";inset:0;opacity:0;position:absolute;transition:opacity .15s ease-in-out;z-index:-1}:host(.interactive):hover{background-color:transparent}:host(.interactive):hover:before{opacity:var(--ndw-alpha-7)}:host(.interactive):active:before,:host(.interactive):focus:before,:host(.interactive):focus-visible:before{opacity:var(--ndw-alpha-15)}:host(.interactive):focus-visible{background-color:transparent;color:var(--ndw-color-primary);outline-color:var(--ndw-color-info-500)}\n"] }]
|
|
25
25
|
}], ctorParameters: () => [], propDecorators: { interactiveClass: [{
|
|
@@ -14,10 +14,10 @@ export class IconService {
|
|
|
14
14
|
setIcons(icons) {
|
|
15
15
|
this.icons = icons;
|
|
16
16
|
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
18
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
18
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: IconService, providedIn: 'root' }); }
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: IconService, decorators: [{
|
|
21
21
|
type: Injectable,
|
|
22
22
|
args: [{
|
|
23
23
|
providedIn: 'root',
|