@ndwnu/design-system 2.0.0 → 3.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.
Files changed (74) hide show
  1. package/components/card/index.d.ts +2 -2
  2. package/components/dropdown/dropdown.component.d.ts +8 -3
  3. package/components/form-field/checkbox/checkbox.component.d.ts +2 -1
  4. package/components/form-field/file-upload/file-upload.component.d.ts +3 -1
  5. package/components/form-field/form-field.component.d.ts +8 -9
  6. package/components/form-field/index.d.ts +1 -0
  7. package/components/form-field/input/input.directive.d.ts +1 -0
  8. package/components/form-field/input/input.model.d.ts +1 -3
  9. package/components/form-field/month-input/index.d.ts +1 -0
  10. package/components/form-field/month-input/month-input-utils.d.ts +5 -0
  11. package/components/form-field/month-input/month-input.component.d.ts +42 -0
  12. package/components/form-field/option-group/index.d.ts +1 -0
  13. package/components/form-field/option-group/option-group.component.d.ts +11 -3
  14. package/components/form-field/option-group/option-group.model.d.ts +1 -0
  15. package/components/form-field/option-group/option.component.d.ts +2 -1
  16. package/components/form-field/radio-button/radio-button.component.d.ts +2 -1
  17. package/components/form-field/success/index.d.ts +1 -0
  18. package/components/form-field/success/success.component.d.ts +5 -0
  19. package/components/icon/action-icon/index.d.ts +1 -0
  20. package/components/icon/index.d.ts +1 -1
  21. package/components/main-navigation/main-navigation.component.d.ts +18 -6
  22. package/components/main-navigation/main-navigation.imports.d.ts +9 -0
  23. package/components/main-navigation-menu/main-navigation-menu.component.d.ts +4 -1
  24. package/components/pill/pill.component.d.ts +1 -1
  25. package/components/popover/popover-trigger.directive.d.ts +1 -1
  26. package/components/removable-pill/removable-pill.component.d.ts +1 -1
  27. package/components/toast/toast.component.d.ts +1 -0
  28. package/components/tooltip/tooltip.directive.d.ts +3 -2
  29. package/core/styles/ndw-styles.scss +24 -40
  30. package/core/styles/nwb-styles.scss +24 -40
  31. package/esm2022/components/alert/alert.component.mjs +5 -4
  32. package/esm2022/components/badge/badge.component.mjs +2 -2
  33. package/esm2022/components/breadcrumb-group/breadcrumb-group.component.mjs +3 -3
  34. package/esm2022/components/button/button.directive.mjs +4 -3
  35. package/esm2022/components/card/card-footer/card-footer.component.mjs +2 -2
  36. package/esm2022/components/card/card.component.mjs +2 -2
  37. package/esm2022/components/dropdown/dropdown.component.mjs +31 -6
  38. package/esm2022/components/form-field/checkbox/checkbox.component.mjs +5 -4
  39. package/esm2022/components/form-field/file-upload/file-upload.component.mjs +11 -4
  40. package/esm2022/components/form-field/form-field.component.mjs +27 -32
  41. package/esm2022/components/form-field/index.mjs +2 -1
  42. package/esm2022/components/form-field/input/input.directive.mjs +4 -1
  43. package/esm2022/components/form-field/input/input.model.mjs +1 -3
  44. package/esm2022/components/form-field/month-input/index.mjs +2 -0
  45. package/esm2022/components/form-field/month-input/month-input-utils.mjs +13 -0
  46. package/esm2022/components/form-field/month-input/month-input.component.mjs +155 -0
  47. package/esm2022/components/form-field/option-group/index.mjs +2 -1
  48. package/esm2022/components/form-field/option-group/option-group.component.mjs +35 -24
  49. package/esm2022/components/form-field/option-group/option-group.model.mjs +2 -0
  50. package/esm2022/components/form-field/option-group/option.component.mjs +3 -2
  51. package/esm2022/components/form-field/radio-button/radio-button.component.mjs +5 -4
  52. package/esm2022/components/form-field/success/index.mjs +2 -0
  53. package/esm2022/components/form-field/success/success.component.mjs +12 -0
  54. package/esm2022/components/icon/action-icon/action-icon.component.mjs +2 -1
  55. package/esm2022/components/icon/action-icon/index.mjs +2 -0
  56. package/esm2022/components/icon/icon.component.mjs +2 -3
  57. package/esm2022/components/icon/index.mjs +2 -2
  58. package/esm2022/components/main-navigation/main-navigation.component.mjs +69 -31
  59. package/esm2022/components/main-navigation/main-navigation.imports.mjs +20 -0
  60. package/esm2022/components/main-navigation-menu/main-navigation-menu.component.mjs +10 -4
  61. package/esm2022/components/modal/modal-footer/modal-footer.component.mjs +2 -2
  62. package/esm2022/components/modal/modal-header/modal-header.component.mjs +5 -4
  63. package/esm2022/components/modal/modal.component.mjs +2 -2
  64. package/esm2022/components/modal/modal.service.mjs +2 -2
  65. package/esm2022/components/multi-select/multi-select.component.mjs +2 -2
  66. package/esm2022/components/pill/pill.component.mjs +5 -5
  67. package/esm2022/components/popover/popover-trigger.directive.mjs +1 -2
  68. package/esm2022/components/removable-pill/removable-pill.component.mjs +3 -3
  69. package/esm2022/components/toast/toast.component.mjs +11 -8
  70. package/esm2022/components/tooltip/tooltip.component.mjs +2 -2
  71. package/esm2022/components/tooltip/tooltip.directive.mjs +7 -3
  72. package/fesm2022/ndwnu-design-system.mjs +551 -281
  73. package/fesm2022/ndwnu-design-system.mjs.map +1 -1
  74. package/package.json +1 -1
package/fesm2022/ndwnu-design-system.mjs CHANGED
@@ -1,15 +1,19 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Injectable, input, Component, inject, ElementRef, Renderer2, ChangeDetectionStrategy, HostBinding, output, model, computed, contentChildren, DestroyRef, viewChild, Directive, EventEmitter, ViewContainerRef, Output, HostListener, contentChild, effect, viewChildren } from '@angular/core';
2
+ import { Injectable, input, Component, inject, ElementRef, Renderer2, ChangeDetectionStrategy, HostBinding, output, model, computed, contentChildren, DestroyRef, Directive, viewChild, EventEmitter, ViewContainerRef, Output, HostListener, contentChild, effect, viewChildren, signal } from '@angular/core';
3
3
  import { Subject, take, fromEvent, filter, map } from 'rxjs';
4
- import * as i1 from '@angular/common';
4
+ import * as i5 from '@angular/common';
5
5
  import { NgClass, NgTemplateOutlet, CommonModule, AsyncPipe } from '@angular/common';
6
6
  import { trigger, state, style, transition, animate } from '@angular/animations';
7
7
  import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
8
+ import * as i7 from '@angular/router';
8
9
  import { RouterLink, ActivatedRoute, Router, NavigationEnd } from '@angular/router';
9
10
  import { ConfigurableFocusTrapFactory, AriaDescriber } from '@angular/cdk/a11y';
11
+ import * as i6 from '@angular/cdk/overlay';
10
12
  import { Overlay, OverlayModule } from '@angular/cdk/overlay';
11
- import { TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
12
- import { NG_VALUE_ACCESSOR, NgControl, Validators } from '@angular/forms';
13
+ import * as i2 from '@angular/cdk/portal';
14
+ import { TemplatePortal, ComponentPortal, CdkPortalOutlet } from '@angular/cdk/portal';
15
+ import * as i1 from '@angular/forms';
16
+ import { NG_VALUE_ACCESSOR, NgControl, Validators, FormsModule } from '@angular/forms';
13
17
 
14
18
  class AccordionService {
15
19
  constructor() {
@@ -37,11 +41,11 @@ class BadgeComponent {
37
41
  this.ariaLabel = input();
38
42
  }
39
43
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
40
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: BadgeComponent, isStandalone: true, selector: "ndw-badge", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (value(); as value) {\n @if (value === 0 || value < -9 || value > 99) {\n <span class=\"dot\"></span>\n } @else {\n {{ value }}\n }\n} @else {\n {{ value() }}\n}\n\n@if (ariaLabel()) {\n <span class=\"sr-only\"> {{ ariaLabel() }}</span>\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375em;--ndw-line-height-md: 1.5em;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel [role=dialog]{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}.toast-container{color:var(--ndw-color-white);background:var(--ndw-color-grey-700);padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border-radius:var(--ndw-spacing-2xs);gap:var(--ndw-spacing-xs);display:grid;grid-template-columns:1fr auto;align-items:center;font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-lg);width:fit-content;opacity:1}.toast-container .toast-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.toast-container ndw-icon{font-size:var(--ndw-font-size-lg);justify-self:end;cursor:pointer}.toast-container.fade-out{transition:opacity .2s ease-in;opacity:0}:host{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;background-color:var(--ndw-color-notification);border-radius:50%;box-sizing:border-box;color:var(--ndw-color-white);display:grid;height:var(--ndw-spacing-md);letter-spacing:-1px;text-align:center;width:var(--ndw-spacing-md)}.dot{background-color:var(--ndw-color-white);border-radius:50%;height:var(--ndw-spacing-2xs);margin:auto;width:var(--ndw-spacing-2xs)}\n"] }); }
44
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: BadgeComponent, isStandalone: true, selector: "ndw-badge", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (value(); as value) {\n @if (value === 0 || value < -9 || value > 99) {\n <span class=\"dot\"></span>\n } @else {\n {{ value }}\n }\n} @else {\n {{ value() }}\n}\n\n@if (ariaLabel()) {\n <span class=\"sr-only\"> {{ ariaLabel() }}</span>\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375rem;--ndw-line-height-md: 1.5rem;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][extra-small]{height:var(--ndw-spacing-lg);padding-inline:var(--ndw-spacing-2xs)}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding-inline:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=datetime-local]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}[ndwInput][success]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][success]:active,[ndwInput][success]:focus,[ndwInput][success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-block:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}:host{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;background-color:var(--ndw-color-notification);border-radius:50%;box-sizing:border-box;color:var(--ndw-color-white);display:grid;height:var(--ndw-spacing-md);letter-spacing:-1px;text-align:center;width:var(--ndw-spacing-md)}.dot{background-color:var(--ndw-color-white);border-radius:50%;height:var(--ndw-spacing-2xs);margin:auto;width:var(--ndw-spacing-2xs)}\n"] }); }
41
45
  }
42
46
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BadgeComponent, decorators: [{
43
47
  type: Component,
44
- args: [{ selector: 'ndw-badge', standalone: true, imports: [], template: "@if (value(); as value) {\n @if (value === 0 || value < -9 || value > 99) {\n <span class=\"dot\"></span>\n } @else {\n {{ value }}\n }\n} @else {\n {{ value() }}\n}\n\n@if (ariaLabel()) {\n <span class=\"sr-only\"> {{ ariaLabel() }}</span>\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375em;--ndw-line-height-md: 1.5em;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel [role=dialog]{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}.toast-container{color:var(--ndw-color-white);background:var(--ndw-color-grey-700);padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border-radius:var(--ndw-spacing-2xs);gap:var(--ndw-spacing-xs);display:grid;grid-template-columns:1fr auto;align-items:center;font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-lg);width:fit-content;opacity:1}.toast-container .toast-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.toast-container ndw-icon{font-size:var(--ndw-font-size-lg);justify-self:end;cursor:pointer}.toast-container.fade-out{transition:opacity .2s ease-in;opacity:0}:host{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;background-color:var(--ndw-color-notification);border-radius:50%;box-sizing:border-box;color:var(--ndw-color-white);display:grid;height:var(--ndw-spacing-md);letter-spacing:-1px;text-align:center;width:var(--ndw-spacing-md)}.dot{background-color:var(--ndw-color-white);border-radius:50%;height:var(--ndw-spacing-2xs);margin:auto;width:var(--ndw-spacing-2xs)}\n"] }]
48
+ args: [{ selector: 'ndw-badge', standalone: true, imports: [], template: "@if (value(); as value) {\n @if (value === 0 || value < -9 || value > 99) {\n <span class=\"dot\"></span>\n } @else {\n {{ value }}\n }\n} @else {\n {{ value() }}\n}\n\n@if (ariaLabel()) {\n <span class=\"sr-only\"> {{ ariaLabel() }}</span>\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375rem;--ndw-line-height-md: 1.5rem;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][extra-small]{height:var(--ndw-spacing-lg);padding-inline:var(--ndw-spacing-2xs)}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding-inline:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=datetime-local]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}[ndwInput][success]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][success]:active,[ndwInput][success]:focus,[ndwInput][success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-block:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}:host{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;background-color:var(--ndw-color-notification);border-radius:50%;box-sizing:border-box;color:var(--ndw-color-white);display:grid;height:var(--ndw-spacing-md);letter-spacing:-1px;text-align:center;width:var(--ndw-spacing-md)}.dot{background-color:var(--ndw-color-white);border-radius:50%;height:var(--ndw-spacing-2xs);margin:auto;width:var(--ndw-spacing-2xs)}\n"] }]
45
49
  }] });
46
50
 
47
51
  class IconComponent {
@@ -60,14 +64,13 @@ class IconComponent {
60
64
  this.renderer.setStyle(nativeElement, 'width', height + paddingInline);
61
65
  }
62
66
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
63
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: IconComponent, isStandalone: true, selector: "ndw-icon", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true", "aria-role": "img" }, properties: { "class": "this.hostClass" }, classAttribute: "material-symbols-rounded" }, ngImport: i0, template: "<ng-content />\n", styles: [":host{display:inline-block;font-size:var(--ndw-spacing-lg);position:relative;-webkit-user-select:none;user-select:none}:host.icon--sm{font-size:var(--ndw-spacing-md)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
67
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: IconComponent, isStandalone: true, selector: "ndw-icon", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "class": "this.hostClass" }, classAttribute: "material-symbols-rounded" }, ngImport: i0, template: "<ng-content />\n", styles: [":host{display:inline-block;font-size:var(--ndw-spacing-lg);position:relative;-webkit-user-select:none;user-select:none}:host.icon--sm{font-size:var(--ndw-spacing-md)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
64
68
  }
65
69
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: IconComponent, decorators: [{
66
70
  type: Component,
67
71
  args: [{ selector: 'ndw-icon', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, host: {
68
72
  class: 'material-symbols-rounded',
69
73
  'aria-hidden': 'true',
70
- 'aria-role': 'img',
71
74
  }, template: "<ng-content />\n", styles: [":host{display:inline-block;font-size:var(--ndw-spacing-lg);position:relative;-webkit-user-select:none;user-select:none}:host.icon--sm{font-size:var(--ndw-spacing-md)}\n"] }]
72
75
  }], propDecorators: { hostClass: [{
73
76
  type: HostBinding,
@@ -76,6 +79,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
76
79
 
77
80
  class ActionIconComponent {
78
81
  constructor() {
82
+ // ! This component is deprecated, use `button` with `extra-small` attribute instead.
79
83
  /**
80
84
  * Used to give meaning to the button, used by screen readers.
81
85
  */
@@ -194,6 +198,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
194
198
  args: [{ selector: 'ndw-accordion', standalone: true, imports: [], providers: [AccordionService], template: "<ng-content />\n" }]
195
199
  }] });
196
200
 
201
+ class ButtonDirective {
202
+ constructor() {
203
+ this.elementRef = inject(ElementRef);
204
+ }
205
+ get element() {
206
+ return this.elementRef.nativeElement;
207
+ }
208
+ ngOnInit() {
209
+ // If the text content of a child node is longer than 35 characters, truncate it
210
+ if (!this.element.childNodes.length) {
211
+ return;
212
+ }
213
+ this.element.childNodes.forEach((node) => {
214
+ if (node.nodeType === Node.TEXT_NODE) {
215
+ if (!node.textContent) {
216
+ return;
217
+ }
218
+ const text = node.textContent.trim();
219
+ if (text.length > 35) {
220
+ node.textContent = text.slice(0, 35) + '...';
221
+ }
222
+ }
223
+ });
224
+ }
225
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
226
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: ButtonDirective, isStandalone: true, selector: "[ndwButton]", ngImport: i0 }); }
227
+ }
228
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ButtonDirective, decorators: [{
229
+ type: Directive,
230
+ args: [{
231
+ selector: '[ndwButton]',
232
+ standalone: true,
233
+ }]
234
+ }] });
235
+
197
236
  var AlertType;
198
237
  (function (AlertType) {
199
238
  AlertType["Negative"] = "critical";
@@ -237,11 +276,11 @@ class AlertComponent {
237
276
  this.close.emit();
238
277
  }
239
278
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
240
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: AlertComponent, isStandalone: true, selector: "ndw-alert", inputs: { actionable: { classPropertyName: "actionable", publicName: "actionable", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, ariaLive: { classPropertyName: "ariaLive", publicName: "ariaLive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, host: { properties: { "class": "this.alertTypeClass", "class.actionable": "this.actionableClass", "role": "this.role", "attr.aria-live": "this.ariaLiveAttribute" } }, ngImport: i0, template: "<section>\n <ndw-icon class=\"info-icon\">info</ndw-icon>\n @if (actionable()) {\n @if (title(); as title) {\n <h2>{{ title }}</h2>\n }\n\n <ndw-action-icon\n class=\"close-icon\"\n [ariaLabel]=\"'Sluit melding'\"\n [variant]=\"'grey'\"\n [size]=\"'sm'\"\n (onClick)=\"onClose()\"\n >\n close\n </ndw-action-icon>\n }\n</section>\n<ng-content />\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375em;--ndw-line-height-md: 1.5em;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel [role=dialog]{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}.toast-container{color:var(--ndw-color-white);background:var(--ndw-color-grey-700);padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border-radius:var(--ndw-spacing-2xs);gap:var(--ndw-spacing-xs);display:grid;grid-template-columns:1fr auto;align-items:center;font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-lg);width:fit-content;opacity:1}.toast-container .toast-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.toast-container ndw-icon{font-size:var(--ndw-font-size-lg);justify-self:end;cursor:pointer}.toast-container.fade-out{transition:opacity .2s ease-in;opacity:0}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:flex-start;background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);border-radius:var(--ndw-border-radius-sm);color:var(--ndw-color-grey-600);display:grid;gap:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);grid-template-columns:auto 1fr;padding-block:calc(var(--ndw-spacing-xs) + var(--ndw-spacing-2xs)) var(--ndw-spacing-xs);padding-inline:var(--ndw-spacing-sm)}:host section{align-items:center;display:grid;gap:var(--ndw-spacing-xs);grid-template-columns:1fr;min-height:var(--ndw-spacing-lg);margin-top:-.125rem}:host section .info-icon{font-size:var(--ndw-spacing-md);margin-top:-.125rem}:host section .close-icon{margin-left:auto;margin-top:calc(var(--ndw-spacing-2xs) * -1);margin-right:calc(var(--ndw-spacing-xs) * -1)}:host section h2{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;line-height:var(--ndw-line-height-sm);margin:0}:host.actionable{grid-template-columns:1fr;padding:var(--ndw-spacing-sm) var(--ndw-spacing-md)}:host.actionable section{grid-template-columns:auto 1fr auto}:host.actionable section .info-icon{color:var(--ndw-color-grey-700)}:host.info{background-color:var(--ndw-color-secondary-100);border-color:var(--ndw-color-secondary-500)}:host.info section .info-icon{color:var(--ndw-color-secondary-500)}:host.warning{background-color:var(--ndw-color-warning-100);border-color:var(--ndw-color-warning-500)}:host.warning section .info-icon{color:var(--ndw-color-warning-500)}:host.critical{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}:host.critical section .info-icon{color:var(--ndw-color-critical-500)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "component", type: ActionIconComponent, selector: "ndw-action-icon", inputs: ["ariaLabel", "variant", "buttonType", "disabled", "size"], outputs: ["onClick"] }] }); }
279
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: AlertComponent, isStandalone: true, selector: "ndw-alert", inputs: { actionable: { classPropertyName: "actionable", publicName: "actionable", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, ariaLive: { classPropertyName: "ariaLive", publicName: "ariaLive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, host: { properties: { "class": "this.alertTypeClass", "class.actionable": "this.actionableClass", "role": "this.role", "attr.aria-live": "this.ariaLiveAttribute" } }, ngImport: i0, template: "<section>\n <ndw-icon class=\"info-icon\">info</ndw-icon>\n @if (actionable()) {\n @if (title(); as title) {\n <h2>{{ title }}</h2>\n }\n\n <button\n ndwButton\n alternative\n extra-small\n tertiary\n class=\"close-button\"\n ariaLabel=\"Sluit melding\"\n (click)=\"onClose()\"\n >\n <ndw-icon>close</ndw-icon>\n </button>\n }\n</section>\n<ng-content />\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375rem;--ndw-line-height-md: 1.5rem;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][extra-small]{height:var(--ndw-spacing-lg);padding-inline:var(--ndw-spacing-2xs)}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding-inline:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=datetime-local]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}[ndwInput][success]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][success]:active,[ndwInput][success]:focus,[ndwInput][success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-block:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:flex-start;background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);border-radius:var(--ndw-border-radius-sm);color:var(--ndw-color-grey-600);display:grid;gap:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);grid-template-columns:auto 1fr;padding-block:calc(var(--ndw-spacing-xs) + var(--ndw-spacing-2xs)) var(--ndw-spacing-xs);padding-inline:var(--ndw-spacing-sm)}:host section{align-items:center;display:grid;gap:var(--ndw-spacing-xs);grid-template-columns:1fr;min-height:var(--ndw-spacing-lg);margin-top:-.125rem}:host section .info-icon{font-size:var(--ndw-spacing-md);margin-top:-.125rem}:host section .close-button{margin-left:auto;margin-top:calc(var(--ndw-spacing-2xs) * -1);margin-right:calc(var(--ndw-spacing-xs) * -1)}:host section h2{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;line-height:var(--ndw-line-height-sm);margin:0}:host.actionable{grid-template-columns:1fr;padding:var(--ndw-spacing-sm) var(--ndw-spacing-md)}:host.actionable section{grid-template-columns:auto 1fr auto}:host.actionable section .info-icon{color:var(--ndw-color-grey-700)}:host.info{background-color:var(--ndw-color-secondary-100);border-color:var(--ndw-color-secondary-500)}:host.info section .info-icon{color:var(--ndw-color-secondary-500)}:host.warning{background-color:var(--ndw-color-warning-100);border-color:var(--ndw-color-warning-500)}:host.warning section .info-icon{color:var(--ndw-color-warning-500)}:host.critical{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}:host.critical section .info-icon{color:var(--ndw-color-critical-500)}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }] }); }
241
280
  }
242
281
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AlertComponent, decorators: [{
243
282
  type: Component,
244
- args: [{ selector: 'ndw-alert', standalone: true, imports: [IconComponent, ActionIconComponent], template: "<section>\n <ndw-icon class=\"info-icon\">info</ndw-icon>\n @if (actionable()) {\n @if (title(); as title) {\n <h2>{{ title }}</h2>\n }\n\n <ndw-action-icon\n class=\"close-icon\"\n [ariaLabel]=\"'Sluit melding'\"\n [variant]=\"'grey'\"\n [size]=\"'sm'\"\n (onClick)=\"onClose()\"\n >\n close\n </ndw-action-icon>\n }\n</section>\n<ng-content />\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375em;--ndw-line-height-md: 1.5em;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel [role=dialog]{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}.toast-container{color:var(--ndw-color-white);background:var(--ndw-color-grey-700);padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border-radius:var(--ndw-spacing-2xs);gap:var(--ndw-spacing-xs);display:grid;grid-template-columns:1fr auto;align-items:center;font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-lg);width:fit-content;opacity:1}.toast-container .toast-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.toast-container ndw-icon{font-size:var(--ndw-font-size-lg);justify-self:end;cursor:pointer}.toast-container.fade-out{transition:opacity .2s ease-in;opacity:0}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:flex-start;background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);border-radius:var(--ndw-border-radius-sm);color:var(--ndw-color-grey-600);display:grid;gap:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);grid-template-columns:auto 1fr;padding-block:calc(var(--ndw-spacing-xs) + var(--ndw-spacing-2xs)) var(--ndw-spacing-xs);padding-inline:var(--ndw-spacing-sm)}:host section{align-items:center;display:grid;gap:var(--ndw-spacing-xs);grid-template-columns:1fr;min-height:var(--ndw-spacing-lg);margin-top:-.125rem}:host section .info-icon{font-size:var(--ndw-spacing-md);margin-top:-.125rem}:host section .close-icon{margin-left:auto;margin-top:calc(var(--ndw-spacing-2xs) * -1);margin-right:calc(var(--ndw-spacing-xs) * -1)}:host section h2{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;line-height:var(--ndw-line-height-sm);margin:0}:host.actionable{grid-template-columns:1fr;padding:var(--ndw-spacing-sm) var(--ndw-spacing-md)}:host.actionable section{grid-template-columns:auto 1fr auto}:host.actionable section .info-icon{color:var(--ndw-color-grey-700)}:host.info{background-color:var(--ndw-color-secondary-100);border-color:var(--ndw-color-secondary-500)}:host.info section .info-icon{color:var(--ndw-color-secondary-500)}:host.warning{background-color:var(--ndw-color-warning-100);border-color:var(--ndw-color-warning-500)}:host.warning section .info-icon{color:var(--ndw-color-warning-500)}:host.critical{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}:host.critical section .info-icon{color:var(--ndw-color-critical-500)}\n"] }]
283
+ args: [{ selector: 'ndw-alert', standalone: true, imports: [ButtonDirective, IconComponent], template: "<section>\n <ndw-icon class=\"info-icon\">info</ndw-icon>\n @if (actionable()) {\n @if (title(); as title) {\n <h2>{{ title }}</h2>\n }\n\n <button\n ndwButton\n alternative\n extra-small\n tertiary\n class=\"close-button\"\n ariaLabel=\"Sluit melding\"\n (click)=\"onClose()\"\n >\n <ndw-icon>close</ndw-icon>\n </button>\n }\n</section>\n<ng-content />\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375rem;--ndw-line-height-md: 1.5rem;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][extra-small]{height:var(--ndw-spacing-lg);padding-inline:var(--ndw-spacing-2xs)}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding-inline:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=datetime-local]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}[ndwInput][success]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][success]:active,[ndwInput][success]:focus,[ndwInput][success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-block:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:flex-start;background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);border-radius:var(--ndw-border-radius-sm);color:var(--ndw-color-grey-600);display:grid;gap:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);grid-template-columns:auto 1fr;padding-block:calc(var(--ndw-spacing-xs) + var(--ndw-spacing-2xs)) var(--ndw-spacing-xs);padding-inline:var(--ndw-spacing-sm)}:host section{align-items:center;display:grid;gap:var(--ndw-spacing-xs);grid-template-columns:1fr;min-height:var(--ndw-spacing-lg);margin-top:-.125rem}:host section .info-icon{font-size:var(--ndw-spacing-md);margin-top:-.125rem}:host section .close-button{margin-left:auto;margin-top:calc(var(--ndw-spacing-2xs) * -1);margin-right:calc(var(--ndw-spacing-xs) * -1)}:host section h2{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;line-height:var(--ndw-line-height-sm);margin:0}:host.actionable{grid-template-columns:1fr;padding:var(--ndw-spacing-sm) var(--ndw-spacing-md)}:host.actionable section{grid-template-columns:auto 1fr auto}:host.actionable section .info-icon{color:var(--ndw-color-grey-700)}:host.info{background-color:var(--ndw-color-secondary-100);border-color:var(--ndw-color-secondary-500)}:host.info section .info-icon{color:var(--ndw-color-secondary-500)}:host.warning{background-color:var(--ndw-color-warning-100);border-color:var(--ndw-color-warning-500)}:host.warning section .info-icon{color:var(--ndw-color-warning-500)}:host.critical{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}:host.critical section .info-icon{color:var(--ndw-color-critical-500)}\n"] }]
245
284
  }], propDecorators: { alertTypeClass: [{
246
285
  type: HostBinding,
247
286
  args: ['class']
@@ -274,48 +313,14 @@ class BreadcrumbGroupComponent {
274
313
  this.breadcrumbs = contentChildren(BreadcrumbComponent);
275
314
  }
276
315
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BreadcrumbGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
277
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: BreadcrumbGroupComponent, isStandalone: true, selector: "ndw-breadcrumb-group", host: { attributes: { "role": "navigation", "aria-label": "Breadcrumb" } }, queries: [{ propertyName: "breadcrumbs", predicate: BreadcrumbComponent, isSignal: true }], ngImport: i0, template: "@for (breadcrumb of breadcrumbs(); track breadcrumb.link()) {\n @if ($count > 1 && $index === $count - 2) {\n <ndw-icon class=\"icon-back\" aria-hidden=\"true\">chevron_left</ndw-icon>\n }\n\n <a\n class=\"breadcrumb\"\n [class.current-page]=\"$last\"\n [class.show-on-small-screen]=\"$count === 1 || $index === $count - 2\"\n [attr.aria-current]=\"$last ? 'page' : null\"\n [routerLink]=\"$last ? null : breadcrumb.link()\"\n >\n <ng-template [ngTemplateOutlet]=\"breadcrumb.content()\"></ng-template>\n </a>\n\n @if (!$last) {\n <ndw-icon class=\"icon-forward\" aria-hidden=\"true\">chevron_right</ndw-icon>\n }\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375em;--ndw-line-height-md: 1.5em;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel [role=dialog]{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}.toast-container{color:var(--ndw-color-white);background:var(--ndw-color-grey-700);padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border-radius:var(--ndw-spacing-2xs);gap:var(--ndw-spacing-xs);display:grid;grid-template-columns:1fr auto;align-items:center;font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-lg);width:fit-content;opacity:1}.toast-container .toast-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.toast-container ndw-icon{font-size:var(--ndw-font-size-lg);justify-self:end;cursor:pointer}.toast-container.fade-out{transition:opacity .2s ease-in;opacity:0}:host{display:flex;align-items:center;background-color:var(--ndw-color-white);padding:var(--ndw-spacing-md)}.breadcrumb{--transition: color var(--ndw-animation-speed-fast) ease-out, background-color var(--ndw-animation-speed-fast) ease-out;font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;text-decoration:none;line-height:100%;color:var(--ndw-color-grey-500);background-color:inherit;padding:calc(var(--ndw-spacing-3xs) * 2.5) var(--ndw-spacing-xs);border-radius:var(--ndw-border-radius-sm);transition:var(--transition)}.breadcrumb:hover{text-decoration:none}.breadcrumb:not(.current-page):hover{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-grey-100);transition:var(--transition)}.breadcrumb:not(.current-page):focus:not(:active){color:var(--ndw-color-grey-500);outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.breadcrumb:not(.current-page):active{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300);transition:var(--transition)}.breadcrumb.current-page{color:var(--ndw-color-grey-700)}.icon-back{display:none}.icon-forward{display:block}.icon-back,.icon-forward{margin:0 0 var(--ndw-spacing-3xs) 0;font-size:var(--ndw-font-size-md);color:var(--ndw-color-primary-500)}@media screen and (max-width: 1024px){.breadcrumb:not(.show-on-small-screen){display:none}.icon-back{display:block}.icon-forward{display:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
316
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: BreadcrumbGroupComponent, isStandalone: true, selector: "ndw-breadcrumb-group", host: { attributes: { "role": "navigation", "aria-label": "Breadcrumb" } }, queries: [{ propertyName: "breadcrumbs", predicate: BreadcrumbComponent, isSignal: true }], ngImport: i0, template: "@for (breadcrumb of breadcrumbs(); track breadcrumb.link()) {\n @if ($count > 1 && $index === $count - 2) {\n <ndw-icon class=\"icon-back\" aria-hidden=\"true\">chevron_left</ndw-icon>\n }\n\n <a\n class=\"breadcrumb\"\n [class.current-page]=\"$last\"\n [class.show-on-small-screen]=\"$count === 1 || $index === $count - 2\"\n [attr.aria-current]=\"$last ? 'page' : null\"\n [routerLink]=\"$last ? null : breadcrumb.link()\"\n >\n <ng-template [ngTemplateOutlet]=\"breadcrumb.content()\"></ng-template>\n </a>\n\n @if (!$last) {\n <ndw-icon class=\"icon-forward\" aria-hidden=\"true\">chevron_right</ndw-icon>\n }\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375rem;--ndw-line-height-md: 1.5rem;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][extra-small]{height:var(--ndw-spacing-lg);padding-inline:var(--ndw-spacing-2xs)}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding-inline:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=datetime-local]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}[ndwInput][success]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][success]:active,[ndwInput][success]:focus,[ndwInput][success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-block:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}:host{display:flex;align-items:center;background-color:var(--ndw-color-white);padding:var(--ndw-spacing-md)}.breadcrumb{--transition: color var(--ndw-animation-speed-fast) ease-out, background-color var(--ndw-animation-speed-fast) ease-out;font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;text-decoration:none;line-height:100%;color:var(--ndw-color-grey-500);background-color:inherit;padding:calc(var(--ndw-spacing-3xs) * 2.5) var(--ndw-spacing-xs);border-radius:var(--ndw-border-radius-sm);transition:var(--transition)}.breadcrumb:hover{text-decoration:none}.breadcrumb:not(.current-page):hover{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-grey-100);transition:var(--transition)}.breadcrumb:not(.current-page):focus:not(:active){color:var(--ndw-color-grey-500);outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.breadcrumb:not(.current-page):active{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300);transition:var(--transition)}.breadcrumb.current-page{color:var(--ndw-color-grey-700)}.icon-back{display:none}.icon-forward{display:block}.icon-back,.icon-forward{margin:0 0 var(--ndw-spacing-3xs) 0;font-size:var(--ndw-font-size-md);color:var(--ndw-color-primary-500)}@media screen and (max-width: 1024px){.breadcrumb:not(.show-on-small-screen){display:none}.icon-back{display:block}.icon-forward{display:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
278
317
  }
279
318
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BreadcrumbGroupComponent, decorators: [{
280
319
  type: Component,
281
320
  args: [{ selector: 'ndw-breadcrumb-group', standalone: true, imports: [NgTemplateOutlet, IconComponent, NgClass, RouterLink], host: {
282
321
  role: 'navigation',
283
322
  'aria-label': 'Breadcrumb',
284
- }, template: "@for (breadcrumb of breadcrumbs(); track breadcrumb.link()) {\n @if ($count > 1 && $index === $count - 2) {\n <ndw-icon class=\"icon-back\" aria-hidden=\"true\">chevron_left</ndw-icon>\n }\n\n <a\n class=\"breadcrumb\"\n [class.current-page]=\"$last\"\n [class.show-on-small-screen]=\"$count === 1 || $index === $count - 2\"\n [attr.aria-current]=\"$last ? 'page' : null\"\n [routerLink]=\"$last ? null : breadcrumb.link()\"\n >\n <ng-template [ngTemplateOutlet]=\"breadcrumb.content()\"></ng-template>\n </a>\n\n @if (!$last) {\n <ndw-icon class=\"icon-forward\" aria-hidden=\"true\">chevron_right</ndw-icon>\n }\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375em;--ndw-line-height-md: 1.5em;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel [role=dialog]{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}.toast-container{color:var(--ndw-color-white);background:var(--ndw-color-grey-700);padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border-radius:var(--ndw-spacing-2xs);gap:var(--ndw-spacing-xs);display:grid;grid-template-columns:1fr auto;align-items:center;font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-lg);width:fit-content;opacity:1}.toast-container .toast-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.toast-container ndw-icon{font-size:var(--ndw-font-size-lg);justify-self:end;cursor:pointer}.toast-container.fade-out{transition:opacity .2s ease-in;opacity:0}:host{display:flex;align-items:center;background-color:var(--ndw-color-white);padding:var(--ndw-spacing-md)}.breadcrumb{--transition: color var(--ndw-animation-speed-fast) ease-out, background-color var(--ndw-animation-speed-fast) ease-out;font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;text-decoration:none;line-height:100%;color:var(--ndw-color-grey-500);background-color:inherit;padding:calc(var(--ndw-spacing-3xs) * 2.5) var(--ndw-spacing-xs);border-radius:var(--ndw-border-radius-sm);transition:var(--transition)}.breadcrumb:hover{text-decoration:none}.breadcrumb:not(.current-page):hover{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-grey-100);transition:var(--transition)}.breadcrumb:not(.current-page):focus:not(:active){color:var(--ndw-color-grey-500);outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.breadcrumb:not(.current-page):active{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300);transition:var(--transition)}.breadcrumb.current-page{color:var(--ndw-color-grey-700)}.icon-back{display:none}.icon-forward{display:block}.icon-back,.icon-forward{margin:0 0 var(--ndw-spacing-3xs) 0;font-size:var(--ndw-font-size-md);color:var(--ndw-color-primary-500)}@media screen and (max-width: 1024px){.breadcrumb:not(.show-on-small-screen){display:none}.icon-back{display:block}.icon-forward{display:none}}\n"] }]
285
- }] });
286
-
287
- class ButtonDirective {
288
- constructor() {
289
- this.elementRef = inject(ElementRef);
290
- }
291
- get element() {
292
- return this.elementRef.nativeElement;
293
- }
294
- ngOnInit() {
295
- // If the text content of a child node is longer than 35 characters, truncate it
296
- if (!this.element.childNodes.length) {
297
- return;
298
- }
299
- this.element.childNodes.forEach((node) => {
300
- if (node.nodeType === Node.TEXT_NODE) {
301
- if (!node.textContent) {
302
- return;
303
- }
304
- if (node.textContent.length > 35) {
305
- node.textContent = node.textContent.slice(0, 35) + '...';
306
- }
307
- }
308
- });
309
- }
310
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
311
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: ButtonDirective, isStandalone: true, selector: "[ndwButton]", ngImport: i0 }); }
312
- }
313
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ButtonDirective, decorators: [{
314
- type: Directive,
315
- args: [{
316
- selector: '[ndwButton]',
317
- standalone: true,
318
- }]
323
+ }, template: "@for (breadcrumb of breadcrumbs(); track breadcrumb.link()) {\n @if ($count > 1 && $index === $count - 2) {\n <ndw-icon class=\"icon-back\" aria-hidden=\"true\">chevron_left</ndw-icon>\n }\n\n <a\n class=\"breadcrumb\"\n [class.current-page]=\"$last\"\n [class.show-on-small-screen]=\"$count === 1 || $index === $count - 2\"\n [attr.aria-current]=\"$last ? 'page' : null\"\n [routerLink]=\"$last ? null : breadcrumb.link()\"\n >\n <ng-template [ngTemplateOutlet]=\"breadcrumb.content()\"></ng-template>\n </a>\n\n @if (!$last) {\n <ndw-icon class=\"icon-forward\" aria-hidden=\"true\">chevron_right</ndw-icon>\n }\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375rem;--ndw-line-height-md: 1.5rem;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][extra-small]{height:var(--ndw-spacing-lg);padding-inline:var(--ndw-spacing-2xs)}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding-inline:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=datetime-local]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}[ndwInput][success]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][success]:active,[ndwInput][success]:focus,[ndwInput][success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-block:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}:host{display:flex;align-items:center;background-color:var(--ndw-color-white);padding:var(--ndw-spacing-md)}.breadcrumb{--transition: color var(--ndw-animation-speed-fast) ease-out, background-color var(--ndw-animation-speed-fast) ease-out;font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;text-decoration:none;line-height:100%;color:var(--ndw-color-grey-500);background-color:inherit;padding:calc(var(--ndw-spacing-3xs) * 2.5) var(--ndw-spacing-xs);border-radius:var(--ndw-border-radius-sm);transition:var(--transition)}.breadcrumb:hover{text-decoration:none}.breadcrumb:not(.current-page):hover{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-grey-100);transition:var(--transition)}.breadcrumb:not(.current-page):focus:not(:active){color:var(--ndw-color-grey-500);outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.breadcrumb:not(.current-page):active{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300);transition:var(--transition)}.breadcrumb.current-page{color:var(--ndw-color-grey-700)}.icon-back{display:none}.icon-forward{display:block}.icon-back,.icon-forward{margin:0 0 var(--ndw-spacing-3xs) 0;font-size:var(--ndw-font-size-md);color:var(--ndw-color-primary-500)}@media screen and (max-width: 1024px){.breadcrumb:not(.show-on-small-screen){display:none}.icon-back{display:block}.icon-forward{display:none}}\n"] }]
319
324
  }] });
320
325
 
321
326
  class CardContentComponent {
@@ -329,11 +334,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
329
334
 
330
335
  class CardFooterComponent {
331
336
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
332
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: CardFooterComponent, isStandalone: true, selector: "ndw-card-footer", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md)}\n"] }); }
337
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: CardFooterComponent, isStandalone: true, selector: "ndw-card-footer", ngImport: i0, template: "<ng-content />\n", styles: [":host{align-items:center;display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md);margin-top:var(--ndw-spacing-xs)}\n"] }); }
333
338
  }
334
339
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CardFooterComponent, decorators: [{
335
340
  type: Component,
336
- args: [{ selector: 'ndw-card-footer', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md)}\n"] }]
341
+ args: [{ selector: 'ndw-card-footer', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{align-items:center;display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md);margin-top:var(--ndw-spacing-xs)}\n"] }]
337
342
  }] });
338
343
 
339
344
  class CardHeaderComponent {
@@ -347,11 +352,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
347
352
 
348
353
  class CardComponent {
349
354
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
350
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: CardComponent, isStandalone: true, selector: "ndw-card", ngImport: i0, template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);display:grid;gap:var(--ndw-spacing-lg);padding:var(--ndw-spacing-lg)}\n"] }); }
355
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: CardComponent, isStandalone: true, selector: "ndw-card", ngImport: i0, template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);display:grid;gap:var(--ndw-spacing-md);padding:var(--ndw-spacing-lg)}\n"] }); }
351
356
  }
352
357
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CardComponent, decorators: [{
353
358
  type: Component,
354
- args: [{ selector: 'ndw-card', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);display:grid;gap:var(--ndw-spacing-lg);padding:var(--ndw-spacing-lg)}\n"] }]
359
+ args: [{ selector: 'ndw-card', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);display:grid;gap:var(--ndw-spacing-md);padding:var(--ndw-spacing-lg)}\n"] }]
355
360
  }] });
356
361
 
357
362
  const CARD_COMPONENTS = [
@@ -450,7 +455,6 @@ class PopoverTriggerDirective {
450
455
  }
451
456
  close() {
452
457
  this.overlayRef?.dispose();
453
- this.elementRef.nativeElement.focus();
454
458
  }
455
459
  getPopoverPosition(popoverPosition) {
456
460
  if (popoverPosition === 'overTriggerButton') {
@@ -550,11 +554,11 @@ class RemovablePillComponent {
550
554
  this.onClick = output();
551
555
  }
552
556
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: RemovablePillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
553
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: RemovablePillComponent, isStandalone: true, selector: "ndw-removable-pill", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, removeAriaLabel: { classPropertyName: "removeAriaLabel", publicName: "removeAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"ndw-removable-pill\" [class.ndw-removable-pill--disabled]=\"disabled()\">\n <ng-content />\n\n <button\n type=\"button\"\n class=\"ndw-removable-pill__button\"\n [attr.aria-label]=\"removeAriaLabel()\"\n [disabled]=\"disabled()\"\n (click)=\"onClick.emit()\"\n >\n <ndw-icon>close</ndw-icon>\n </button>\n</div>\n", styles: [".ndw-removable-pill{position:relative;overflow:hidden;display:inline-grid;grid-template-columns:auto 1fr;align-items:center;height:1.5rem;padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);border-radius:45px;outline:none;color:var(--ndw-color-primary);background-color:var(--ndw-color-primary-050);font-size:var(--ndw-font-size-sm);cursor:pointer;transition:var(--ndw-animation-speed-fast) ease-out}.ndw-removable-pill:hover{border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);background-color:var(--ndw-color-primary);color:var(--ndw-color-white)}.ndw-removable-pill:active,.ndw-removable-pill:focus-within{border:var(--ndw-border-size-sm) solid var(--ndw-color-link-400);background-color:var(--ndw-color-primary-600);color:var(--ndw-color-white)}.ndw-removable-pill--disabled{border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-400);pointer-events:none}.ndw-removable-pill__button{border:0;padding:0;background-color:transparent;color:inherit}.ndw-removable-pill__button:focus{outline:none}.ndw-removable-pill__button:after{content:\"\";position:absolute;inset:0}.ndw-removable-pill ndw-icon{display:grid;width:var(--ndw-spacing-md);font-size:var(--ndw-font-size-sm)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }] }); }
557
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: RemovablePillComponent, isStandalone: true, selector: "ndw-removable-pill", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, removeAriaLabel: { classPropertyName: "removeAriaLabel", publicName: "removeAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<div class=\"ndw-removable-pill\" [class.ndw-removable-pill--disabled]=\"disabled()\">\n <ng-content />\n\n <button\n type=\"button\"\n class=\"ndw-removable-pill__button\"\n [attr.aria-label]=\"removeAriaLabel()\"\n [disabled]=\"disabled()\"\n (click)=\"onClick.emit($event)\"\n >\n <ndw-icon>close</ndw-icon>\n </button>\n</div>\n", styles: [".ndw-removable-pill{position:relative;overflow:hidden;display:inline-grid;grid-template-columns:auto 1fr;align-items:center;height:1.5rem;padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);border-radius:45px;outline:none;color:var(--ndw-color-primary);background-color:var(--ndw-color-primary-050);font-size:var(--ndw-font-size-sm);cursor:pointer;transition:var(--ndw-animation-speed-fast) ease-out}.ndw-removable-pill:hover{border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);background-color:var(--ndw-color-primary);color:var(--ndw-color-white)}.ndw-removable-pill:active,.ndw-removable-pill:focus-within{border:var(--ndw-border-size-sm) solid var(--ndw-color-link-400);background-color:var(--ndw-color-primary-600);color:var(--ndw-color-white)}.ndw-removable-pill--disabled{border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-400);pointer-events:none}.ndw-removable-pill__button{border:0;padding:0;background-color:transparent;color:inherit}.ndw-removable-pill__button:focus{outline:none}.ndw-removable-pill__button:after{content:\"\";position:absolute;inset:0}.ndw-removable-pill ndw-icon{display:grid;width:var(--ndw-spacing-md);font-size:var(--ndw-font-size-sm)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }] }); }
554
558
  }
555
559
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: RemovablePillComponent, decorators: [{
556
560
  type: Component,
557
- args: [{ selector: 'ndw-removable-pill', standalone: true, imports: [IconComponent], template: "<div class=\"ndw-removable-pill\" [class.ndw-removable-pill--disabled]=\"disabled()\">\n <ng-content />\n\n <button\n type=\"button\"\n class=\"ndw-removable-pill__button\"\n [attr.aria-label]=\"removeAriaLabel()\"\n [disabled]=\"disabled()\"\n (click)=\"onClick.emit()\"\n >\n <ndw-icon>close</ndw-icon>\n </button>\n</div>\n", styles: [".ndw-removable-pill{position:relative;overflow:hidden;display:inline-grid;grid-template-columns:auto 1fr;align-items:center;height:1.5rem;padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);border-radius:45px;outline:none;color:var(--ndw-color-primary);background-color:var(--ndw-color-primary-050);font-size:var(--ndw-font-size-sm);cursor:pointer;transition:var(--ndw-animation-speed-fast) ease-out}.ndw-removable-pill:hover{border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);background-color:var(--ndw-color-primary);color:var(--ndw-color-white)}.ndw-removable-pill:active,.ndw-removable-pill:focus-within{border:var(--ndw-border-size-sm) solid var(--ndw-color-link-400);background-color:var(--ndw-color-primary-600);color:var(--ndw-color-white)}.ndw-removable-pill--disabled{border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-400);pointer-events:none}.ndw-removable-pill__button{border:0;padding:0;background-color:transparent;color:inherit}.ndw-removable-pill__button:focus{outline:none}.ndw-removable-pill__button:after{content:\"\";position:absolute;inset:0}.ndw-removable-pill ndw-icon{display:grid;width:var(--ndw-spacing-md);font-size:var(--ndw-font-size-sm)}\n"] }]
561
+ args: [{ selector: 'ndw-removable-pill', standalone: true, imports: [IconComponent], template: "<div class=\"ndw-removable-pill\" [class.ndw-removable-pill--disabled]=\"disabled()\">\n <ng-content />\n\n <button\n type=\"button\"\n class=\"ndw-removable-pill__button\"\n [attr.aria-label]=\"removeAriaLabel()\"\n [disabled]=\"disabled()\"\n (click)=\"onClick.emit($event)\"\n >\n <ndw-icon>close</ndw-icon>\n </button>\n</div>\n", styles: [".ndw-removable-pill{position:relative;overflow:hidden;display:inline-grid;grid-template-columns:auto 1fr;align-items:center;height:1.5rem;padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);border-radius:45px;outline:none;color:var(--ndw-color-primary);background-color:var(--ndw-color-primary-050);font-size:var(--ndw-font-size-sm);cursor:pointer;transition:var(--ndw-animation-speed-fast) ease-out}.ndw-removable-pill:hover{border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);background-color:var(--ndw-color-primary);color:var(--ndw-color-white)}.ndw-removable-pill:active,.ndw-removable-pill:focus-within{border:var(--ndw-border-size-sm) solid var(--ndw-color-link-400);background-color:var(--ndw-color-primary-600);color:var(--ndw-color-white)}.ndw-removable-pill--disabled{border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-400);pointer-events:none}.ndw-removable-pill__button{border:0;padding:0;background-color:transparent;color:inherit}.ndw-removable-pill__button:focus{outline:none}.ndw-removable-pill__button:after{content:\"\";position:absolute;inset:0}.ndw-removable-pill ndw-icon{display:grid;width:var(--ndw-spacing-md);font-size:var(--ndw-font-size-sm)}\n"] }]
558
562
  }] });
559
563
 
560
564
  class DropdownComponent {
@@ -566,17 +570,42 @@ class DropdownComponent {
566
570
  this.selectAmount = input(0);
567
571
  this.removablePillClicked = output();
568
572
  this.isOpenChange = output();
569
- this.dropdownTrigger = viewChild.required(PopoverTriggerDirective);
570
- this.buttonIcon = computed(() => this.dropdownTrigger().isOpen() ? 'keyboard_arrow_up' : 'keyboard_arrow_down');
573
+ this.popoverTrigger = viewChild.required(PopoverTriggerDirective);
574
+ this.dropdownButton = viewChild.required('dropdownButton');
575
+ this.buttonIcon = computed(() => this.popoverTrigger().isOpen() ? 'keyboard_arrow_up' : 'keyboard_arrow_down');
571
576
  }
572
- onRemovablePillClicked() {
577
+ onRemovablePillClicked($event) {
578
+ $event.stopPropagation();
573
579
  this.removablePillClicked.emit();
574
580
  }
581
+ onKeyDown(event) {
582
+ if (event.key === 'Escape') {
583
+ this.popoverTrigger().isOpen.set(false);
584
+ this.popoverTrigger().togglePopover();
585
+ }
586
+ else if (event.key === 'Enter' && !this.disabled()) {
587
+ this.popoverTrigger().toggle();
588
+ }
589
+ }
590
+ closeDropdown() {
591
+ this.dropdownButton().nativeElement.focus();
592
+ }
593
+ onKeyDownRemovablePill(event) {
594
+ if (event.key !== 'Enter' || this.disabled()) {
595
+ return;
596
+ }
597
+ event.stopPropagation();
598
+ event.preventDefault();
599
+ this.removablePillClicked.emit();
600
+ setTimeout(() => {
601
+ this.dropdownButton().nativeElement.focus();
602
+ });
603
+ }
575
604
  isOpenChanged(isOpen) {
576
605
  this.isOpenChange.emit(isOpen);
577
606
  }
578
607
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
579
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: DropdownComponent, isStandalone: true, selector: "ndw-dropdown", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, chevron: { classPropertyName: "chevron", publicName: "chevron", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null }, prefixIcon: { classPropertyName: "prefixIcon", publicName: "prefixIcon", isSignal: true, isRequired: false, transformFunction: null }, selectAmount: { classPropertyName: "selectAmount", publicName: "selectAmount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removablePillClicked: "removablePillClicked", isOpenChange: "isOpenChange" }, viewQueries: [{ propertyName: "dropdownTrigger", first: true, predicate: PopoverTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<button\n type=\"button\"\n ndwButton\n filter\n [ndwPopoverTrigger]=\"dropdownContent\"\n (isOpenChange)=\"isOpenChanged($event)\"\n [disabled]=\"disabled()\"\n aria-haspopup=\"dialog\"\n>\n @if (prefixIcon(); as prefixIconName) {\n <ndw-icon class=\"dropdown-prefix-icon\">{{ prefixIconName }}</ndw-icon>\n }\n\n {{ buttonText() }}\n\n @if (selectAmount()) {\n <ndw-removable-pill\n tabindex=\"0\"\n [attr.disabled]=\"disabled() ? true : null\"\n (onClick)=\"onRemovablePillClicked()\"\n >\n {{ selectAmount() }}\n </ndw-removable-pill>\n }\n\n @if (chevron()) {\n <ndw-icon class=\"button-icon\">{{ buttonIcon() }}</ndw-icon>\n }\n</button>\n\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}.dropdown-prefix-icon{color:var(--ndw-color-grey-300)}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }, { kind: "directive", type: PopoverTriggerDirective, selector: "[ndwPopoverTrigger]", inputs: ["popoverPosition", "ndwPopoverTrigger", "toggleOnClick", "isOpen"], outputs: ["popoverToggled", "isOpenChange"], exportAs: ["ndwPopoverTrigger"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: RemovablePillComponent, selector: "ndw-removable-pill", inputs: ["disabled", "removeAriaLabel"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
608
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: DropdownComponent, isStandalone: true, selector: "ndw-dropdown", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, chevron: { classPropertyName: "chevron", publicName: "chevron", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null }, prefixIcon: { classPropertyName: "prefixIcon", publicName: "prefixIcon", isSignal: true, isRequired: false, transformFunction: null }, selectAmount: { classPropertyName: "selectAmount", publicName: "selectAmount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removablePillClicked: "removablePillClicked", isOpenChange: "isOpenChange" }, viewQueries: [{ propertyName: "popoverTrigger", first: true, predicate: PopoverTriggerDirective, descendants: true, isSignal: true }, { propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, isSignal: true }], ngImport: i0, template: "<button\n type=\"button\"\n #dropdownButton\n ndwButton\n filter\n [ndwPopoverTrigger]=\"dropdownContent\"\n (isOpenChange)=\"isOpenChanged($event)\"\n (keydown)=\"onKeyDown($event)\"\n [disabled]=\"disabled()\"\n aria-haspopup=\"dialog\"\n>\n @if (prefixIcon(); as prefixIconName) {\n <ndw-icon class=\"dropdown-prefix-icon\">{{ prefixIconName }}</ndw-icon>\n }\n\n {{ buttonText() }}\n\n @if (selectAmount()) {\n <ndw-removable-pill\n [attr.disabled]=\"disabled() ? true : null\"\n (keydown)=\"onKeyDownRemovablePill($event)\"\n (onClick)=\"onRemovablePillClicked($event)\"\n >\n {{ selectAmount() }}\n </ndw-removable-pill>\n }\n\n @if (chevron()) {\n <ndw-icon class=\"button-icon\">{{ buttonIcon() }}</ndw-icon>\n }\n</button>\n\n<ng-template #dropdownContent>\n <div role=\"dialog\" (keydown.escape)=\"closeDropdown()\">\n <ng-content />\n </div>\n</ng-template>\n", styles: [":host{display:inline-block}button{width:100%;display:flex;justify-content:space-between}.dropdown-prefix-icon{color:var(--ndw-color-grey-300)}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }, { kind: "directive", type: PopoverTriggerDirective, selector: "[ndwPopoverTrigger]", inputs: ["popoverPosition", "ndwPopoverTrigger", "toggleOnClick", "isOpen"], outputs: ["popoverToggled", "isOpenChange"], exportAs: ["ndwPopoverTrigger"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: RemovablePillComponent, selector: "ndw-removable-pill", inputs: ["disabled", "removeAriaLabel"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
580
609
  }
581
610
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DropdownComponent, decorators: [{
582
611
  type: Component,
@@ -586,7 +615,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
586
615
  IconComponent,
587
616
  CommonModule,
588
617
  RemovablePillComponent,
589
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n ndwButton\n filter\n [ndwPopoverTrigger]=\"dropdownContent\"\n (isOpenChange)=\"isOpenChanged($event)\"\n [disabled]=\"disabled()\"\n aria-haspopup=\"dialog\"\n>\n @if (prefixIcon(); as prefixIconName) {\n <ndw-icon class=\"dropdown-prefix-icon\">{{ prefixIconName }}</ndw-icon>\n }\n\n {{ buttonText() }}\n\n @if (selectAmount()) {\n <ndw-removable-pill\n tabindex=\"0\"\n [attr.disabled]=\"disabled() ? true : null\"\n (onClick)=\"onRemovablePillClicked()\"\n >\n {{ selectAmount() }}\n </ndw-removable-pill>\n }\n\n @if (chevron()) {\n <ndw-icon class=\"button-icon\">{{ buttonIcon() }}</ndw-icon>\n }\n</button>\n\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}.dropdown-prefix-icon{color:var(--ndw-color-grey-300)}\n"] }]
618
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n #dropdownButton\n ndwButton\n filter\n [ndwPopoverTrigger]=\"dropdownContent\"\n (isOpenChange)=\"isOpenChanged($event)\"\n (keydown)=\"onKeyDown($event)\"\n [disabled]=\"disabled()\"\n aria-haspopup=\"dialog\"\n>\n @if (prefixIcon(); as prefixIconName) {\n <ndw-icon class=\"dropdown-prefix-icon\">{{ prefixIconName }}</ndw-icon>\n }\n\n {{ buttonText() }}\n\n @if (selectAmount()) {\n <ndw-removable-pill\n [attr.disabled]=\"disabled() ? true : null\"\n (keydown)=\"onKeyDownRemovablePill($event)\"\n (onClick)=\"onRemovablePillClicked($event)\"\n >\n {{ selectAmount() }}\n </ndw-removable-pill>\n }\n\n @if (chevron()) {\n <ndw-icon class=\"button-icon\">{{ buttonIcon() }}</ndw-icon>\n }\n</button>\n\n<ng-template #dropdownContent>\n <div role=\"dialog\" (keydown.escape)=\"closeDropdown()\">\n <ng-content />\n </div>\n</ng-template>\n", styles: [":host{display:inline-block}button{width:100%;display:flex;justify-content:space-between}.dropdown-prefix-icon{color:var(--ndw-color-grey-300)}\n"] }]
590
619
  }] });
591
620
 
592
621
  class CheckboxComponent {
@@ -595,6 +624,7 @@ class CheckboxComponent {
595
624
  this.switch = input(false);
596
625
  this.disabled = input(false);
597
626
  this.error = input(false);
627
+ this.success = input(false);
598
628
  this.indeterminate = input(false);
599
629
  this.required = input(false);
600
630
  this.uuid = crypto.randomUUID();
@@ -631,13 +661,13 @@ class CheckboxComponent {
631
661
  // noop
632
662
  }
633
663
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
634
- 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 } }, outputs: { checked: "checkedChange" }, host: { properties: { "class.checked": "this.checkedClass", "class.disabled": "this.disabledClass", "class.indeterminate": "this.indeterminateClass" } }, providers: [
664
+ 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 }, success: { classPropertyName: "success", publicName: "success", 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 } }, outputs: { checked: "checkedChange" }, host: { properties: { "class.checked": "this.checkedClass", "class.disabled": "this.disabledClass", "class.indeterminate": "this.indeterminateClass" } }, providers: [
635
665
  {
636
666
  provide: NG_VALUE_ACCESSOR,
637
667
  useExisting: CheckboxComponent,
638
668
  multi: true,
639
669
  },
640
- ], 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 [attr.aria-disabled]=\"disabled()\"\n [attr.aria-labelledby]=\"'checkbox-label-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n>\n @if (!switch()) {\n @if (checked()) {\n <ndw-icon>check</ndw-icon>\n } @else if (indeterminate()) {\n <ndw-icon>remove</ndw-icon>\n }\n } @else {\n <span class=\"switch-icon\">\n @if (checked()) {\n <ndw-icon>check</ndw-icon>\n } @else {\n <ndw-icon>close</ndw-icon>\n }\n </span>\n }\n</div>\n<label\n id=\"checkbox-label-{{ uuid }}\"\n tabindex=\"-1\"\n [for]=\"'checkbox-' + uuid\"\n [ngClass]=\"{ 'switch-text': switch() }\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <ng-content />\n</label>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:host{--checkable-input-size: 1.25rem;cursor:pointer;display:inline-grid;gap:var(--ndw-spacing-xs);grid-template-columns:auto 1fr;min-height:1.375rem;width:fit-content}input{display:none}div{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;color:var(--ndw-color-white);display:flex;height:var(--checkable-input-size);position:relative;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;width:var(--checkable-input-size)}div.error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}label{font-family:var(--ndw-font-family-body);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-3xs);width:fit-content}label:focus{outline:none}:host(.checked) div,:host(.indeterminate) div{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) div.error,:host(.indeterminate) div.error{background-color:var(--ndw-color-critical-500);border-color:var(--ndw-color-critical-500)}:host(:focus){outline:none}:host(:focus) div{box-shadow:var(--ndw-elevation-info)}:host(:active) div,:host(:focus) div,:host(:not(.checked):active) div,:host(:not(.indeterminate):active) div{border-color:var(--ndw-color-secondary-500)}:host(.checked:focus) div,:host(.indeterminate:focus) div{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) div{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) div{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}\n", "div{border-radius:var(--ndw-border-radius-sm)}div.checkbox ndw-icon{font-size:1.25rem;inset:calc(var(--ndw-border-size-sm) * -1);position:absolute}div.switch{width:2.75rem;height:var(--ndw-spacing-lg);border-radius:calc(var(--ndw-spacing-lg) / 2);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-border-size-lg)}div.switch .switch-icon{background-color:var(--ndw-color-grey-400);border-radius:50%;width:var(--ndw-spacing-md);height:var(--ndw-spacing-md);display:flex;align-items:center;justify-content:center;animation:translateToLeft var(--ndw-animation-speed-fast) ease-out forwards}div.switch .switch-icon ndw-icon{color:var(--ndw-color-white);font-size:var(--ndw-spacing-sm)}div.switch.error{background-color:var(--ndw-color-white)}label.switch-text{margin-top:var(--ndw-spacing-2xs)}:host(.checked) div.switch,:host(.indeterminate) div.switch{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) div.switch .switch-icon,:host(.indeterminate) div.switch .switch-icon{background-color:var(--ndw-color-white);animation:translateToRight var(--ndw-animation-speed-fast) ease-out forwards}:host(.checked) div.switch .switch-icon ndw-icon,:host(.indeterminate) div.switch .switch-icon ndw-icon{color:var(--ndw-color-positive-500)}:host(.checked) div.switch.error,:host(.indeterminate) div.switch.error{background-color:var(--ndw-color-positive-500)}:host(:hover) div{background-color:var(--ndw-color-white)}:host(:hover) div.checkbox{border-color:var(--ndw-color-primary-500)}:host(:hover) div.switch{border-color:var(--ndw-color-grey-500)}:host(:hover) div.switch ndw-icon{color:var(--ndw-color-white)}:host(.checked:hover) div.checkbox,:host(.indeterminate:hover) div.checkbox{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(.checked:hover) div.switch,:host(.indeterminate:hover) div.switch{background-color:var(--ndw-color-positive-600);border-color:var(--ndw-color-positive-600)}:host(.checked:hover) div.switch ndw-icon,:host(.indeterminate:hover) div.switch ndw-icon{color:var(--ndw-color-positive-600)}:host(:focus) div.switch{border-color:var(--ndw-color-secondary-500)}:host(.disabled) div.switch .switch-icon{background-color:var(--ndw-color-grey-200)}:host(.disabled) div.switch .switch-icon ndw-icon{background-color:var(--ndw-color-grey-200)}:host(.checked.disabled) div.switch .switch-icon,:host(.indeterminate.disabled) div.switch .switch-icon{background-color:var(--ndw-color-white)}:host(.checked.disabled) div.switch .switch-icon ndw-icon,:host(.indeterminate.disabled) div.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: ["size"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
670
+ ], 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(), success: success(), checkbox: !switch(), switch: switch() }\"\n role=\"checkbox\"\n [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-labelledby]=\"'checkbox-label-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n>\n @if (!switch()) {\n @if (checked()) {\n <ndw-icon>check</ndw-icon>\n } @else if (indeterminate()) {\n <ndw-icon>remove</ndw-icon>\n }\n } @else {\n <span class=\"switch-icon\">\n @if (checked()) {\n <ndw-icon>check</ndw-icon>\n } @else {\n <ndw-icon>close</ndw-icon>\n }\n </span>\n }\n</div>\n<label\n id=\"checkbox-label-{{ uuid }}\"\n tabindex=\"-1\"\n [for]=\"'checkbox-' + uuid\"\n [ngClass]=\"{ 'switch-text': switch() }\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <ng-content />\n</label>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:host{--checkable-input-size: 1.25rem;cursor:pointer;display:inline-grid;gap:var(--ndw-spacing-xs);grid-template-columns:auto 1fr;min-height:1.375rem;width:fit-content}input{display:none}div{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;color:var(--ndw-color-white);display:flex;height:var(--checkable-input-size);position:relative;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;width:var(--checkable-input-size)}div.success{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}div.error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}label{font-family:var(--ndw-font-family-body);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-3xs);width:fit-content}label:focus{outline:none}:host(.checked) div,:host(.indeterminate) div{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) div.success,:host(.indeterminate) div.success{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) div.error,:host(.indeterminate) div.error{background-color:var(--ndw-color-critical-500);border-color:var(--ndw-color-critical-500)}:host(:focus){outline:none}:host(:focus) div{box-shadow:var(--ndw-elevation-info)}:host(:active) div,:host(:focus) div,:host(:not(.checked):active) div,:host(:not(.indeterminate):active) div{border-color:var(--ndw-color-secondary-500)}:host(.checked:focus) div,:host(.indeterminate:focus) div{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) div{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) div{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}\n", "div{border-radius:var(--ndw-border-radius-sm)}div.checkbox ndw-icon{font-size:1.25rem;inset:calc(var(--ndw-border-size-sm) * -1);position:absolute}div.switch{width:2.75rem;height:var(--ndw-spacing-lg);border-radius:calc(var(--ndw-spacing-lg) / 2);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-border-size-lg)}div.switch .switch-icon{background-color:var(--ndw-color-grey-400);border-radius:50%;width:var(--ndw-spacing-md);height:var(--ndw-spacing-md);display:flex;align-items:center;justify-content:center;animation:translateToLeft var(--ndw-animation-speed-fast) ease-out forwards}div.switch .switch-icon ndw-icon{color:var(--ndw-color-white);font-size:var(--ndw-spacing-sm)}div.switch.error{background-color:var(--ndw-color-white)}label.switch-text{margin-top:var(--ndw-spacing-2xs)}:host(.checked) div.switch,:host(.indeterminate) div.switch{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) div.switch .switch-icon,:host(.indeterminate) div.switch .switch-icon{background-color:var(--ndw-color-white);animation:translateToRight var(--ndw-animation-speed-fast) ease-out forwards}:host(.checked) div.switch .switch-icon ndw-icon,:host(.indeterminate) div.switch .switch-icon ndw-icon{color:var(--ndw-color-positive-500)}:host(.checked) div.switch.error,:host(.indeterminate) div.switch.error{background-color:var(--ndw-color-positive-500)}:host(:hover) div{background-color:var(--ndw-color-white)}:host(:hover) div.checkbox{border-color:var(--ndw-color-primary-500)}:host(:hover) div.switch{border-color:var(--ndw-color-grey-500)}:host(:hover) div.switch ndw-icon{color:var(--ndw-color-white)}:host(.checked:hover) div.checkbox,:host(.indeterminate:hover) div.checkbox{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(.checked:hover) div.switch,:host(.indeterminate:hover) div.switch{background-color:var(--ndw-color-positive-600);border-color:var(--ndw-color-positive-600)}:host(.checked:hover) div.switch ndw-icon,:host(.indeterminate:hover) div.switch ndw-icon{color:var(--ndw-color-positive-600)}:host(:focus) div.switch{border-color:var(--ndw-color-secondary-500)}:host(.disabled) div.switch{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300)}:host(.disabled) div.switch .switch-icon{background-color:var(--ndw-color-grey-200)}:host(.checked.disabled) div.switch,:host(.indeterminate.disabled) div.switch{background-color:var(--ndw-color-grey-400);border-color:var(--ndw-color-grey-400)}:host(.checked.disabled) div.switch .switch-icon,:host(.indeterminate.disabled) div.switch .switch-icon{background-color:var(--ndw-color-white)}:host(.checked.disabled) div.switch .switch-icon ndw-icon,:host(.indeterminate.disabled) div.switch .switch-icon ndw-icon{background-color:var(--ndw-color-white);color:var(--ndw-color-grey-400)}@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: ["size"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
641
671
  }
642
672
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CheckboxComponent, decorators: [{
643
673
  type: Component,
@@ -647,7 +677,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
647
677
  useExisting: CheckboxComponent,
648
678
  multi: true,
649
679
  },
650
- ], 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 [attr.aria-disabled]=\"disabled()\"\n [attr.aria-labelledby]=\"'checkbox-label-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n>\n @if (!switch()) {\n @if (checked()) {\n <ndw-icon>check</ndw-icon>\n } @else if (indeterminate()) {\n <ndw-icon>remove</ndw-icon>\n }\n } @else {\n <span class=\"switch-icon\">\n @if (checked()) {\n <ndw-icon>check</ndw-icon>\n } @else {\n <ndw-icon>close</ndw-icon>\n }\n </span>\n }\n</div>\n<label\n id=\"checkbox-label-{{ uuid }}\"\n tabindex=\"-1\"\n [for]=\"'checkbox-' + uuid\"\n [ngClass]=\"{ 'switch-text': switch() }\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <ng-content />\n</label>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:host{--checkable-input-size: 1.25rem;cursor:pointer;display:inline-grid;gap:var(--ndw-spacing-xs);grid-template-columns:auto 1fr;min-height:1.375rem;width:fit-content}input{display:none}div{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;color:var(--ndw-color-white);display:flex;height:var(--checkable-input-size);position:relative;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;width:var(--checkable-input-size)}div.error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}label{font-family:var(--ndw-font-family-body);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-3xs);width:fit-content}label:focus{outline:none}:host(.checked) div,:host(.indeterminate) div{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) div.error,:host(.indeterminate) div.error{background-color:var(--ndw-color-critical-500);border-color:var(--ndw-color-critical-500)}:host(:focus){outline:none}:host(:focus) div{box-shadow:var(--ndw-elevation-info)}:host(:active) div,:host(:focus) div,:host(:not(.checked):active) div,:host(:not(.indeterminate):active) div{border-color:var(--ndw-color-secondary-500)}:host(.checked:focus) div,:host(.indeterminate:focus) div{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) div{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) div{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}\n", "div{border-radius:var(--ndw-border-radius-sm)}div.checkbox ndw-icon{font-size:1.25rem;inset:calc(var(--ndw-border-size-sm) * -1);position:absolute}div.switch{width:2.75rem;height:var(--ndw-spacing-lg);border-radius:calc(var(--ndw-spacing-lg) / 2);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-border-size-lg)}div.switch .switch-icon{background-color:var(--ndw-color-grey-400);border-radius:50%;width:var(--ndw-spacing-md);height:var(--ndw-spacing-md);display:flex;align-items:center;justify-content:center;animation:translateToLeft var(--ndw-animation-speed-fast) ease-out forwards}div.switch .switch-icon ndw-icon{color:var(--ndw-color-white);font-size:var(--ndw-spacing-sm)}div.switch.error{background-color:var(--ndw-color-white)}label.switch-text{margin-top:var(--ndw-spacing-2xs)}:host(.checked) div.switch,:host(.indeterminate) div.switch{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) div.switch .switch-icon,:host(.indeterminate) div.switch .switch-icon{background-color:var(--ndw-color-white);animation:translateToRight var(--ndw-animation-speed-fast) ease-out forwards}:host(.checked) div.switch .switch-icon ndw-icon,:host(.indeterminate) div.switch .switch-icon ndw-icon{color:var(--ndw-color-positive-500)}:host(.checked) div.switch.error,:host(.indeterminate) div.switch.error{background-color:var(--ndw-color-positive-500)}:host(:hover) div{background-color:var(--ndw-color-white)}:host(:hover) div.checkbox{border-color:var(--ndw-color-primary-500)}:host(:hover) div.switch{border-color:var(--ndw-color-grey-500)}:host(:hover) div.switch ndw-icon{color:var(--ndw-color-white)}:host(.checked:hover) div.checkbox,:host(.indeterminate:hover) div.checkbox{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(.checked:hover) div.switch,:host(.indeterminate:hover) div.switch{background-color:var(--ndw-color-positive-600);border-color:var(--ndw-color-positive-600)}:host(.checked:hover) div.switch ndw-icon,:host(.indeterminate:hover) div.switch ndw-icon{color:var(--ndw-color-positive-600)}:host(:focus) div.switch{border-color:var(--ndw-color-secondary-500)}:host(.disabled) div.switch .switch-icon{background-color:var(--ndw-color-grey-200)}:host(.disabled) div.switch .switch-icon ndw-icon{background-color:var(--ndw-color-grey-200)}:host(.checked.disabled) div.switch .switch-icon,:host(.indeterminate.disabled) div.switch .switch-icon{background-color:var(--ndw-color-white)}:host(.checked.disabled) div.switch .switch-icon ndw-icon,:host(.indeterminate.disabled) div.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"] }]
680
+ ], 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(), success: success(), checkbox: !switch(), switch: switch() }\"\n role=\"checkbox\"\n [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-labelledby]=\"'checkbox-label-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n>\n @if (!switch()) {\n @if (checked()) {\n <ndw-icon>check</ndw-icon>\n } @else if (indeterminate()) {\n <ndw-icon>remove</ndw-icon>\n }\n } @else {\n <span class=\"switch-icon\">\n @if (checked()) {\n <ndw-icon>check</ndw-icon>\n } @else {\n <ndw-icon>close</ndw-icon>\n }\n </span>\n }\n</div>\n<label\n id=\"checkbox-label-{{ uuid }}\"\n tabindex=\"-1\"\n [for]=\"'checkbox-' + uuid\"\n [ngClass]=\"{ 'switch-text': switch() }\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <ng-content />\n</label>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:host{--checkable-input-size: 1.25rem;cursor:pointer;display:inline-grid;gap:var(--ndw-spacing-xs);grid-template-columns:auto 1fr;min-height:1.375rem;width:fit-content}input{display:none}div{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;color:var(--ndw-color-white);display:flex;height:var(--checkable-input-size);position:relative;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;width:var(--checkable-input-size)}div.success{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}div.error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}label{font-family:var(--ndw-font-family-body);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-3xs);width:fit-content}label:focus{outline:none}:host(.checked) div,:host(.indeterminate) div{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) div.success,:host(.indeterminate) div.success{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) div.error,:host(.indeterminate) div.error{background-color:var(--ndw-color-critical-500);border-color:var(--ndw-color-critical-500)}:host(:focus){outline:none}:host(:focus) div{box-shadow:var(--ndw-elevation-info)}:host(:active) div,:host(:focus) div,:host(:not(.checked):active) div,:host(:not(.indeterminate):active) div{border-color:var(--ndw-color-secondary-500)}:host(.checked:focus) div,:host(.indeterminate:focus) div{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) div{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) div{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}\n", "div{border-radius:var(--ndw-border-radius-sm)}div.checkbox ndw-icon{font-size:1.25rem;inset:calc(var(--ndw-border-size-sm) * -1);position:absolute}div.switch{width:2.75rem;height:var(--ndw-spacing-lg);border-radius:calc(var(--ndw-spacing-lg) / 2);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-border-size-lg)}div.switch .switch-icon{background-color:var(--ndw-color-grey-400);border-radius:50%;width:var(--ndw-spacing-md);height:var(--ndw-spacing-md);display:flex;align-items:center;justify-content:center;animation:translateToLeft var(--ndw-animation-speed-fast) ease-out forwards}div.switch .switch-icon ndw-icon{color:var(--ndw-color-white);font-size:var(--ndw-spacing-sm)}div.switch.error{background-color:var(--ndw-color-white)}label.switch-text{margin-top:var(--ndw-spacing-2xs)}:host(.checked) div.switch,:host(.indeterminate) div.switch{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) div.switch .switch-icon,:host(.indeterminate) div.switch .switch-icon{background-color:var(--ndw-color-white);animation:translateToRight var(--ndw-animation-speed-fast) ease-out forwards}:host(.checked) div.switch .switch-icon ndw-icon,:host(.indeterminate) div.switch .switch-icon ndw-icon{color:var(--ndw-color-positive-500)}:host(.checked) div.switch.error,:host(.indeterminate) div.switch.error{background-color:var(--ndw-color-positive-500)}:host(:hover) div{background-color:var(--ndw-color-white)}:host(:hover) div.checkbox{border-color:var(--ndw-color-primary-500)}:host(:hover) div.switch{border-color:var(--ndw-color-grey-500)}:host(:hover) div.switch ndw-icon{color:var(--ndw-color-white)}:host(.checked:hover) div.checkbox,:host(.indeterminate:hover) div.checkbox{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(.checked:hover) div.switch,:host(.indeterminate:hover) div.switch{background-color:var(--ndw-color-positive-600);border-color:var(--ndw-color-positive-600)}:host(.checked:hover) div.switch ndw-icon,:host(.indeterminate:hover) div.switch ndw-icon{color:var(--ndw-color-positive-600)}:host(:focus) div.switch{border-color:var(--ndw-color-secondary-500)}:host(.disabled) div.switch{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300)}:host(.disabled) div.switch .switch-icon{background-color:var(--ndw-color-grey-200)}:host(.checked.disabled) div.switch,:host(.indeterminate.disabled) div.switch{background-color:var(--ndw-color-grey-400);border-color:var(--ndw-color-grey-400)}:host(.checked.disabled) div.switch .switch-icon,:host(.indeterminate.disabled) div.switch .switch-icon{background-color:var(--ndw-color-white)}:host(.checked.disabled) div.switch .switch-icon ndw-icon,:host(.indeterminate.disabled) div.switch .switch-icon ndw-icon{background-color:var(--ndw-color-white);color:var(--ndw-color-grey-400)}@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"] }]
651
681
  }], propDecorators: { checkedClass: [{
652
682
  type: HostBinding,
653
683
  args: ['class.checked']
@@ -692,6 +722,7 @@ class FileUploadComponent {
692
722
  this.draggingOver = model(false);
693
723
  this.selectedFile = model();
694
724
  this.error = model(false);
725
+ this.success = model(false);
695
726
  this.incorrectFileType = model(false);
696
727
  this.incorrectFileSize = model(false);
697
728
  this.canEdit = computed(() => !this.selectedFile() && !this.disabled() && !this.readonly());
@@ -702,6 +733,9 @@ class FileUploadComponent {
702
733
  get hasError() {
703
734
  return this.error();
704
735
  }
736
+ get hasSuccess() {
737
+ return this.success();
738
+ }
705
739
  get isDisabled() {
706
740
  return this.disabled();
707
741
  }
@@ -831,13 +865,13 @@ class FileUploadComponent {
831
865
  // noop
832
866
  }
833
867
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
834
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: FileUploadComponent, isStandalone: true, selector: "ndw-file-upload", inputs: { allowedFileTypeRegex: { classPropertyName: "allowedFileTypeRegex", publicName: "allowedFileTypeRegex", isSignal: true, isRequired: false, transformFunction: null }, fileUploadText: { classPropertyName: "fileUploadText", publicName: "fileUploadText", isSignal: true, isRequired: false, transformFunction: null }, uploadDate: { classPropertyName: "uploadDate", publicName: "uploadDate", isSignal: true, isRequired: false, transformFunction: null }, maxFileSizeInBytes: { classPropertyName: "maxFileSizeInBytes", publicName: "maxFileSizeInBytes", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggingOver: { classPropertyName: "draggingOver", publicName: "draggingOver", isSignal: true, isRequired: false, transformFunction: null }, selectedFile: { classPropertyName: "selectedFile", publicName: "selectedFile", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, incorrectFileType: { classPropertyName: "incorrectFileType", publicName: "incorrectFileType", isSignal: true, isRequired: false, transformFunction: null }, incorrectFileSize: { classPropertyName: "incorrectFileSize", publicName: "incorrectFileSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { draggingOver: "draggingOverChange", selectedFile: "selectedFileChange", error: "errorChange", incorrectFileType: "incorrectFileTypeChange", incorrectFileSize: "incorrectFileSizeChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "click": "onClick()", "dragleave": "onDragLeave($event)", "dragover": "onDragOver($event)", "dragenter": "onDragEnter($event)", "drop": "onDrop($event)" }, properties: { "attr.tabindex": "this.tabindexAttr", "class.error": "this.hasError", "class.disabled": "this.isDisabled", "class.readonly": "this.isReadonly", "class.dragging": "this.isDragging", "class.file-selected": "this.hasSelectedFile" } }, providers: [
868
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: FileUploadComponent, isStandalone: true, selector: "ndw-file-upload", inputs: { allowedFileTypeRegex: { classPropertyName: "allowedFileTypeRegex", publicName: "allowedFileTypeRegex", isSignal: true, isRequired: false, transformFunction: null }, fileUploadText: { classPropertyName: "fileUploadText", publicName: "fileUploadText", isSignal: true, isRequired: false, transformFunction: null }, uploadDate: { classPropertyName: "uploadDate", publicName: "uploadDate", isSignal: true, isRequired: false, transformFunction: null }, maxFileSizeInBytes: { classPropertyName: "maxFileSizeInBytes", publicName: "maxFileSizeInBytes", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggingOver: { classPropertyName: "draggingOver", publicName: "draggingOver", isSignal: true, isRequired: false, transformFunction: null }, selectedFile: { classPropertyName: "selectedFile", publicName: "selectedFile", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, success: { classPropertyName: "success", publicName: "success", isSignal: true, isRequired: false, transformFunction: null }, incorrectFileType: { classPropertyName: "incorrectFileType", publicName: "incorrectFileType", isSignal: true, isRequired: false, transformFunction: null }, incorrectFileSize: { classPropertyName: "incorrectFileSize", publicName: "incorrectFileSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { draggingOver: "draggingOverChange", selectedFile: "selectedFileChange", error: "errorChange", success: "successChange", incorrectFileType: "incorrectFileTypeChange", incorrectFileSize: "incorrectFileSizeChange" }, host: { listeners: { "keydown": "onKeyDown($event)", "click": "onClick()", "dragleave": "onDragLeave($event)", "dragover": "onDragOver($event)", "dragenter": "onDragEnter($event)", "drop": "onDrop($event)" }, properties: { "attr.tabindex": "this.tabindexAttr", "class.error": "this.hasError", "class.success": "this.hasSuccess", "class.disabled": "this.isDisabled", "class.readonly": "this.isReadonly", "class.dragging": "this.isDragging", "class.file-selected": "this.hasSelectedFile" } }, providers: [
835
869
  {
836
870
  provide: NG_VALUE_ACCESSOR,
837
871
  useExisting: FileUploadComponent,
838
872
  multi: true,
839
873
  },
840
- ], viewQueries: [{ propertyName: "fileInputElement", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (!draggingOver() && !selectedFile()) {\n <ndw-icon>cloud_upload</ndw-icon>\n} @else if (draggingOver() && !selectedFile()) {\n <ndw-icon>pageless</ndw-icon>\n}\n\n{{ displayText() }}\n\n@if (selectedFile()) {\n <div class=\"file-name\">\n <button\n class=\"file-name-text\"\n (click)=\"onDownloadFileClick()\"\n (keydown.enter)=\"onDownloadFileClick()\"\n >\n {{ selectedFile()?.name }}\n </button>\n\n <div class=\"file-delete-icon\">\n <button (click)=\"onDeleteClick($event)\" (keydown.enter)=\"onDeleteClick($event)\">\n <ndw-icon>delete</ndw-icon>\n </button>\n </div>\n </div>\n\n <p class=\"file-date\">\n {{ uploadDate() }}\n </p>\n}\n\n<input type=\"file\" #fileInput hidden aria-hidden=\"true\" (change)=\"onFileSelected($event)\" />\n", styles: [":host{display:grid;align-items:center;border-radius:var(--ndw-border-radius-sm);border:var(--ndw-border-size-sm) dashed var(--ndw-color-secondary-500);background-color:var(--ndw-color-secondary-050);color:var(--ndw-color-secondary-500);padding:var(--ndw-spacing-lg);text-align:center;cursor:pointer;transition:var(--ndw-animation-speed-fast) ease-out}:host ndw-icon{color:var(--ndw-color-secondary-500);font-size:var(--ndw-font-size-md);pointer-events:none}:host.dragging,:host:hover,:host:focus{background-color:var(--ndw-color-secondary-100);outline:none}:host.error{background-color:var(--ndw-color-critical-100);border:var(--ndw-border-size-sm) dashed var(--ndw-color-critical-500);color:var(--ndw-color-critical-500)}:host.error ndw-icon{color:var(--ndw-color-critical-500);pointer-events:none}:host.error.file-selected{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);color:var(--ndw-color-secondary-500)}:host.error.file-selected ndw-icon{color:var(--ndw-color-secondary-500);pointer-events:all}:host.disabled,:host.readonly{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) dashed var(--ndw-color-grey-500);color:var(--ndw-color-grey-500);cursor:not-allowed}:host.disabled ndw-icon,:host.readonly ndw-icon{color:var(--ndw-color-grey-500);pointer-events:none}:host.disabled.file-selected .file-name,:host.readonly.file-selected .file-name{color:var(--ndw-color-secondary-500)}:host.disabled.file-selected .file-name .file-name-text:hover,:host.readonly.file-selected .file-name .file-name-text:hover{text-decoration:none}:host.disabled.file-selected .file-delete-icon,:host.readonly.file-selected .file-delete-icon{display:none}:host.file-selected{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-spacing-sm);align-items:baseline;word-break:break-all;cursor:auto;text-align:left}:host.file-selected .file-name{display:flex;align-items:center}:host.file-selected .file-name .file-name-text{background:transparent;border:none;padding:0;color:var(--ndw-color-secondary-500);cursor:pointer}:host.file-selected .file-name .file-name-text:hover,:host.file-selected .file-name .file-name-text:focus{text-decoration:underline;outline:none}:host.file-selected .file-date{font-size:var(--ndw-font-size-xs);color:var(--ndw-color-grey-500);margin:0}:host.file-selected .file-delete-icon{display:flex;flex:1;justify-content:end;pointer-events:all}:host.file-selected .file-delete-icon button{background:transparent;border:none;cursor:pointer;padding:var(--ndw-spacing-2xs);border-radius:var(--ndw-border-radius-md);transition:background-color .15s ease-in-out}:host.file-selected .file-delete-icon button:hover{background-color:var(--ndw-alpha-black-007)}:host.file-selected .file-delete-icon button:active,:host.file-selected .file-delete-icon button:focus,:host.file-selected .file-delete-icon button:focus-visible{background-color:var(--ndw-alpha-black-015)}:host.file-selected .file-delete-icon button:focus-visible{color:var(--ndw-color-primary);outline-color:var(--ndw-color-secondary-500)}:host.file-selected .file-delete-icon ndw-icon{pointer-events:all}:host.file-selected .file-delete-icon ndw-icon:focus{color:var(--ndw-color-secondary-500);outline:none}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }] }); }
874
+ ], viewQueries: [{ propertyName: "fileInputElement", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (!draggingOver() && !selectedFile()) {\n <ndw-icon>cloud_upload</ndw-icon>\n} @else if (draggingOver() && !selectedFile()) {\n <ndw-icon>pageless</ndw-icon>\n}\n\n{{ displayText() }}\n\n@if (selectedFile()) {\n <div class=\"file-name\">\n <button\n class=\"file-name-text\"\n (click)=\"onDownloadFileClick()\"\n (keydown.enter)=\"onDownloadFileClick()\"\n >\n {{ selectedFile()?.name }}\n </button>\n\n <div class=\"file-delete-icon\">\n <button (click)=\"onDeleteClick($event)\" (keydown.enter)=\"onDeleteClick($event)\">\n <ndw-icon>delete</ndw-icon>\n </button>\n </div>\n </div>\n\n <p class=\"file-date\">\n {{ uploadDate() }}\n </p>\n}\n\n<input type=\"file\" #fileInput hidden aria-hidden=\"true\" (change)=\"onFileSelected($event)\" />\n", styles: [":host{display:grid;align-items:center;border-radius:var(--ndw-border-radius-sm);border:var(--ndw-border-size-sm) dashed var(--ndw-color-secondary-500);background-color:var(--ndw-color-secondary-050);color:var(--ndw-color-secondary-500);padding:var(--ndw-spacing-lg);text-align:center;cursor:pointer;transition:var(--ndw-animation-speed-fast) ease-out}:host ndw-icon{color:var(--ndw-color-secondary-500);font-size:var(--ndw-font-size-md);pointer-events:none}:host.dragging,:host:hover,:host:focus{background-color:var(--ndw-color-secondary-100);outline:none}:host.success.file-selected{background-color:var(--ndw-color-positive-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-positive-500);color:var(--ndw-color-positive-500)}:host.error{background-color:var(--ndw-color-critical-100);border:var(--ndw-border-size-sm) dashed var(--ndw-color-critical-500);color:var(--ndw-color-critical-500)}:host.error ndw-icon{color:var(--ndw-color-critical-500);pointer-events:none}:host.error.file-selected{background-color:var(--ndw-color-critical-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-critical-500);color:var(--ndw-color-critical-500)}:host.error.file-selected ndw-icon{color:var(--ndw-color-secondary-500);pointer-events:all}:host.disabled,:host.readonly{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) dashed var(--ndw-color-grey-500);color:var(--ndw-color-grey-500);cursor:not-allowed}:host.disabled ndw-icon,:host.readonly ndw-icon{color:var(--ndw-color-grey-500);pointer-events:none}:host.disabled.file-selected .file-name,:host.readonly.file-selected .file-name{color:var(--ndw-color-secondary-500)}:host.disabled.file-selected .file-name .file-name-text:hover,:host.readonly.file-selected .file-name .file-name-text:hover{text-decoration:none}:host.disabled.file-selected .file-delete-icon,:host.readonly.file-selected .file-delete-icon{display:none}:host.file-selected{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-spacing-sm);align-items:baseline;word-break:break-all;cursor:auto;text-align:left}:host.file-selected .file-name{display:flex;align-items:center}:host.file-selected .file-name .file-name-text{background:transparent;border:none;padding:0;color:var(--ndw-color-secondary-500);cursor:pointer}:host.file-selected .file-name .file-name-text:hover,:host.file-selected .file-name .file-name-text:focus{text-decoration:underline;outline:none}:host.file-selected .file-date{font-size:var(--ndw-font-size-xs);color:var(--ndw-color-grey-500);margin:0}:host.file-selected .file-delete-icon{display:flex;flex:1;justify-content:end;pointer-events:all}:host.file-selected .file-delete-icon button{background:transparent;border:none;cursor:pointer;padding:var(--ndw-spacing-2xs);border-radius:var(--ndw-border-radius-md);transition:background-color .15s ease-in-out}:host.file-selected .file-delete-icon button:hover{background-color:var(--ndw-alpha-black-007)}:host.file-selected .file-delete-icon button:active,:host.file-selected .file-delete-icon button:focus,:host.file-selected .file-delete-icon button:focus-visible{background-color:var(--ndw-alpha-black-015)}:host.file-selected .file-delete-icon button:focus-visible{color:var(--ndw-color-primary);outline-color:var(--ndw-color-secondary-500)}:host.file-selected .file-delete-icon ndw-icon{pointer-events:all}:host.file-selected .file-delete-icon ndw-icon:focus{color:var(--ndw-color-secondary-500);outline:none}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }] }); }
841
875
  }
842
876
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: FileUploadComponent, decorators: [{
843
877
  type: Component,
@@ -847,13 +881,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
847
881
  useExisting: FileUploadComponent,
848
882
  multi: true,
849
883
  },
850
- ], template: "@if (!draggingOver() && !selectedFile()) {\n <ndw-icon>cloud_upload</ndw-icon>\n} @else if (draggingOver() && !selectedFile()) {\n <ndw-icon>pageless</ndw-icon>\n}\n\n{{ displayText() }}\n\n@if (selectedFile()) {\n <div class=\"file-name\">\n <button\n class=\"file-name-text\"\n (click)=\"onDownloadFileClick()\"\n (keydown.enter)=\"onDownloadFileClick()\"\n >\n {{ selectedFile()?.name }}\n </button>\n\n <div class=\"file-delete-icon\">\n <button (click)=\"onDeleteClick($event)\" (keydown.enter)=\"onDeleteClick($event)\">\n <ndw-icon>delete</ndw-icon>\n </button>\n </div>\n </div>\n\n <p class=\"file-date\">\n {{ uploadDate() }}\n </p>\n}\n\n<input type=\"file\" #fileInput hidden aria-hidden=\"true\" (change)=\"onFileSelected($event)\" />\n", styles: [":host{display:grid;align-items:center;border-radius:var(--ndw-border-radius-sm);border:var(--ndw-border-size-sm) dashed var(--ndw-color-secondary-500);background-color:var(--ndw-color-secondary-050);color:var(--ndw-color-secondary-500);padding:var(--ndw-spacing-lg);text-align:center;cursor:pointer;transition:var(--ndw-animation-speed-fast) ease-out}:host ndw-icon{color:var(--ndw-color-secondary-500);font-size:var(--ndw-font-size-md);pointer-events:none}:host.dragging,:host:hover,:host:focus{background-color:var(--ndw-color-secondary-100);outline:none}:host.error{background-color:var(--ndw-color-critical-100);border:var(--ndw-border-size-sm) dashed var(--ndw-color-critical-500);color:var(--ndw-color-critical-500)}:host.error ndw-icon{color:var(--ndw-color-critical-500);pointer-events:none}:host.error.file-selected{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);color:var(--ndw-color-secondary-500)}:host.error.file-selected ndw-icon{color:var(--ndw-color-secondary-500);pointer-events:all}:host.disabled,:host.readonly{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) dashed var(--ndw-color-grey-500);color:var(--ndw-color-grey-500);cursor:not-allowed}:host.disabled ndw-icon,:host.readonly ndw-icon{color:var(--ndw-color-grey-500);pointer-events:none}:host.disabled.file-selected .file-name,:host.readonly.file-selected .file-name{color:var(--ndw-color-secondary-500)}:host.disabled.file-selected .file-name .file-name-text:hover,:host.readonly.file-selected .file-name .file-name-text:hover{text-decoration:none}:host.disabled.file-selected .file-delete-icon,:host.readonly.file-selected .file-delete-icon{display:none}:host.file-selected{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-spacing-sm);align-items:baseline;word-break:break-all;cursor:auto;text-align:left}:host.file-selected .file-name{display:flex;align-items:center}:host.file-selected .file-name .file-name-text{background:transparent;border:none;padding:0;color:var(--ndw-color-secondary-500);cursor:pointer}:host.file-selected .file-name .file-name-text:hover,:host.file-selected .file-name .file-name-text:focus{text-decoration:underline;outline:none}:host.file-selected .file-date{font-size:var(--ndw-font-size-xs);color:var(--ndw-color-grey-500);margin:0}:host.file-selected .file-delete-icon{display:flex;flex:1;justify-content:end;pointer-events:all}:host.file-selected .file-delete-icon button{background:transparent;border:none;cursor:pointer;padding:var(--ndw-spacing-2xs);border-radius:var(--ndw-border-radius-md);transition:background-color .15s ease-in-out}:host.file-selected .file-delete-icon button:hover{background-color:var(--ndw-alpha-black-007)}:host.file-selected .file-delete-icon button:active,:host.file-selected .file-delete-icon button:focus,:host.file-selected .file-delete-icon button:focus-visible{background-color:var(--ndw-alpha-black-015)}:host.file-selected .file-delete-icon button:focus-visible{color:var(--ndw-color-primary);outline-color:var(--ndw-color-secondary-500)}:host.file-selected .file-delete-icon ndw-icon{pointer-events:all}:host.file-selected .file-delete-icon ndw-icon:focus{color:var(--ndw-color-secondary-500);outline:none}\n"] }]
884
+ ], template: "@if (!draggingOver() && !selectedFile()) {\n <ndw-icon>cloud_upload</ndw-icon>\n} @else if (draggingOver() && !selectedFile()) {\n <ndw-icon>pageless</ndw-icon>\n}\n\n{{ displayText() }}\n\n@if (selectedFile()) {\n <div class=\"file-name\">\n <button\n class=\"file-name-text\"\n (click)=\"onDownloadFileClick()\"\n (keydown.enter)=\"onDownloadFileClick()\"\n >\n {{ selectedFile()?.name }}\n </button>\n\n <div class=\"file-delete-icon\">\n <button (click)=\"onDeleteClick($event)\" (keydown.enter)=\"onDeleteClick($event)\">\n <ndw-icon>delete</ndw-icon>\n </button>\n </div>\n </div>\n\n <p class=\"file-date\">\n {{ uploadDate() }}\n </p>\n}\n\n<input type=\"file\" #fileInput hidden aria-hidden=\"true\" (change)=\"onFileSelected($event)\" />\n", styles: [":host{display:grid;align-items:center;border-radius:var(--ndw-border-radius-sm);border:var(--ndw-border-size-sm) dashed var(--ndw-color-secondary-500);background-color:var(--ndw-color-secondary-050);color:var(--ndw-color-secondary-500);padding:var(--ndw-spacing-lg);text-align:center;cursor:pointer;transition:var(--ndw-animation-speed-fast) ease-out}:host ndw-icon{color:var(--ndw-color-secondary-500);font-size:var(--ndw-font-size-md);pointer-events:none}:host.dragging,:host:hover,:host:focus{background-color:var(--ndw-color-secondary-100);outline:none}:host.success.file-selected{background-color:var(--ndw-color-positive-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-positive-500);color:var(--ndw-color-positive-500)}:host.error{background-color:var(--ndw-color-critical-100);border:var(--ndw-border-size-sm) dashed var(--ndw-color-critical-500);color:var(--ndw-color-critical-500)}:host.error ndw-icon{color:var(--ndw-color-critical-500);pointer-events:none}:host.error.file-selected{background-color:var(--ndw-color-critical-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-critical-500);color:var(--ndw-color-critical-500)}:host.error.file-selected ndw-icon{color:var(--ndw-color-secondary-500);pointer-events:all}:host.disabled,:host.readonly{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) dashed var(--ndw-color-grey-500);color:var(--ndw-color-grey-500);cursor:not-allowed}:host.disabled ndw-icon,:host.readonly ndw-icon{color:var(--ndw-color-grey-500);pointer-events:none}:host.disabled.file-selected .file-name,:host.readonly.file-selected .file-name{color:var(--ndw-color-secondary-500)}:host.disabled.file-selected .file-name .file-name-text:hover,:host.readonly.file-selected .file-name .file-name-text:hover{text-decoration:none}:host.disabled.file-selected .file-delete-icon,:host.readonly.file-selected .file-delete-icon{display:none}:host.file-selected{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-spacing-sm);align-items:baseline;word-break:break-all;cursor:auto;text-align:left}:host.file-selected .file-name{display:flex;align-items:center}:host.file-selected .file-name .file-name-text{background:transparent;border:none;padding:0;color:var(--ndw-color-secondary-500);cursor:pointer}:host.file-selected .file-name .file-name-text:hover,:host.file-selected .file-name .file-name-text:focus{text-decoration:underline;outline:none}:host.file-selected .file-date{font-size:var(--ndw-font-size-xs);color:var(--ndw-color-grey-500);margin:0}:host.file-selected .file-delete-icon{display:flex;flex:1;justify-content:end;pointer-events:all}:host.file-selected .file-delete-icon button{background:transparent;border:none;cursor:pointer;padding:var(--ndw-spacing-2xs);border-radius:var(--ndw-border-radius-md);transition:background-color .15s ease-in-out}:host.file-selected .file-delete-icon button:hover{background-color:var(--ndw-alpha-black-007)}:host.file-selected .file-delete-icon button:active,:host.file-selected .file-delete-icon button:focus,:host.file-selected .file-delete-icon button:focus-visible{background-color:var(--ndw-alpha-black-015)}:host.file-selected .file-delete-icon button:focus-visible{color:var(--ndw-color-primary);outline-color:var(--ndw-color-secondary-500)}:host.file-selected .file-delete-icon ndw-icon{pointer-events:all}:host.file-selected .file-delete-icon ndw-icon:focus{color:var(--ndw-color-secondary-500);outline:none}\n"] }]
851
885
  }], propDecorators: { tabindexAttr: [{
852
886
  type: HostBinding,
853
887
  args: ['attr.tabindex']
854
888
  }], hasError: [{
855
889
  type: HostBinding,
856
890
  args: ['class.error']
891
+ }], hasSuccess: [{
892
+ type: HostBinding,
893
+ args: ['class.success']
857
894
  }], isDisabled: [{
858
895
  type: HostBinding,
859
896
  args: ['class.disabled']
@@ -891,13 +928,13 @@ class TooltipComponent {
891
928
  this.text = input.required();
892
929
  }
893
930
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
894
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: TooltipComponent, isStandalone: true, selector: "ndw-tooltip", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tooltip" } }, ngImport: i0, template: "{{ text() }}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375em;--ndw-line-height-md: 1.5em;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel [role=dialog]{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}.toast-container{color:var(--ndw-color-white);background:var(--ndw-color-grey-700);padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border-radius:var(--ndw-spacing-2xs);gap:var(--ndw-spacing-xs);display:grid;grid-template-columns:1fr auto;align-items:center;font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-lg);width:fit-content;opacity:1}.toast-container .toast-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.toast-container ndw-icon{font-size:var(--ndw-font-size-lg);justify-self:end;cursor:pointer}.toast-container.fade-out{transition:opacity .2s ease-in;opacity:0}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;animation:.3s fadeIn;background-color:var(--ndw-color-grey-700);border-radius:var(--ndw-border-radius-sm);color:var(--ndw-color-white);display:inline-block;line-height:var(--ndw-line-height-md);max-width:18.75rem;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-2xs) var(--ndw-spacing-3xs);position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }); }
931
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: TooltipComponent, isStandalone: true, selector: "ndw-tooltip", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tooltip" } }, ngImport: i0, template: "{{ text() }}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375rem;--ndw-line-height-md: 1.5rem;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][extra-small]{height:var(--ndw-spacing-lg);padding-inline:var(--ndw-spacing-2xs)}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding-inline:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=datetime-local]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}[ndwInput][success]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][success]:active,[ndwInput][success]:focus,[ndwInput][success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-block:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;animation:.3s fadeIn;background-color:var(--ndw-color-grey-700);border-radius:var(--ndw-border-radius-sm);box-shadow:0 0 var(--ndw-border-size-md) 0 var(--ndw-alpha-white-040);color:var(--ndw-color-white);display:inline-block;line-height:var(--ndw-line-height-md);max-width:18.75rem;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-2xs) var(--ndw-spacing-3xs);position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }); }
895
932
  }
896
933
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: TooltipComponent, decorators: [{
897
934
  type: Component,
898
935
  args: [{ selector: 'ndw-tooltip', standalone: true, imports: [], host: {
899
936
  role: 'tooltip',
900
- }, template: "{{ text() }}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375em;--ndw-line-height-md: 1.5em;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel [role=dialog]{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}.toast-container{color:var(--ndw-color-white);background:var(--ndw-color-grey-700);padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border-radius:var(--ndw-spacing-2xs);gap:var(--ndw-spacing-xs);display:grid;grid-template-columns:1fr auto;align-items:center;font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-lg);width:fit-content;opacity:1}.toast-container .toast-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.toast-container ndw-icon{font-size:var(--ndw-font-size-lg);justify-self:end;cursor:pointer}.toast-container.fade-out{transition:opacity .2s ease-in;opacity:0}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;animation:.3s fadeIn;background-color:var(--ndw-color-grey-700);border-radius:var(--ndw-border-radius-sm);color:var(--ndw-color-white);display:inline-block;line-height:var(--ndw-line-height-md);max-width:18.75rem;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-2xs) var(--ndw-spacing-3xs);position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
937
+ }, template: "{{ text() }}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375rem;--ndw-line-height-md: 1.5rem;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][extra-small]{height:var(--ndw-spacing-lg);padding-inline:var(--ndw-spacing-2xs)}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding-inline:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=datetime-local]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}[ndwInput][success]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][success]:active,[ndwInput][success]:focus,[ndwInput][success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-block:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;animation:.3s fadeIn;background-color:var(--ndw-color-grey-700);border-radius:var(--ndw-border-radius-sm);box-shadow:0 0 var(--ndw-border-size-md) 0 var(--ndw-alpha-white-040);color:var(--ndw-color-white);display:inline-block;line-height:var(--ndw-line-height-md);max-width:18.75rem;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-2xs) var(--ndw-spacing-3xs);position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
901
938
  }] });
902
939
 
903
940
  class TooltipDirective {
@@ -913,12 +950,16 @@ class TooltipDirective {
913
950
  this.overlayRef = this.overlay.create({ positionStrategy });
914
951
  this.updateAriaDescription();
915
952
  }
953
+ ngOnChanges() {
954
+ const positionStrategy = this.getFlexibleConnectedPositionStrategy();
955
+ this.overlayRef?.updatePositionStrategy(positionStrategy);
956
+ }
916
957
  ngOnDestroy() {
917
958
  this.hide();
918
959
  this.overlayRef?.dispose();
919
960
  }
920
961
  show() {
921
- if (!this.text().length || this.overlayRef === null) {
962
+ if (!this.text().length || this.overlayRef === null || this.overlayRef.hasAttached()) {
922
963
  return;
923
964
  }
924
965
  const portal = new ComponentPortal(TooltipComponent);
@@ -959,7 +1000,7 @@ class TooltipDirective {
959
1000
  ]);
960
1001
  }
961
1002
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
962
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.3", type: TooltipDirective, isStandalone: true, selector: "[ndwTooltip]", inputs: { text: { classPropertyName: "text", publicName: "ndwTooltip", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "tabindex": "0", "aria-hidden": "false" }, listeners: { "focus": "show()", "blur": "hide()", "keydown.escape": "hide()", "mouseenter": "show()", "mouseleave": "hide()", "document:keydown.escape": "hideOnEscape()" } }, ngImport: i0 }); }
1003
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.3", type: TooltipDirective, isStandalone: true, selector: "[ndwTooltip]", inputs: { text: { classPropertyName: "text", publicName: "ndwTooltip", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "tabindex": "0", "aria-hidden": "false" }, listeners: { "focus": "show()", "blur": "hide()", "keydown.escape": "hide()", "mouseenter": "show()", "mouseleave": "hide()", "document:keydown.escape": "hideOnEscape()" } }, usesOnChanges: true, ngImport: i0 }); }
963
1004
  }
964
1005
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: TooltipDirective, decorators: [{
965
1006
  type: Directive,
@@ -1014,6 +1055,9 @@ class InputDirective {
1014
1055
  set error(error) {
1015
1056
  this.element.toggleAttribute('error', error);
1016
1057
  }
1058
+ set success(success) {
1059
+ this.element.toggleAttribute('success', success);
1060
+ }
1017
1061
  set id(id) {
1018
1062
  this.element.id = id;
1019
1063
  }
@@ -1072,7 +1116,6 @@ var InputType;
1072
1116
  (function (InputType) {
1073
1117
  InputType["Date"] = "date";
1074
1118
  InputType["Email"] = "email";
1075
- InputType["Month"] = "month";
1076
1119
  InputType["Number"] = "number";
1077
1120
  InputType["Password"] = "password";
1078
1121
  InputType["Search"] = "search";
@@ -1080,43 +1123,69 @@ var InputType;
1080
1123
  InputType["Text"] = "text";
1081
1124
  InputType["Time"] = "time";
1082
1125
  InputType["Url"] = "url";
1083
- InputType["Week"] = "week";
1084
1126
  })(InputType || (InputType = {}));
1085
1127
 
1086
- class RadioButtonComponent {
1128
+ class OptionComponent {
1087
1129
  constructor() {
1088
- this.checked = model(false);
1130
+ this.value = input.required();
1131
+ this.label = input.required();
1132
+ this.description = input();
1133
+ this.required = input(false);
1134
+ }
1135
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1136
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: OptionComponent, isStandalone: true, selector: "ndw-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1137
+ }
1138
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: OptionComponent, decorators: [{
1139
+ type: Component,
1140
+ args: [{
1141
+ selector: 'ndw-option',
1142
+ standalone: true,
1143
+ imports: [],
1144
+ template: '',
1145
+ changeDetection: ChangeDetectionStrategy.OnPush,
1146
+ }]
1147
+ }] });
1148
+
1149
+ class OptionGroupComponent {
1150
+ constructor() {
1151
+ this.fluid = input(false);
1152
+ this.fluidColumns = input(null);
1089
1153
  this.disabled = model(false);
1090
- this.error = input(false);
1091
- this.name = model('');
1154
+ this.mode = input('multiple');
1092
1155
  this.required = input(false);
1093
- this.value = model();
1156
+ this.children = contentChildren(OptionComponent);
1157
+ this.checkedValues = model([]);
1158
+ this.ngControl = inject(NgControl, { optional: true });
1159
+ this.fluidColumnStyle = computed(() => this.fluidColumns() ? `repeat(${this.fluidColumns()}, 1fr)` : null);
1094
1160
  this.uuid = crypto.randomUUID();
1161
+ this.onChange = () => { };
1162
+ if (this.ngControl) {
1163
+ this.ngControl.valueAccessor = this;
1164
+ }
1095
1165
  }
1096
- get checkedClass() {
1097
- return this.checked();
1098
- }
1099
- get disabledClass() {
1100
- return this.disabled();
1166
+ get isRequiredOrHasRequiredValidator() {
1167
+ return this.required() || this.ngControl?.control?.hasValidator(Validators.required)
1168
+ ? true
1169
+ : null;
1101
1170
  }
1102
- onClick() {
1103
- if (this.disabled()) {
1104
- return;
1171
+ toggleValue(value) {
1172
+ if (this.mode() === 'single') {
1173
+ this.checkedValues.set([value]);
1174
+ this.onChange(this.checkedValues());
1105
1175
  }
1106
- this.checked.set(true);
1107
- }
1108
- onKeyDown(event) {
1109
- if (event.key !== 'Enter' || this.disabled()) {
1110
- return;
1176
+ else {
1177
+ const state = [...this.checkedValues()];
1178
+ const index = state.indexOf(value);
1179
+ index >= 0 ? state.splice(index, 1) : state.push(value);
1180
+ this.checkedValues.set(state);
1181
+ this.onChange(this.checkedValues());
1111
1182
  }
1112
- this.checked.set(true);
1113
- event.preventDefault();
1114
1183
  }
1115
1184
  writeValue(value) {
1116
- this.checked.set(value);
1185
+ this.checkedValues.set(value ?? []);
1117
1186
  }
1118
1187
  registerOnChange(fn) {
1119
- this.checked.subscribe(fn);
1188
+ this.onChange = fn;
1120
1189
  }
1121
1190
  registerOnTouched() {
1122
1191
  // noop
@@ -1124,116 +1193,199 @@ class RadioButtonComponent {
1124
1193
  setDisabledState(isDisabled) {
1125
1194
  this.disabled.set(isDisabled);
1126
1195
  }
1127
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1128
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", 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 }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", disabled: "disabledChange", name: "nameChange", value: "valueChange" }, host: { properties: { "class.checked": "this.checkedClass", "class.disabled": "this.disabledClass" } }, providers: [
1129
- {
1130
- provide: NG_VALUE_ACCESSOR,
1131
- useExisting: RadioButtonComponent,
1132
- multi: true,
1133
- },
1134
- ], ngImport: i0, template: "<input\n type=\"radio\"\n [id]=\"'radio-button-' + uuid\"\n [name]=\"name()\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n aria-hidden=\"true\"\n/>\n<div\n class=\"radio-button\"\n role=\"radio\"\n [ngClass]=\"{ error: error() }\"\n [tabindex]=\"disabled() ? -1 : 0\"\n [attr.aria-checked]=\"checked()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-labelledby]=\"'radio-button-label-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n @if (checked()) {\n <span class=\"check\"></span>\n }\n</div>\n<label\n tabindex=\"-1\"\n id=\"radio-button-label-{{ uuid }}\"\n [for]=\"'radio-button-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <ng-content />\n</label>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:host{--checkable-input-size: 1.25rem;cursor:pointer;display:inline-grid;gap:var(--ndw-spacing-xs);grid-template-columns:auto 1fr;min-height:1.375rem;width:fit-content}input{display:none}div{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;color:var(--ndw-color-white);display:flex;height:var(--checkable-input-size);position:relative;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;width:var(--checkable-input-size)}div.error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}label{font-family:var(--ndw-font-family-body);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-3xs);width:fit-content}label:focus{outline:none}:host(.checked) div,:host(.indeterminate) div{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) div.error,:host(.indeterminate) div.error{background-color:var(--ndw-color-critical-500);border-color:var(--ndw-color-critical-500)}:host(:focus){outline:none}:host(:focus) div{box-shadow:var(--ndw-elevation-info)}:host(:active) div,:host(:focus) div,:host(:not(.checked):active) div,:host(:not(.indeterminate):active) div{border-color:var(--ndw-color-secondary-500)}:host(.checked:focus) div,:host(.indeterminate:focus) div{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) div{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) div{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}\n", "div{border-radius:50%}div .check{background-color:var(--ndw-color-white);border-radius:inherit;height:.5rem;margin:auto;width:.5rem}:host(:hover) div{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(:not(.checked):hover) div{background-color:var(--ndw-color-white);border-color:var(--ndw-color-primary-500)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1196
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: OptionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1197
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: OptionGroupComponent, isStandalone: true, selector: "ndw-option-group", inputs: { fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, fluidColumns: { classPropertyName: "fluidColumns", publicName: "fluidColumns", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, checkedValues: { classPropertyName: "checkedValues", publicName: "checkedValues", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", checkedValues: "checkedValuesChange" }, host: { properties: { "attr.required": "isRequiredOrHasRequiredValidator", "class.grid-columns": "fluidColumns() !== null", "style.gridTemplateColumns": "fluidColumnStyle()" } }, queries: [{ propertyName: "children", predicate: OptionComponent, isSignal: true }], ngImport: i0, template: "@for (child of children(); track child.value()) {\n <label\n ndwButton\n [class.fluid]=\"fluid() && fluidColumns() === null\"\n [class.gridCell]=\"fluidColumns() !== null\"\n [attr.disabled]=\"disabled() ? 'true' : null\"\n [attr.outline]=\"checkedValues().includes(child.value()) ? null : 'true'\"\n [attr.aria-label]=\"child.description() ?? child.label()\"\n >\n <input\n [type]=\"mode() === 'multiple' ? 'checkbox' : 'radio'\"\n [name]=\"mode() === 'multiple' ? 'option-group-radio-' + uuid : null\"\n [value]=\"child.value()\"\n [disabled]=\"disabled()\"\n [checked]=\"checkedValues().includes(child.value())\"\n (change)=\"toggleValue(child.value())\"\n />\n {{ child.label() }}\n </label>\n}\n", styles: [":host{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}:host.grid-columns{display:grid}:host .fluid{flex-grow:1;display:flex;justify-content:center}:host .gridCell{width:100%;display:flex;justify-content:center}:host input[type=checkbox],:host input[type=radio]{position:absolute;top:0;left:0;opacity:0}:host label[ndwButton]{background-color:var(--ndw-color-primary-500);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary-500);color:var(--ndw-color-white)}:host label[ndwButton]:hover,:host label[ndwButton]:active{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600);color:var(--ndw-color-white)}:host label[ndwButton]:focus-within{border-color:var(--ndw-color-secondary-500)}:host label[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-gray-600)}:host label[ndwButton][outline]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700)}:host label[ndwButton][outline]:hover{background-color:var(--ndw-color-primary-050);border-color:var(--ndw-color-primary-500);color:var(--ndw-color-grey-700)}:host label[ndwButton][outline]:active,:host label[ndwButton][outline]:focus-within{background-color:var(--ndw-color-primary-050);color:var(--ndw-color-grey-700)}:host label[ndwButton][outline]:focus-within{border-color:var(--ndw-color-secondary-500)}:host label[ndwButton][outline][disabled]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-gray-400)}:host label[ndwButton][outline].error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500);color:var(--ndw-color-gray-700)}:host[success] label[ndwButton][outline]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500);color:var(--ndw-color-gray-700)}:host.ng-invalid label[ndwButton][outline]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500);color:var(--ndw-color-gray-700)}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1135
1198
  }
1136
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: RadioButtonComponent, decorators: [{
1199
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: OptionGroupComponent, decorators: [{
1137
1200
  type: Component,
1138
- args: [{ selector: 'ndw-radio-button', standalone: true, imports: [IconComponent, NgClass], providers: [
1139
- {
1140
- provide: NG_VALUE_ACCESSOR,
1141
- useExisting: RadioButtonComponent,
1142
- multi: true,
1143
- },
1144
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n type=\"radio\"\n [id]=\"'radio-button-' + uuid\"\n [name]=\"name()\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n aria-hidden=\"true\"\n/>\n<div\n class=\"radio-button\"\n role=\"radio\"\n [ngClass]=\"{ error: error() }\"\n [tabindex]=\"disabled() ? -1 : 0\"\n [attr.aria-checked]=\"checked()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-labelledby]=\"'radio-button-label-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n @if (checked()) {\n <span class=\"check\"></span>\n }\n</div>\n<label\n tabindex=\"-1\"\n id=\"radio-button-label-{{ uuid }}\"\n [for]=\"'radio-button-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <ng-content />\n</label>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:host{--checkable-input-size: 1.25rem;cursor:pointer;display:inline-grid;gap:var(--ndw-spacing-xs);grid-template-columns:auto 1fr;min-height:1.375rem;width:fit-content}input{display:none}div{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;color:var(--ndw-color-white);display:flex;height:var(--checkable-input-size);position:relative;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;width:var(--checkable-input-size)}div.error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}label{font-family:var(--ndw-font-family-body);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-3xs);width:fit-content}label:focus{outline:none}:host(.checked) div,:host(.indeterminate) div{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) div.error,:host(.indeterminate) div.error{background-color:var(--ndw-color-critical-500);border-color:var(--ndw-color-critical-500)}:host(:focus){outline:none}:host(:focus) div{box-shadow:var(--ndw-elevation-info)}:host(:active) div,:host(:focus) div,:host(:not(.checked):active) div,:host(:not(.indeterminate):active) div{border-color:var(--ndw-color-secondary-500)}:host(.checked:focus) div,:host(.indeterminate:focus) div{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) div{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) div{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}\n", "div{border-radius:50%}div .check{background-color:var(--ndw-color-white);border-radius:inherit;height:.5rem;margin:auto;width:.5rem}:host(:hover) div{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(:not(.checked):hover) div{background-color:var(--ndw-color-white);border-color:var(--ndw-color-primary-500)}\n"] }]
1145
- }], propDecorators: { checkedClass: [{
1146
- type: HostBinding,
1147
- args: ['class.checked']
1148
- }], disabledClass: [{
1149
- type: HostBinding,
1150
- args: ['class.disabled']
1151
- }] } });
1201
+ args: [{ selector: 'ndw-option-group', standalone: true, imports: [ButtonDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
1202
+ '[attr.required]': 'isRequiredOrHasRequiredValidator',
1203
+ '[class.grid-columns]': 'fluidColumns() !== null',
1204
+ '[style.gridTemplateColumns]': 'fluidColumnStyle()',
1205
+ }, template: "@for (child of children(); track child.value()) {\n <label\n ndwButton\n [class.fluid]=\"fluid() && fluidColumns() === null\"\n [class.gridCell]=\"fluidColumns() !== null\"\n [attr.disabled]=\"disabled() ? 'true' : null\"\n [attr.outline]=\"checkedValues().includes(child.value()) ? null : 'true'\"\n [attr.aria-label]=\"child.description() ?? child.label()\"\n >\n <input\n [type]=\"mode() === 'multiple' ? 'checkbox' : 'radio'\"\n [name]=\"mode() === 'multiple' ? 'option-group-radio-' + uuid : null\"\n [value]=\"child.value()\"\n [disabled]=\"disabled()\"\n [checked]=\"checkedValues().includes(child.value())\"\n (change)=\"toggleValue(child.value())\"\n />\n {{ child.label() }}\n </label>\n}\n", styles: [":host{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}:host.grid-columns{display:grid}:host .fluid{flex-grow:1;display:flex;justify-content:center}:host .gridCell{width:100%;display:flex;justify-content:center}:host input[type=checkbox],:host input[type=radio]{position:absolute;top:0;left:0;opacity:0}:host label[ndwButton]{background-color:var(--ndw-color-primary-500);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary-500);color:var(--ndw-color-white)}:host label[ndwButton]:hover,:host label[ndwButton]:active{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600);color:var(--ndw-color-white)}:host label[ndwButton]:focus-within{border-color:var(--ndw-color-secondary-500)}:host label[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-gray-600)}:host label[ndwButton][outline]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700)}:host label[ndwButton][outline]:hover{background-color:var(--ndw-color-primary-050);border-color:var(--ndw-color-primary-500);color:var(--ndw-color-grey-700)}:host label[ndwButton][outline]:active,:host label[ndwButton][outline]:focus-within{background-color:var(--ndw-color-primary-050);color:var(--ndw-color-grey-700)}:host label[ndwButton][outline]:focus-within{border-color:var(--ndw-color-secondary-500)}:host label[ndwButton][outline][disabled]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-gray-400)}:host label[ndwButton][outline].error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500);color:var(--ndw-color-gray-700)}:host[success] label[ndwButton][outline]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500);color:var(--ndw-color-gray-700)}:host.ng-invalid label[ndwButton][outline]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500);color:var(--ndw-color-gray-700)}\n"] }]
1206
+ }], ctorParameters: () => [] });
1152
1207
 
1153
- class RadioGroupComponent {
1208
+ function createYearRange(minDate, maxDate) {
1209
+ const minYear = minDate.getFullYear();
1210
+ const maxYear = maxDate.getFullYear();
1211
+ const yearCount = maxYear - minYear + 1;
1212
+ return Array.from({ length: yearCount }, (_, index) => minYear + index);
1213
+ }
1214
+ function createMonthOptions(monthLabels) {
1215
+ return monthLabels.map((month, index) => ({
1216
+ label: month,
1217
+ value: index + 1,
1218
+ }));
1219
+ }
1220
+
1221
+ const defaultMonthLabels = [
1222
+ 'Jan',
1223
+ 'Feb',
1224
+ 'Mrt',
1225
+ 'Apr',
1226
+ 'Mei',
1227
+ 'Jun',
1228
+ 'Jul',
1229
+ 'Aug',
1230
+ 'Sep',
1231
+ 'Okt',
1232
+ 'Nov',
1233
+ 'Dec',
1234
+ ];
1235
+ class MonthInputComponent {
1154
1236
  constructor() {
1155
- this.radioButtons = contentChildren(RadioButtonComponent);
1156
- this.uuid = crypto.randomUUID();
1237
+ this.disabled = model(false);
1238
+ this.required = input(false);
1239
+ this.showMonthPickerLabel = input('Selecteer maand');
1240
+ this.placeholder = input('JJJJ-MM');
1241
+ this.yearPlaceholder = input('Jaar');
1242
+ this.minDate = input(new Date(2020, 0, 1));
1243
+ this.maxDate = input(new Date(2026, 11, 31));
1244
+ this.monthLabels = input(defaultMonthLabels);
1245
+ this.input = viewChild(InputDirective);
1246
+ this.inputElement = computed(() => this.input()?.element);
1247
+ this.showMonthPicker = false;
1248
+ this.selectedYear = model(new Date().getFullYear());
1249
+ this.selectedMonth = model(null);
1250
+ this.selectedDate = computed(() => {
1251
+ const year = this.selectedYear();
1252
+ const month = this.selectedMonth();
1253
+ const date = year && month ? new Date(year, month - 1, 1) : null;
1254
+ return date && date >= this.minDate() && date <= this.maxDate() ? date : null;
1255
+ });
1256
+ this.inputValue = computed(() => {
1257
+ const year = this.selectedYear();
1258
+ const month = this.selectedMonth();
1259
+ return year && month ? `${year}-${month.toString().padStart(2, '0')}` : null;
1260
+ });
1261
+ this.ngControl = inject(NgControl, { optional: true });
1262
+ this.years = computed(() => createYearRange(this.minDate(), this.maxDate()));
1263
+ this.months = computed(() => createMonthOptions(this.monthLabels()));
1157
1264
  this.onChange = () => { };
1158
- this.roleAttr = 'radiogroup';
1265
+ this.destroyRef = inject(DestroyRef);
1266
+ if (this.ngControl) {
1267
+ this.ngControl.valueAccessor = this;
1268
+ }
1159
1269
  }
1160
- ngAfterContentInit() {
1161
- this.setRadioButtonsName();
1162
- this.handleCheckedChange();
1270
+ ngOnInit() {
1271
+ if (this.ngControl) {
1272
+ this.ngControl.statusChanges?.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
1273
+ const input = this.input();
1274
+ if (input && this.ngControl) {
1275
+ input.error = this.ngControl.invalid === true;
1276
+ }
1277
+ });
1278
+ }
1163
1279
  }
1164
1280
  writeValue(value) {
1165
- this.radioButtons().forEach((radio) => {
1166
- radio.checked.set(radio.value() === value);
1167
- });
1281
+ if (value) {
1282
+ this.selectedYear.set(value.getFullYear());
1283
+ this.selectedMonth.set(value.getMonth() + 1);
1284
+ }
1285
+ else {
1286
+ this.selectedYear.set(new Date().getFullYear());
1287
+ this.selectedMonth.set(null);
1288
+ }
1168
1289
  }
1169
1290
  registerOnChange(fn) {
1170
1291
  this.onChange = fn;
1171
1292
  }
1293
+ setDisabledState(isDisabled) {
1294
+ this.disabled.set(isDisabled);
1295
+ }
1172
1296
  registerOnTouched() {
1173
- // Not implemented
1297
+ // noop
1174
1298
  }
1175
- setDisabledState(isDisabled) {
1176
- this.radioButtons().forEach((radio) => radio.disabled.set(isDisabled));
1299
+ onInputChanged(value) {
1300
+ const [year, month] = value.split('-');
1301
+ this.selectedYear.set(parseInt(year, 10));
1302
+ this.selectedMonth.set(parseInt(month, 10));
1303
+ this.onChange(this.selectedDate());
1177
1304
  }
1178
- setRadioButtonsName() {
1179
- this.radioButtons().forEach((radio) => {
1180
- radio.name.set(this.uuid);
1181
- });
1305
+ onYearSelected(year) {
1306
+ this.selectedYear.set(parseInt(year, 10));
1307
+ this.onChange(this.selectedDate());
1182
1308
  }
1183
- handleCheckedChange() {
1184
- this.radioButtons().forEach((radio) => {
1185
- radio.checked.subscribe((checked) => {
1186
- if (!checked) {
1187
- return;
1188
- }
1189
- this.radioButtons().forEach((otherRadio) => {
1190
- if (otherRadio !== radio) {
1191
- otherRadio.checked.set(false);
1192
- }
1193
- });
1194
- this.onChange(radio.value());
1195
- });
1196
- });
1309
+ onMonthSelected(month) {
1310
+ this.selectedMonth.set(month);
1311
+ this.onChange(this.selectedDate());
1197
1312
  }
1198
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1199
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.3", type: RadioGroupComponent, isStandalone: true, selector: "ndw-radio-group", host: { properties: { "attr.role": "this.roleAttr" } }, providers: [
1200
- {
1201
- provide: NG_VALUE_ACCESSOR,
1202
- useExisting: RadioGroupComponent,
1203
- multi: true,
1204
- },
1205
- ], queries: [{ propertyName: "radioButtons", predicate: RadioButtonComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:grid;gap:var(--ndw-spacing-2xs)}\n"] }); }
1313
+ onKeyDown(event) {
1314
+ if (event.key === 'ArrowDown') {
1315
+ this.adjustMonth(-1);
1316
+ event.preventDefault();
1317
+ return;
1318
+ }
1319
+ else if (event.key === 'ArrowUp') {
1320
+ this.adjustMonth(+1);
1321
+ event.preventDefault();
1322
+ return;
1323
+ }
1324
+ const currentValue = event.target?.value;
1325
+ const validKeys = [];
1326
+ if (currentValue.length === 4) {
1327
+ validKeys.push('-');
1328
+ }
1329
+ else {
1330
+ validKeys.push('0', '1', '2', '3', '4', '5', '6', '7', '8', '9');
1331
+ }
1332
+ const isValidKey = validKeys.includes(event.key);
1333
+ const isPrintableKey = event.key.length === 1; // Allow pressing special keys like F12, etc.
1334
+ if (!isValidKey && isPrintableKey) {
1335
+ event.preventDefault();
1336
+ }
1337
+ }
1338
+ adjustMonth(monthIncrement) {
1339
+ const now = new Date();
1340
+ const date = this.selectedDate() ?? new Date(now.getFullYear(), now.getMonth(), 1);
1341
+ const adjustedDate = new Date(date); // Prevent mutating this.selectedDate()
1342
+ adjustedDate.setMonth(adjustedDate.getMonth() + monthIncrement);
1343
+ if (adjustedDate >= this.minDate() && adjustedDate <= this.maxDate()) {
1344
+ this.writeValue(adjustedDate);
1345
+ this.onChange(this.selectedDate());
1346
+ }
1347
+ }
1348
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: MonthInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1349
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: MonthInputComponent, isStandalone: true, selector: "ndw-month-input", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, showMonthPickerLabel: { classPropertyName: "showMonthPickerLabel", publicName: "showMonthPickerLabel", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, yearPlaceholder: { classPropertyName: "yearPlaceholder", publicName: "yearPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, monthLabels: { classPropertyName: "monthLabels", publicName: "monthLabels", isSignal: true, isRequired: false, transformFunction: null }, selectedYear: { classPropertyName: "selectedYear", publicName: "selectedYear", isSignal: true, isRequired: false, transformFunction: null }, selectedMonth: { classPropertyName: "selectedMonth", publicName: "selectedMonth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", selectedYear: "selectedYearChange", selectedMonth: "selectedMonthChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: InputDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<input\n ndwInput\n #input\n type=\"text\"\n minlength=\"6\"\n maxlength=\"7\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [value]=\"inputValue()\"\n (change)=\"onInputChanged(input.value)\"\n (keydown)=\"onKeyDown($event)\"\n/>\n\n<button\n ndwButton\n extra-small\n tertiary\n class=\"input-suffix-button\"\n [disabled]=\"disabled()\"\n [ariaLabel]=\"showMonthPickerLabel()\"\n (click)=\"showMonthPicker = !showMonthPicker\"\n [ndwPopoverTrigger]=\"monthPicker\"\n [popoverPosition]=\"'nextToTriggerButton'\"\n>\n <ndw-icon>calendar_month</ndw-icon>\n</button>\n\n<ng-template #monthPicker>\n <input\n ndwInput\n #yearSelect\n type=\"number\"\n [placeholder]=\"yearPlaceholder()\"\n [min]=\"minDate().getFullYear()\"\n [max]=\"maxDate().getFullYear()\"\n [ngModel]=\"selectedYear()\"\n (ngModelChange)=\"onYearSelected(yearSelect.value)\"\n />\n\n <ndw-option-group\n [ngModel]=\"selectedMonth() ? [selectedMonth()] : []\"\n (ngModelChange)=\"onMonthSelected($event?.[0])\"\n [fluid]=\"true\"\n [fluidColumns]=\"4\"\n mode=\"single\"\n >\n @for (month of months(); track month) {\n <ndw-option [label]=\"month.label\" [value]=\"month.value\">\n {{ month }}\n </ndw-option>\n }\n </ndw-option-group>\n</ng-template>\n", styles: [":host{display:block;position:relative}input{width:100%}.input-suffix-button{position:absolute;z-index:1;top:var(--ndw-spacing-xs);right:var(--ndw-spacing-xs)}.input-suffix-button[disabled]{background-color:transparent;border-color:transparent;color:var(--ndw-color-grey-400)}input[type=number]{margin-bottom:var(--ndw-spacing-xs)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: PopoverTriggerDirective, selector: "[ndwPopoverTrigger]", inputs: ["popoverPosition", "ndwPopoverTrigger", "toggleOnClick", "isOpen"], outputs: ["popoverToggled", "isOpenChange"], exportAs: ["ndwPopoverTrigger"] }, { kind: "component", type: OptionGroupComponent, selector: "ndw-option-group", inputs: ["fluid", "fluidColumns", "disabled", "mode", "required", "checkedValues"], outputs: ["disabledChange", "checkedValuesChange"] }, { kind: "component", type: OptionComponent, selector: "ndw-option", inputs: ["value", "label", "description", "required"] }, { kind: "directive", type: InputDirective, selector: "input[ndwInput], select[ndwInput], textarea[ndwInput]" }, { kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1206
1350
  }
1207
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: RadioGroupComponent, decorators: [{
1351
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: MonthInputComponent, decorators: [{
1208
1352
  type: Component,
1209
- args: [{ selector: 'ndw-radio-group', standalone: true, imports: [], providers: [
1210
- {
1211
- provide: NG_VALUE_ACCESSOR,
1212
- useExisting: RadioGroupComponent,
1213
- multi: true,
1214
- },
1215
- ], template: "<ng-content />\n", styles: [":host{display:grid;gap:var(--ndw-spacing-2xs)}\n"] }]
1216
- }], propDecorators: { roleAttr: [{
1217
- type: HostBinding,
1218
- args: ['attr.role']
1219
- }] } });
1353
+ args: [{ selector: 'ndw-month-input', standalone: true, imports: [
1354
+ FormsModule,
1355
+ IconComponent,
1356
+ PopoverTriggerDirective,
1357
+ OptionGroupComponent,
1358
+ OptionComponent,
1359
+ InputDirective,
1360
+ ButtonDirective,
1361
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n ndwInput\n #input\n type=\"text\"\n minlength=\"6\"\n maxlength=\"7\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [value]=\"inputValue()\"\n (change)=\"onInputChanged(input.value)\"\n (keydown)=\"onKeyDown($event)\"\n/>\n\n<button\n ndwButton\n extra-small\n tertiary\n class=\"input-suffix-button\"\n [disabled]=\"disabled()\"\n [ariaLabel]=\"showMonthPickerLabel()\"\n (click)=\"showMonthPicker = !showMonthPicker\"\n [ndwPopoverTrigger]=\"monthPicker\"\n [popoverPosition]=\"'nextToTriggerButton'\"\n>\n <ndw-icon>calendar_month</ndw-icon>\n</button>\n\n<ng-template #monthPicker>\n <input\n ndwInput\n #yearSelect\n type=\"number\"\n [placeholder]=\"yearPlaceholder()\"\n [min]=\"minDate().getFullYear()\"\n [max]=\"maxDate().getFullYear()\"\n [ngModel]=\"selectedYear()\"\n (ngModelChange)=\"onYearSelected(yearSelect.value)\"\n />\n\n <ndw-option-group\n [ngModel]=\"selectedMonth() ? [selectedMonth()] : []\"\n (ngModelChange)=\"onMonthSelected($event?.[0])\"\n [fluid]=\"true\"\n [fluidColumns]=\"4\"\n mode=\"single\"\n >\n @for (month of months(); track month) {\n <ndw-option [label]=\"month.label\" [value]=\"month.value\">\n {{ month }}\n </ndw-option>\n }\n </ndw-option-group>\n</ng-template>\n", styles: [":host{display:block;position:relative}input{width:100%}.input-suffix-button{position:absolute;z-index:1;top:var(--ndw-spacing-xs);right:var(--ndw-spacing-xs)}.input-suffix-button[disabled]{background-color:transparent;border-color:transparent;color:var(--ndw-color-grey-400)}input[type=number]{margin-bottom:var(--ndw-spacing-xs)}\n"] }]
1362
+ }], ctorParameters: () => [] });
1363
+
1364
+ class SuccessComponent {
1365
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: SuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1366
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: SuccessComponent, isStandalone: true, selector: "ndw-success", ngImport: i0, template: "<ndw-icon>check</ndw-icon>\n<ng-content />\n", styles: [":host{align-content:center;align-items:center;color:var(--ndw-color-positive-500);display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-xs);gap:var(--ndw-spacing-2xs);grid-template-columns:auto 1fr;align-items:start}ndw-icon{font-size:.875rem}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }] }); }
1367
+ }
1368
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: SuccessComponent, decorators: [{
1369
+ type: Component,
1370
+ args: [{ selector: 'ndw-success', standalone: true, imports: [IconComponent], template: "<ndw-icon>check</ndw-icon>\n<ng-content />\n", styles: [":host{align-content:center;align-items:center;color:var(--ndw-color-positive-500);display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-xs);gap:var(--ndw-spacing-2xs);grid-template-columns:auto 1fr;align-items:start}ndw-icon{font-size:.875rem}\n"] }]
1371
+ }] });
1220
1372
 
1221
1373
  const inputTypesWithPrefixIcon = [InputType.Search];
1222
- const inputTypesWithSuffixIcon = [InputType.Date, InputType.Month, InputType.Time, InputType.Week];
1374
+ const inputTypesWithSuffixButton = [InputType.Date, InputType.Time];
1223
1375
  class FormFieldComponent {
1224
1376
  constructor() {
1225
- this.input = contentChild(InputDirective);
1226
- this.radioGroup = contentChild(RadioGroupComponent);
1227
- this.checkboxGroup = contentChild(CheckboxGroupComponent);
1377
+ this.monthInput = contentChild(MonthInputComponent);
1378
+ this.regularInput = contentChild(InputDirective);
1379
+ this.input = computed(() => this.regularInput() ?? this.monthInput()?.input());
1228
1380
  this.label = input.required();
1229
1381
  this.clearSearchAriaLabel = input();
1230
- this.suffixIconAriaLabel = input();
1382
+ this.suffixButtonAriaLabel = input();
1231
1383
  this.hideLabel = input(false);
1232
1384
  this.disabled = input(false);
1233
1385
  this.error = input();
1386
+ this.success = input();
1234
1387
  this.info = input();
1235
1388
  this.tooltip = input('');
1236
- this.required = computed(() => this.setRequiredState());
1237
1389
  this.inputPrefix = computed(() => this.setInputPrefix());
1238
1390
  this.inputSuffix = computed(() => this.setInputSuffix());
1239
1391
  this.uuid = crypto.randomUUID();
@@ -1246,6 +1398,7 @@ class FormFieldComponent {
1246
1398
  this.addInputTypeBasedClass(input);
1247
1399
  this.setInputDisabledState(input);
1248
1400
  this.setInputErrorState(input);
1401
+ this.setInputSuccessState(input);
1249
1402
  this.setInputId(input);
1250
1403
  this.setAriaDescribedBy(input);
1251
1404
  });
@@ -1258,7 +1411,7 @@ class FormFieldComponent {
1258
1411
  input.element.dispatchEvent(new Event('input'));
1259
1412
  }
1260
1413
  }
1261
- onSuffixIconClick() {
1414
+ onSuffixButtonClick() {
1262
1415
  const inputElement = this.input()?.element;
1263
1416
  if (!inputElement) {
1264
1417
  return;
@@ -1276,9 +1429,9 @@ class FormFieldComponent {
1276
1429
  inputTypesWithPrefixIcon.includes(element.type)
1277
1430
  ? element.classList.add('prefix-icon')
1278
1431
  : element.classList.remove('prefix-icon');
1279
- inputTypesWithSuffixIcon.includes(element.type)
1280
- ? element.classList.add('suffix-icon')
1281
- : element.classList.remove('suffix-icon');
1432
+ inputTypesWithSuffixButton.includes(element.type)
1433
+ ? element.classList.add('suffix-button')
1434
+ : element.classList.remove('suffix-button');
1282
1435
  }
1283
1436
  setInputDisabledState(input) {
1284
1437
  input.disabled = this.disabled();
@@ -1286,6 +1439,9 @@ class FormFieldComponent {
1286
1439
  setInputErrorState(input) {
1287
1440
  input.error = !!this.error()?.length;
1288
1441
  }
1442
+ setInputSuccessState(input) {
1443
+ input.success = !!this.success()?.length;
1444
+ }
1289
1445
  setInputId(input) {
1290
1446
  input.id = `input-${this.uuid}`;
1291
1447
  }
@@ -1308,7 +1464,7 @@ class FormFieldComponent {
1308
1464
  return;
1309
1465
  }
1310
1466
  // Set the input icon for date inputs
1311
- if (inputTypesWithSuffixIcon.includes(input.element.type)) {
1467
+ if (inputTypesWithSuffixButton.includes(input.element.type)) {
1312
1468
  return input.element.type === InputType.Time ? 'schedule' : 'calendar_month';
1313
1469
  }
1314
1470
  // Set the input icon for select inputs
@@ -1317,99 +1473,158 @@ class FormFieldComponent {
1317
1473
  }
1318
1474
  return undefined;
1319
1475
  }
1320
- setRequiredState() {
1321
- const checkboxGroup = this.checkboxGroup();
1322
- const input = this.input();
1323
- const radioGroup = this.radioGroup();
1324
- const requiredCheckboxes = checkboxGroup?.checkboxes().some((checkbox) => checkbox.required());
1325
- const requiredInput = input?.element.required;
1326
- const requiredRadioButtons = radioGroup
1327
- ?.radioButtons()
1328
- .some((radioButton) => radioButton.required());
1329
- return requiredInput || requiredCheckboxes || requiredRadioButtons || false;
1330
- }
1331
1476
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1332
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: FormFieldComponent, isStandalone: true, selector: "ndw-form-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, clearSearchAriaLabel: { classPropertyName: "clearSearchAriaLabel", publicName: "clearSearchAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, suffixIconAriaLabel: { classPropertyName: "suffixIconAriaLabel", publicName: "suffixIconAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", 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: "checkboxGroup", first: true, predicate: CheckboxGroupComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (input() === undefined) {\n <fieldset>\n <legend ndwLabel [class.sr-only]=\"hideLabel()\">\n <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n </legend>\n <ng-container *ngTemplateOutlet=\"fieldTemplate\" />\n </fieldset>\n} @else {\n <label ndwLabel [attr.for]=\"input() ? 'input-' + uuid : null\" [class.sr-only]=\"hideLabel()\">\n <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n </label>\n <ng-container *ngTemplateOutlet=\"fieldTemplate\" />\n}\n\n<ng-template #fieldTemplate>\n @if (inputPrefix(); as icon) {\n <ndw-icon class=\"prefix-input-icon\" [ngClass]=\"{ disabled: disabled() }\">\n {{ icon }}\n </ndw-icon>\n }\n @if (inputSuffix(); as icon) {\n <ndw-action-icon\n class=\"suffix-input-icon\"\n variant=\"grey\"\n [ngClass]=\"{ disabled: disabled() }\"\n [ariaLabel]=\"suffixIconAriaLabel() ?? ''\"\n (onClick)=\"onSuffixIconClick()\"\n >\n {{ icon }}\n </ndw-action-icon>\n }\n\n @if (input()?.element?.type === 'search' && input()?.element?.value !== '') {\n <ndw-action-icon\n class=\"suffix-input-icon\"\n variant=\"grey\"\n [ariaLabel]=\"clearSearchAriaLabel() ?? ''\"\n (onClick)=\"clearInput()\"\n >\n close\n </ndw-action-icon>\n }\n\n <ng-content />\n\n @if (info(); as info) {\n <ndw-info [id]=\"descriptionUuid\">{{ info }}</ndw-info>\n }\n @if (error(); as error) {\n <ndw-error role=\"alert\" aria-live=\"polite\">{{ error }}</ndw-error>\n }\n</ng-template>\n\n<ng-template #labelTemplate>\n @if (required()) {\n <span class=\"required\"> * </span>\n }\n {{ label() }}\n @if (tooltip(); as tooltip) {\n <ndw-icon [ndwTooltip]=\"tooltip\">info</ndw-icon>\n }\n</ng-template>\n", styles: [":host{position:relative;display:grid;margin-bottom:var(--ndw-spacing-md);color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm)}fieldset{border:0;margin:0;padding:0}fieldset legend{padding-inline:0}ndw-error,ndw-info{margin-top:var(--ndw-spacing-2xs)}.prefix-input-icon,.suffix-input-icon{position:absolute;z-index:1;font-size:var(--ndw-font-size-lg)}.prefix-input-icon.disabled,.suffix-input-icon.disabled{color:var(--ndw-color-grey-300)}.prefix-input-icon{top:.625rem;left:var(--ndw-spacing-sm);color:var(--ndw-color-grey-400)}label:not(.sr-only)~.prefix-input-icon{top:2.125rem}.suffix-input-icon{top:.2rem;right:var(--ndw-spacing-xs);color:var(--ndw-color-grey-400)}label:not(.sr-only)~.suffix-input-icon{top:1.7rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ErrorComponent, selector: "ndw-error" }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "component", type: InfoComponent, selector: "ndw-info" }, { kind: "directive", type: TooltipDirective, selector: "[ndwTooltip]", inputs: ["ndwTooltip"] }, { kind: "component", type: ActionIconComponent, selector: "ndw-action-icon", inputs: ["ariaLabel", "variant", "buttonType", "disabled", "size"], outputs: ["onClick"] }] }); }
1477
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: FormFieldComponent, isStandalone: true, selector: "ndw-form-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, clearSearchAriaLabel: { classPropertyName: "clearSearchAriaLabel", publicName: "clearSearchAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, suffixButtonAriaLabel: { classPropertyName: "suffixButtonAriaLabel", publicName: "suffixButtonAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", 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 }, success: { classPropertyName: "success", publicName: "success", 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: "monthInput", first: true, predicate: MonthInputComponent, descendants: true, isSignal: true }, { propertyName: "regularInput", first: true, predicate: InputDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (input() === undefined) {\n <fieldset>\n <legend ndwLabel [class.sr-only]=\"hideLabel()\">\n <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n </legend>\n <ng-container *ngTemplateOutlet=\"fieldTemplate\" />\n </fieldset>\n} @else {\n <label ndwLabel [attr.for]=\"input() ? 'input-' + uuid : null\" [class.sr-only]=\"hideLabel()\">\n <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n </label>\n <ng-container *ngTemplateOutlet=\"fieldTemplate\" />\n}\n\n<ng-template #fieldTemplate>\n @if (inputPrefix(); as icon) {\n <ndw-icon class=\"input-prefix-icon\" [ngClass]=\"{ disabled: disabled() }\">\n {{ icon }}\n </ndw-icon>\n }\n @if (inputSuffix(); as icon) {\n <button\n ndwButton\n extra-small\n tertiary\n class=\"input-suffix-button\"\n [ngClass]=\"{ disabled: disabled() }\"\n [ariaLabel]=\"suffixButtonAriaLabel() ?? ''\"\n (click)=\"onSuffixButtonClick()\"\n >\n <ndw-icon>{{ icon }}</ndw-icon>\n </button>\n }\n\n @if (input()?.element?.type === 'search' && input()?.element?.value !== '') {\n <button\n ndwButton\n alternative\n extra-small\n tertiary\n class=\"input-suffix-button\"\n [ariaLabel]=\"clearSearchAriaLabel() ?? ''\"\n (click)=\"clearInput()\"\n >\n <ndw-icon>close</ndw-icon>\n </button>\n }\n\n <ng-content />\n\n @if (info(); as info) {\n <ndw-info [id]=\"descriptionUuid\">{{ info }}</ndw-info>\n }\n @if (error(); as error) {\n <ndw-error role=\"alert\" aria-live=\"polite\">{{ error }}</ndw-error>\n }\n @if (success(); as success) {\n <ndw-success role=\"alert\" aria-live=\"polite\">{{ success }}</ndw-success>\n }\n</ng-template>\n\n<ng-template #labelTemplate>\n <span class=\"required-label required\"> * </span>\n {{ label() }}\n @if (tooltip(); as tooltip) {\n <ndw-icon [ndwTooltip]=\"tooltip\">info</ndw-icon>\n }\n</ng-template>\n", styles: [":host{position:relative;display:grid;margin-bottom:var(--ndw-spacing-md);color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm)}:host .required-label{display:none}:host:has([required]) .required-label{display:inline}fieldset{border:0;margin:0;padding:0}fieldset legend{padding-inline:0}ndw-error,ndw-success,ndw-info{margin-top:var(--ndw-spacing-2xs)}.input-prefix-icon,.input-suffix-button{position:absolute;z-index:1}.input-prefix-icon.disabled,.input-suffix-button.disabled{color:var(--ndw-color-grey-300)}.input-prefix-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-font-size-lg);left:var(--ndw-spacing-sm);top:.625rem}label:not(.sr-only)~.input-prefix-icon{top:2.125rem}.input-suffix-button{top:.5rem;right:var(--ndw-spacing-xs)}label:not(.sr-only)~.input-suffix-button{top:2rem}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }, { kind: "component", type: ErrorComponent, selector: "ndw-error" }, { kind: "component", type: SuccessComponent, selector: "ndw-success" }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "component", type: InfoComponent, selector: "ndw-info" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TooltipDirective, selector: "[ndwTooltip]", inputs: ["ndwTooltip"] }] }); }
1333
1478
  }
1334
1479
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: FormFieldComponent, decorators: [{
1335
1480
  type: Component,
1336
1481
  args: [{ selector: 'ndw-form-field', standalone: true, imports: [
1337
- CommonModule,
1482
+ ButtonDirective,
1338
1483
  ErrorComponent,
1484
+ SuccessComponent,
1339
1485
  IconComponent,
1340
1486
  InfoComponent,
1487
+ NgClass,
1488
+ NgTemplateOutlet,
1341
1489
  TooltipDirective,
1342
- ActionIconComponent,
1343
- ], template: "@if (input() === undefined) {\n <fieldset>\n <legend ndwLabel [class.sr-only]=\"hideLabel()\">\n <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n </legend>\n <ng-container *ngTemplateOutlet=\"fieldTemplate\" />\n </fieldset>\n} @else {\n <label ndwLabel [attr.for]=\"input() ? 'input-' + uuid : null\" [class.sr-only]=\"hideLabel()\">\n <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n </label>\n <ng-container *ngTemplateOutlet=\"fieldTemplate\" />\n}\n\n<ng-template #fieldTemplate>\n @if (inputPrefix(); as icon) {\n <ndw-icon class=\"prefix-input-icon\" [ngClass]=\"{ disabled: disabled() }\">\n {{ icon }}\n </ndw-icon>\n }\n @if (inputSuffix(); as icon) {\n <ndw-action-icon\n class=\"suffix-input-icon\"\n variant=\"grey\"\n [ngClass]=\"{ disabled: disabled() }\"\n [ariaLabel]=\"suffixIconAriaLabel() ?? ''\"\n (onClick)=\"onSuffixIconClick()\"\n >\n {{ icon }}\n </ndw-action-icon>\n }\n\n @if (input()?.element?.type === 'search' && input()?.element?.value !== '') {\n <ndw-action-icon\n class=\"suffix-input-icon\"\n variant=\"grey\"\n [ariaLabel]=\"clearSearchAriaLabel() ?? ''\"\n (onClick)=\"clearInput()\"\n >\n close\n </ndw-action-icon>\n }\n\n <ng-content />\n\n @if (info(); as info) {\n <ndw-info [id]=\"descriptionUuid\">{{ info }}</ndw-info>\n }\n @if (error(); as error) {\n <ndw-error role=\"alert\" aria-live=\"polite\">{{ error }}</ndw-error>\n }\n</ng-template>\n\n<ng-template #labelTemplate>\n @if (required()) {\n <span class=\"required\"> * </span>\n }\n {{ label() }}\n @if (tooltip(); as tooltip) {\n <ndw-icon [ndwTooltip]=\"tooltip\">info</ndw-icon>\n }\n</ng-template>\n", styles: [":host{position:relative;display:grid;margin-bottom:var(--ndw-spacing-md);color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm)}fieldset{border:0;margin:0;padding:0}fieldset legend{padding-inline:0}ndw-error,ndw-info{margin-top:var(--ndw-spacing-2xs)}.prefix-input-icon,.suffix-input-icon{position:absolute;z-index:1;font-size:var(--ndw-font-size-lg)}.prefix-input-icon.disabled,.suffix-input-icon.disabled{color:var(--ndw-color-grey-300)}.prefix-input-icon{top:.625rem;left:var(--ndw-spacing-sm);color:var(--ndw-color-grey-400)}label:not(.sr-only)~.prefix-input-icon{top:2.125rem}.suffix-input-icon{top:.2rem;right:var(--ndw-spacing-xs);color:var(--ndw-color-grey-400)}label:not(.sr-only)~.suffix-input-icon{top:1.7rem}\n"] }]
1490
+ ], template: "@if (input() === undefined) {\n <fieldset>\n <legend ndwLabel [class.sr-only]=\"hideLabel()\">\n <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n </legend>\n <ng-container *ngTemplateOutlet=\"fieldTemplate\" />\n </fieldset>\n} @else {\n <label ndwLabel [attr.for]=\"input() ? 'input-' + uuid : null\" [class.sr-only]=\"hideLabel()\">\n <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n </label>\n <ng-container *ngTemplateOutlet=\"fieldTemplate\" />\n}\n\n<ng-template #fieldTemplate>\n @if (inputPrefix(); as icon) {\n <ndw-icon class=\"input-prefix-icon\" [ngClass]=\"{ disabled: disabled() }\">\n {{ icon }}\n </ndw-icon>\n }\n @if (inputSuffix(); as icon) {\n <button\n ndwButton\n extra-small\n tertiary\n class=\"input-suffix-button\"\n [ngClass]=\"{ disabled: disabled() }\"\n [ariaLabel]=\"suffixButtonAriaLabel() ?? ''\"\n (click)=\"onSuffixButtonClick()\"\n >\n <ndw-icon>{{ icon }}</ndw-icon>\n </button>\n }\n\n @if (input()?.element?.type === 'search' && input()?.element?.value !== '') {\n <button\n ndwButton\n alternative\n extra-small\n tertiary\n class=\"input-suffix-button\"\n [ariaLabel]=\"clearSearchAriaLabel() ?? ''\"\n (click)=\"clearInput()\"\n >\n <ndw-icon>close</ndw-icon>\n </button>\n }\n\n <ng-content />\n\n @if (info(); as info) {\n <ndw-info [id]=\"descriptionUuid\">{{ info }}</ndw-info>\n }\n @if (error(); as error) {\n <ndw-error role=\"alert\" aria-live=\"polite\">{{ error }}</ndw-error>\n }\n @if (success(); as success) {\n <ndw-success role=\"alert\" aria-live=\"polite\">{{ success }}</ndw-success>\n }\n</ng-template>\n\n<ng-template #labelTemplate>\n <span class=\"required-label required\"> * </span>\n {{ label() }}\n @if (tooltip(); as tooltip) {\n <ndw-icon [ndwTooltip]=\"tooltip\">info</ndw-icon>\n }\n</ng-template>\n", styles: [":host{position:relative;display:grid;margin-bottom:var(--ndw-spacing-md);color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm)}:host .required-label{display:none}:host:has([required]) .required-label{display:inline}fieldset{border:0;margin:0;padding:0}fieldset legend{padding-inline:0}ndw-error,ndw-success,ndw-info{margin-top:var(--ndw-spacing-2xs)}.input-prefix-icon,.input-suffix-button{position:absolute;z-index:1}.input-prefix-icon.disabled,.input-suffix-button.disabled{color:var(--ndw-color-grey-300)}.input-prefix-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-font-size-lg);left:var(--ndw-spacing-sm);top:.625rem}label:not(.sr-only)~.input-prefix-icon{top:2.125rem}.input-suffix-button{top:.5rem;right:var(--ndw-spacing-xs)}label:not(.sr-only)~.input-suffix-button{top:2rem}\n"] }]
1344
1491
  }], ctorParameters: () => [] });
1345
1492
 
1346
- class OptionComponent {
1493
+ class RadioButtonComponent {
1347
1494
  constructor() {
1348
- this.value = input.required();
1349
- this.label = input.required();
1350
- this.description = input();
1495
+ this.checked = model(false);
1496
+ this.disabled = model(false);
1497
+ this.error = input(false);
1498
+ this.success = input(false);
1499
+ this.name = model('');
1500
+ this.required = input(false);
1501
+ this.value = model();
1502
+ this.uuid = crypto.randomUUID();
1351
1503
  }
1352
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1353
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: OptionComponent, isStandalone: true, selector: "ndw-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1504
+ get checkedClass() {
1505
+ return this.checked();
1506
+ }
1507
+ get disabledClass() {
1508
+ return this.disabled();
1509
+ }
1510
+ onClick() {
1511
+ if (this.disabled()) {
1512
+ return;
1513
+ }
1514
+ this.checked.set(true);
1515
+ }
1516
+ onKeyDown(event) {
1517
+ if (event.key !== 'Enter' || this.disabled()) {
1518
+ return;
1519
+ }
1520
+ this.checked.set(true);
1521
+ event.preventDefault();
1522
+ }
1523
+ writeValue(value) {
1524
+ this.checked.set(value);
1525
+ }
1526
+ registerOnChange(fn) {
1527
+ this.checked.subscribe(fn);
1528
+ }
1529
+ registerOnTouched() {
1530
+ // noop
1531
+ }
1532
+ setDisabledState(isDisabled) {
1533
+ this.disabled.set(isDisabled);
1534
+ }
1535
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1536
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", 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 }, success: { classPropertyName: "success", publicName: "success", 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 }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", disabled: "disabledChange", name: "nameChange", value: "valueChange" }, host: { properties: { "class.checked": "this.checkedClass", "class.disabled": "this.disabledClass" } }, providers: [
1537
+ {
1538
+ provide: NG_VALUE_ACCESSOR,
1539
+ useExisting: RadioButtonComponent,
1540
+ multi: true,
1541
+ },
1542
+ ], ngImport: i0, template: "<input\n type=\"radio\"\n [id]=\"'radio-button-' + uuid\"\n [name]=\"name()\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n aria-hidden=\"true\"\n/>\n<div\n class=\"radio-button\"\n role=\"radio\"\n [ngClass]=\"{ error: error(), success: success() }\"\n [tabindex]=\"disabled() ? -1 : 0\"\n [attr.aria-checked]=\"checked()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-labelledby]=\"'radio-button-label-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n @if (checked()) {\n <span class=\"check\"></span>\n }\n</div>\n<label\n tabindex=\"-1\"\n id=\"radio-button-label-{{ uuid }}\"\n [for]=\"'radio-button-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <ng-content />\n</label>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:host{--checkable-input-size: 1.25rem;cursor:pointer;display:inline-grid;gap:var(--ndw-spacing-xs);grid-template-columns:auto 1fr;min-height:1.375rem;width:fit-content}input{display:none}div{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;color:var(--ndw-color-white);display:flex;height:var(--checkable-input-size);position:relative;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;width:var(--checkable-input-size)}div.success{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}div.error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}label{font-family:var(--ndw-font-family-body);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-3xs);width:fit-content}label:focus{outline:none}:host(.checked) div,:host(.indeterminate) div{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) div.success,:host(.indeterminate) div.success{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) div.error,:host(.indeterminate) div.error{background-color:var(--ndw-color-critical-500);border-color:var(--ndw-color-critical-500)}:host(:focus){outline:none}:host(:focus) div{box-shadow:var(--ndw-elevation-info)}:host(:active) div,:host(:focus) div,:host(:not(.checked):active) div,:host(:not(.indeterminate):active) div{border-color:var(--ndw-color-secondary-500)}:host(.checked:focus) div,:host(.indeterminate:focus) div{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) div{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) div{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}\n", "div{border-radius:50%}div .check{background-color:var(--ndw-color-white);border-radius:inherit;height:.5rem;margin:auto;width:.5rem}:host(:hover) div{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(:not(.checked):hover) div{background-color:var(--ndw-color-white);border-color:var(--ndw-color-primary-500)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1354
1543
  }
1355
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: OptionComponent, decorators: [{
1544
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: RadioButtonComponent, decorators: [{
1356
1545
  type: Component,
1357
- args: [{
1358
- selector: 'ndw-option',
1359
- standalone: true,
1360
- imports: [],
1361
- template: '',
1362
- changeDetection: ChangeDetectionStrategy.OnPush,
1363
- }]
1364
- }] });
1546
+ args: [{ selector: 'ndw-radio-button', standalone: true, imports: [IconComponent, NgClass], providers: [
1547
+ {
1548
+ provide: NG_VALUE_ACCESSOR,
1549
+ useExisting: RadioButtonComponent,
1550
+ multi: true,
1551
+ },
1552
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n type=\"radio\"\n [id]=\"'radio-button-' + uuid\"\n [name]=\"name()\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n aria-hidden=\"true\"\n/>\n<div\n class=\"radio-button\"\n role=\"radio\"\n [ngClass]=\"{ error: error(), success: success() }\"\n [tabindex]=\"disabled() ? -1 : 0\"\n [attr.aria-checked]=\"checked()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-labelledby]=\"'radio-button-label-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n @if (checked()) {\n <span class=\"check\"></span>\n }\n</div>\n<label\n tabindex=\"-1\"\n id=\"radio-button-label-{{ uuid }}\"\n [for]=\"'radio-button-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <ng-content />\n</label>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:host{--checkable-input-size: 1.25rem;cursor:pointer;display:inline-grid;gap:var(--ndw-spacing-xs);grid-template-columns:auto 1fr;min-height:1.375rem;width:fit-content}input{display:none}div{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;color:var(--ndw-color-white);display:flex;height:var(--checkable-input-size);position:relative;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;width:var(--checkable-input-size)}div.success{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}div.error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}label{font-family:var(--ndw-font-family-body);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-3xs);width:fit-content}label:focus{outline:none}:host(.checked) div,:host(.indeterminate) div{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) div.success,:host(.indeterminate) div.success{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) div.error,:host(.indeterminate) div.error{background-color:var(--ndw-color-critical-500);border-color:var(--ndw-color-critical-500)}:host(:focus){outline:none}:host(:focus) div{box-shadow:var(--ndw-elevation-info)}:host(:active) div,:host(:focus) div,:host(:not(.checked):active) div,:host(:not(.indeterminate):active) div{border-color:var(--ndw-color-secondary-500)}:host(.checked:focus) div,:host(.indeterminate:focus) div{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) div{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) div{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}\n", "div{border-radius:50%}div .check{background-color:var(--ndw-color-white);border-radius:inherit;height:.5rem;margin:auto;width:.5rem}:host(:hover) div{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(:not(.checked):hover) div{background-color:var(--ndw-color-white);border-color:var(--ndw-color-primary-500)}\n"] }]
1553
+ }], propDecorators: { checkedClass: [{
1554
+ type: HostBinding,
1555
+ args: ['class.checked']
1556
+ }], disabledClass: [{
1557
+ type: HostBinding,
1558
+ args: ['class.disabled']
1559
+ }] } });
1365
1560
 
1366
- class OptionGroupComponent {
1561
+ class RadioGroupComponent {
1367
1562
  constructor() {
1368
- this.fluid = input(false);
1369
- this.disabled = model(false);
1370
- this.children = contentChildren(OptionComponent);
1371
- this.focusedValue = model(null);
1372
- this.checkedValues = model([]);
1563
+ this.radioButtons = contentChildren(RadioButtonComponent);
1564
+ this.uuid = crypto.randomUUID();
1373
1565
  this.onChange = () => { };
1566
+ this.roleAttr = 'radiogroup';
1374
1567
  }
1375
- toggleValue(value) {
1376
- const state = [...this.checkedValues()];
1377
- const index = state.indexOf(value);
1378
- index >= 0 ? state.splice(index, 1) : state.push(value);
1379
- this.checkedValues.set(state);
1380
- this.onChange(this.checkedValues());
1568
+ ngAfterContentInit() {
1569
+ this.setRadioButtonsName();
1570
+ this.handleCheckedChange();
1381
1571
  }
1382
1572
  writeValue(value) {
1383
- this.checkedValues.set(value ?? []);
1573
+ this.radioButtons().forEach((radio) => {
1574
+ radio.checked.set(radio.value() === value);
1575
+ });
1384
1576
  }
1385
1577
  registerOnChange(fn) {
1386
1578
  this.onChange = fn;
1387
1579
  }
1388
1580
  registerOnTouched() {
1389
- // noop
1581
+ // Not implemented
1390
1582
  }
1391
1583
  setDisabledState(isDisabled) {
1392
- this.disabled.set(isDisabled);
1584
+ this.radioButtons().forEach((radio) => radio.disabled.set(isDisabled));
1393
1585
  }
1394
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: OptionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1395
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: OptionGroupComponent, isStandalone: true, selector: "ndw-option-group", inputs: { fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focusedValue: { classPropertyName: "focusedValue", publicName: "focusedValue", isSignal: true, isRequired: false, transformFunction: null }, checkedValues: { classPropertyName: "checkedValues", publicName: "checkedValues", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", focusedValue: "focusedValueChange", checkedValues: "checkedValuesChange" }, providers: [
1586
+ setRadioButtonsName() {
1587
+ this.radioButtons().forEach((radio) => {
1588
+ radio.name.set(this.uuid);
1589
+ });
1590
+ }
1591
+ handleCheckedChange() {
1592
+ this.radioButtons().forEach((radio) => {
1593
+ radio.checked.subscribe((checked) => {
1594
+ if (!checked) {
1595
+ return;
1596
+ }
1597
+ this.radioButtons().forEach((otherRadio) => {
1598
+ if (otherRadio !== radio) {
1599
+ otherRadio.checked.set(false);
1600
+ }
1601
+ });
1602
+ this.onChange(radio.value());
1603
+ });
1604
+ });
1605
+ }
1606
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1607
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.3", type: RadioGroupComponent, isStandalone: true, selector: "ndw-radio-group", host: { properties: { "attr.role": "this.roleAttr" } }, providers: [
1396
1608
  {
1397
1609
  provide: NG_VALUE_ACCESSOR,
1398
- useExisting: OptionGroupComponent,
1610
+ useExisting: RadioGroupComponent,
1399
1611
  multi: true,
1400
1612
  },
1401
- ], queries: [{ propertyName: "children", predicate: OptionComponent, isSignal: true }], ngImport: i0, template: "@for (child of children(); track child.value()) {\n <label\n ndwButton\n [class.fluid]=\"fluid()\"\n [class.active]=\"focusedValue() === child.value() ? 'true' : null\"\n [attr.disabled]=\"disabled() ? 'true' : null\"\n [attr.outline]=\"checkedValues().includes(child.value()) ? null : 'true'\"\n [attr.aria-label]=\"child.description() ?? child.label()\"\n >\n <input\n type=\"checkbox\"\n [value]=\"child.value()\"\n [disabled]=\"disabled()\"\n (focus)=\"focusedValue.set(child.value())\"\n (blur)=\"focusedValue.set(null)\"\n [checked]=\"checkedValues().includes(child.value())\"\n (change)=\"toggleValue(child.value())\"\n />\n {{ child.label() }}\n </label>\n}\n", styles: [":host{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}:host .fluid{flex-grow:1;display:flex;justify-content:center}:host input[type=checkbox]{position:absolute;top:0;left:0;opacity:0}:host label[ndwButton]{background-color:var(--ndw-color-primary-500);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary-500);color:var(--ndw-color-white)}:host label[ndwButton]:hover{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600);color:var(--ndw-color-white)}:host label[ndwButton]:active,:host label[ndwButton]:focus,:host label[ndwButton].active{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-secondary-500);color:var(--ndw-color-white)}:host label[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-gray-600)}:host label[ndwButton][outline]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700)}:host label[ndwButton][outline]:hover{background-color:var(--ndw-color-primary-050);border-color:var(--ndw-color-primary-500);color:var(--ndw-color-grey-700)}:host label[ndwButton][outline]:active,:host label[ndwButton][outline]:focus,:host label[ndwButton][outline].active{background-color:var(--ndw-color-primary-050);border-color:var(--ndw-color-secondary-500);color:var(--ndw-color-grey-700)}:host label[ndwButton][outline][disabled]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-gray-400)}:host label[ndwButton][outline].error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500);color:var(--ndw-color-gray-700)}:host.ng-invalid label[ndwButton][outline]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500);color:var(--ndw-color-gray-700)}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1613
+ ], queries: [{ propertyName: "radioButtons", predicate: RadioButtonComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:grid;gap:var(--ndw-spacing-2xs)}\n"] }); }
1402
1614
  }
1403
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: OptionGroupComponent, decorators: [{
1615
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: RadioGroupComponent, decorators: [{
1404
1616
  type: Component,
1405
- args: [{ selector: 'ndw-option-group', standalone: true, imports: [ButtonDirective], providers: [
1617
+ args: [{ selector: 'ndw-radio-group', standalone: true, imports: [], providers: [
1406
1618
  {
1407
1619
  provide: NG_VALUE_ACCESSOR,
1408
- useExisting: OptionGroupComponent,
1620
+ useExisting: RadioGroupComponent,
1409
1621
  multi: true,
1410
1622
  },
1411
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (child of children(); track child.value()) {\n <label\n ndwButton\n [class.fluid]=\"fluid()\"\n [class.active]=\"focusedValue() === child.value() ? 'true' : null\"\n [attr.disabled]=\"disabled() ? 'true' : null\"\n [attr.outline]=\"checkedValues().includes(child.value()) ? null : 'true'\"\n [attr.aria-label]=\"child.description() ?? child.label()\"\n >\n <input\n type=\"checkbox\"\n [value]=\"child.value()\"\n [disabled]=\"disabled()\"\n (focus)=\"focusedValue.set(child.value())\"\n (blur)=\"focusedValue.set(null)\"\n [checked]=\"checkedValues().includes(child.value())\"\n (change)=\"toggleValue(child.value())\"\n />\n {{ child.label() }}\n </label>\n}\n", styles: [":host{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}:host .fluid{flex-grow:1;display:flex;justify-content:center}:host input[type=checkbox]{position:absolute;top:0;left:0;opacity:0}:host label[ndwButton]{background-color:var(--ndw-color-primary-500);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary-500);color:var(--ndw-color-white)}:host label[ndwButton]:hover{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600);color:var(--ndw-color-white)}:host label[ndwButton]:active,:host label[ndwButton]:focus,:host label[ndwButton].active{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-secondary-500);color:var(--ndw-color-white)}:host label[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-gray-600)}:host label[ndwButton][outline]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700)}:host label[ndwButton][outline]:hover{background-color:var(--ndw-color-primary-050);border-color:var(--ndw-color-primary-500);color:var(--ndw-color-grey-700)}:host label[ndwButton][outline]:active,:host label[ndwButton][outline]:focus,:host label[ndwButton][outline].active{background-color:var(--ndw-color-primary-050);border-color:var(--ndw-color-secondary-500);color:var(--ndw-color-grey-700)}:host label[ndwButton][outline][disabled]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-gray-400)}:host label[ndwButton][outline].error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500);color:var(--ndw-color-gray-700)}:host.ng-invalid label[ndwButton][outline]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500);color:var(--ndw-color-gray-700)}\n"] }]
1412
- }] });
1623
+ ], template: "<ng-content />\n", styles: [":host{display:grid;gap:var(--ndw-spacing-2xs)}\n"] }]
1624
+ }], propDecorators: { roleAttr: [{
1625
+ type: HostBinding,
1626
+ args: ['attr.role']
1627
+ }] } });
1413
1628
 
1414
1629
  /**
1415
1630
  * Directive that automatically grows a textarea element to fit its content.
@@ -1454,23 +1669,41 @@ function fitContentInTextArea(event) {
1454
1669
  element.style.height = `${element.scrollHeight}px`;
1455
1670
  }
1456
1671
 
1672
+ var NdwBrand;
1673
+ (function (NdwBrand) {
1674
+ NdwBrand["NDW"] = "NDW";
1675
+ NdwBrand["NWB"] = "NWB";
1676
+ })(NdwBrand || (NdwBrand = {}));
1677
+
1457
1678
  class MainNavigationMenuComponent {
1458
1679
  constructor() {
1459
1680
  this.menuItems = input.required();
1681
+ this.isMobile = input(false);
1682
+ this.close = output();
1683
+ }
1684
+ handleSelected(item) {
1685
+ item.callback?.(item.id);
1686
+ this.close.emit();
1460
1687
  }
1461
1688
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: MainNavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1462
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: MainNavigationMenuComponent, isStandalone: true, selector: "ndw-main-navigation-menu", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@for (item of menuItems(); track item.id) {\n <button ndwButton menu (click)=\"item.callback?.(item.id)\">\n {{ item.label }}\n </button>\n}\n", styles: [":host{background-color:var(--ndw-color-grey-700);min-width:10rem}[ndwButton][menu]{padding-inline:var(--ndw-spacing-sm)}\n"] }); }
1689
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: MainNavigationMenuComponent, isStandalone: true, selector: "ndw-main-navigation-menu", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: true, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, ngImport: i0, template: "@for (item of menuItems(); track item.id) {\n <button ndwButton menu [attr.active]=\"isMobile() || undefined\" (click)=\"handleSelected(item)\">\n {{ item.label }}\n </button>\n}\n", styles: [":host{background-color:var(--ndw-color-grey-700);min-width:10rem}[ndwButton][menu]{justify-content:flex-start;padding-inline:var(--ndw-spacing-sm)}\n"] }); }
1463
1690
  }
1464
1691
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: MainNavigationMenuComponent, decorators: [{
1465
1692
  type: Component,
1466
- args: [{ selector: 'ndw-main-navigation-menu', standalone: true, imports: [], template: "@for (item of menuItems(); track item.id) {\n <button ndwButton menu (click)=\"item.callback?.(item.id)\">\n {{ item.label }}\n </button>\n}\n", styles: [":host{background-color:var(--ndw-color-grey-700);min-width:10rem}[ndwButton][menu]{padding-inline:var(--ndw-spacing-sm)}\n"] }]
1693
+ args: [{ selector: 'ndw-main-navigation-menu', standalone: true, template: "@for (item of menuItems(); track item.id) {\n <button ndwButton menu [attr.active]=\"isMobile() || undefined\" (click)=\"handleSelected(item)\">\n {{ item.label }}\n </button>\n}\n", styles: [":host{background-color:var(--ndw-color-grey-700);min-width:10rem}[ndwButton][menu]{justify-content:flex-start;padding-inline:var(--ndw-spacing-sm)}\n"] }]
1467
1694
  }] });
1468
1695
 
1469
- var NdwBrand;
1470
- (function (NdwBrand) {
1471
- NdwBrand["NDW"] = "NDW";
1472
- NdwBrand["NWB"] = "NWB";
1473
- })(NdwBrand || (NdwBrand = {}));
1696
+ const MAIN_NAVIGATION_IMPORTS = [
1697
+ BadgeComponent,
1698
+ CdkPortalOutlet,
1699
+ IconComponent,
1700
+ MainNavigationMenuComponent,
1701
+ NgClass,
1702
+ NgTemplateOutlet,
1703
+ OverlayModule,
1704
+ RouterLink,
1705
+ TooltipDirective,
1706
+ ];
1474
1707
 
1475
1708
  class MainNavigationComponent {
1476
1709
  constructor() {
@@ -1481,15 +1714,18 @@ class MainNavigationComponent {
1481
1714
  this.footerTexts = input();
1482
1715
  this.isCollapsible = input(true);
1483
1716
  this.version = input();
1484
- this.selected = output();
1717
+ // Mobile inputs
1718
+ this.closeButtonLabel = input('Sluit');
1719
+ this.menuButtonLabel = input('Menu');
1485
1720
  this.isExpanded = model(true);
1721
+ this.isMobileExpanded = model(false);
1486
1722
  this.buttons = viewChildren('menuTrigger');
1487
1723
  this.childMenuTemplate = viewChild.required('childMenu');
1724
+ this.isMobile = signal(window.innerWidth <= 1024);
1488
1725
  this.brandImagePath = computed(() => {
1489
1726
  const brand = this.brand().toLowerCase();
1490
- const variant = !this.isExpanded() ? '-short' : '';
1491
- const extension = '.svg';
1492
- return `assets/images/${brand}-logo${variant}${extension}`;
1727
+ const variant = !this.isExpanded() && !this.isMobile() ? '-short' : '';
1728
+ return `assets/images/${brand}-logo${variant}.svg`;
1493
1729
  });
1494
1730
  this.activeChildItems = [];
1495
1731
  this.overlayPositions = [
@@ -1515,40 +1751,71 @@ class MainNavigationComponent {
1515
1751
  get expandedClass() {
1516
1752
  return this.isExpanded();
1517
1753
  }
1754
+ get mobileClass() {
1755
+ return this.isMobile();
1756
+ }
1518
1757
  // Only close the menu when the cursor is not over the button or the child menu
1519
1758
  onMouseMove(event) {
1520
1759
  const isCursorOverButton = this.activeButton?.nativeElement.contains(event.target);
1521
1760
  const isCursorOverChildMenu = this.overlayRef?.overlayElement.contains(event.target);
1522
- if (!isCursorOverButton && !isCursorOverChildMenu) {
1761
+ if (!this.mobilePortal && !isCursorOverButton && !isCursorOverChildMenu) {
1523
1762
  this.close();
1524
1763
  }
1525
1764
  }
1765
+ onWindowResize() {
1766
+ this.isMobile.set(window.innerWidth <= 1024);
1767
+ }
1526
1768
  ngAfterViewInit() {
1527
1769
  this.overlayRef = this.overlay.create({
1528
1770
  positionStrategy: this.setPositionStrategy(),
1529
1771
  });
1530
1772
  }
1531
- close() {
1532
- this.overlayRef?.detach();
1773
+ ngOnDestroy() {
1774
+ this.mobilePortal?.detach();
1775
+ this.overlayRef?.dispose();
1776
+ }
1777
+ close(toggleMobileView) {
1778
+ this.activeChildItems = [];
1779
+ this.isMobile() ? this.mobilePortal?.detach() : this.overlayRef?.detach();
1780
+ toggleMobileView && this.toggleMobileView();
1781
+ }
1782
+ handleClick(item) {
1783
+ item.callback?.(item.id);
1784
+ if (!item.children && this.isMobile()) {
1785
+ this.toggleMobileView();
1786
+ }
1787
+ }
1788
+ handleLogoClick() {
1789
+ this.isMobileExpanded.set(false);
1533
1790
  }
1534
1791
  open(item) {
1535
- this.close();
1536
- this.activeButton = this.buttons().find((button) => Number(button.nativeElement.id) === item.id);
1537
- if (!this.activeButton?.nativeElement) {
1538
- return;
1792
+ this.activeId = item.id;
1793
+ if (!this.isMobile()) {
1794
+ this.close();
1539
1795
  }
1540
- if (!item.children) {
1796
+ this.activeButton = this.buttons().find((button) => Number(button.nativeElement.id) === item.id);
1797
+ if (!this.activeButton?.nativeElement || !item.children) {
1541
1798
  return;
1542
1799
  }
1543
1800
  this.activeChildItems = item.children;
1544
1801
  const portal = new TemplatePortal(this.childMenuTemplate(), this.viewContainerRef);
1802
+ if (this.isMobile()) {
1803
+ this.mobilePortal = portal;
1804
+ return;
1805
+ }
1806
+ this.mobilePortal = undefined;
1545
1807
  // Update the position strategy with the active button as the trigger
1546
1808
  this.overlayRef?.updatePositionStrategy(this.setPositionStrategy(this.activeButton.nativeElement));
1547
1809
  this.overlayRef?.attach(portal);
1548
1810
  }
1549
- handleSelected(id) {
1550
- this.selected.emit(id);
1551
- this.close();
1811
+ toggleChildMenu(item, event) {
1812
+ if (event && event?.key !== 'Enter') {
1813
+ return;
1814
+ }
1815
+ this.mobilePortal?.isAttached && this.activeId === item.id ? this.close() : this.open(item);
1816
+ }
1817
+ toggleMobileView() {
1818
+ this.isMobileExpanded.set(!this.isMobileExpanded());
1552
1819
  }
1553
1820
  toggleView() {
1554
1821
  this.isExpanded.set(!this.isExpanded());
@@ -1563,26 +1830,26 @@ class MainNavigationComponent {
1563
1830
  .withPositions(this.overlayPositions);
1564
1831
  }
1565
1832
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: MainNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1566
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: MainNavigationComponent, isStandalone: true, selector: "ndw-main-navigation", inputs: { applicationName: { classPropertyName: "applicationName", publicName: "applicationName", isSignal: true, isRequired: true, transformFunction: null }, topMenuItems: { classPropertyName: "topMenuItems", publicName: "topMenuItems", isSignal: true, isRequired: true, transformFunction: null }, bottomMenuItems: { classPropertyName: "bottomMenuItems", publicName: "bottomMenuItems", isSignal: true, isRequired: false, transformFunction: null }, brand: { classPropertyName: "brand", publicName: "brand", isSignal: true, isRequired: false, transformFunction: null }, footerTexts: { classPropertyName: "footerTexts", publicName: "footerTexts", isSignal: true, isRequired: false, transformFunction: null }, isCollapsible: { classPropertyName: "isCollapsible", publicName: "isCollapsible", isSignal: true, isRequired: false, transformFunction: null }, version: { classPropertyName: "version", publicName: "version", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", isExpanded: "isExpandedChange" }, host: { listeners: { "document:mousemove": "onMouseMove($event)" }, properties: { "attr.brand": "this.brandAttribute", "class.expanded": "this.expandedClass" } }, viewQueries: [{ propertyName: "buttons", predicate: ["menuTrigger"], descendants: true, isSignal: true }, { propertyName: "childMenuTemplate", first: true, predicate: ["childMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<header>\n <img [src]=\"brandImagePath()\" [alt]=\"brand() + ' logo'\" />\n @if (isExpanded()) {\n {{ applicationName() }}\n }\n</header>\n<main>\n @for (item of topMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n</main>\n<footer>\n @for (item of bottomMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n <div class=\"texts\">\n @if (isExpanded()) {\n @for (text of footerTexts(); track $index) {\n <p>{{ text }}</p>\n }\n }\n </div>\n <div class=\"version\">\n <p>{{ version() }}</p>\n @if (isCollapsible()) {\n <button ndwButton menu aria-label=\"expand-button\" (click)=\"toggleView()\">\n <ndw-icon>keyboard_double_arrow_right</ndw-icon>\n </button>\n }\n </div>\n</footer>\n\n<!-- Templates -->\n<ng-template #menuItem let-item>\n <button\n ndwButton\n menu\n #menuTrigger\n [id]=\"item.id\"\n (click)=\"item.callback?.(item.id)\"\n (focus)=\"open(item)\"\n (mouseover)=\"open(item)\"\n >\n @if (item.icon) {\n <ndw-icon>{{ item.icon }}</ndw-icon>\n }\n @if (isExpanded()) {\n {{ item.label }}\n }\n @if (item.notifications) {\n <ndw-badge [ngClass]=\"{ collapsed: !isExpanded() }\" [value]=\"item.notifications\" />\n }\n @if (isExpanded() && item.children) {\n <ndw-icon class=\"suffix\">arrow_right</ndw-icon>\n }\n </button>\n</ng-template>\n\n<ng-template #childMenu>\n <ndw-main-navigation-menu [menuItems]=\"activeChildItems\" />\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:host{--main-navigation-collapse-width: 2.75rem;background-color:var(--ndw-color-grey-700);box-sizing:border-box;color:var(--ndw-color-grey-400);display:grid;grid-template-rows:auto 1fr auto;height:100%;padding-block-start:var(--ndw-spacing-lg);width:var(--main-navigation-collapse-width)}header{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:baseline;color:var(--ndw-color-white);display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs);justify-content:center;letter-spacing:.2em;margin-bottom:var(--ndw-spacing-xl);padding-inline:0;text-transform:uppercase}header img{width:1rem}main [ndwButton],footer [ndwButton]{justify-content:center}main [ndwButton] ndw-badge,footer [ndwButton] ndw-badge{margin-left:var(--ndw-spacing-2xs);position:absolute;right:.375rem;top:.375rem}main [ndwButton] .suffix,footer [ndwButton] .suffix{position:absolute;right:var(--ndw-spacing-sm)}footer .texts{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;display:grid;gap:var(--ndw-spacing-xs);min-height:2.625rem;padding-inline:var(--ndw-spacing-md);padding-top:var(--ndw-spacing-md)}footer .texts p{margin:auto;text-align:center}footer .version{align-items:center;display:grid;grid-template-columns:1fr}footer .version p{display:none;font-size:var(--ndw-font-size-2xs);padding-left:var(--main-navigation-collapse-width);text-align:center}:host(.expanded){width:12.5rem}:host(.expanded) header{justify-content:flex-start;padding-inline:var(--ndw-spacing-md)}:host(.expanded) header img{width:4rem}:host(.expanded) main>[ndwButton],:host(.expanded) footer>[ndwButton]{justify-content:flex-start;padding-inline:var(--ndw-spacing-md)}:host(.expanded) main>[ndwButton] ndw-badge,:host(.expanded) footer>[ndwButton] ndw-badge{position:relative;right:auto;top:auto}:host(.expanded) footer{position:relative}:host(.expanded) footer .version{grid-template-columns:1fr var(--main-navigation-collapse-width)}:host(.expanded) footer .version p{display:block}:host(.expanded) footer .version [ndwButton] ndw-icon{transform:var(--ndw-rotate-half)}:host([brand=nwb]) header{font-size:.5rem}:host(.expanded[brand=nwb]) header{flex-direction:column}:host(.expanded[brand=nwb]) header img{width:8rem}\n"], dependencies: [{ kind: "component", type: BadgeComponent, selector: "ndw-badge", inputs: ["value", "ariaLabel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "component", type: MainNavigationMenuComponent, selector: "ndw-main-navigation-menu", inputs: ["menuItems"] }, { kind: "ngmodule", type: OverlayModule }] }); }
1833
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: MainNavigationComponent, isStandalone: true, selector: "ndw-main-navigation", inputs: { applicationName: { classPropertyName: "applicationName", publicName: "applicationName", isSignal: true, isRequired: true, transformFunction: null }, topMenuItems: { classPropertyName: "topMenuItems", publicName: "topMenuItems", isSignal: true, isRequired: true, transformFunction: null }, bottomMenuItems: { classPropertyName: "bottomMenuItems", publicName: "bottomMenuItems", isSignal: true, isRequired: false, transformFunction: null }, brand: { classPropertyName: "brand", publicName: "brand", isSignal: true, isRequired: false, transformFunction: null }, footerTexts: { classPropertyName: "footerTexts", publicName: "footerTexts", isSignal: true, isRequired: false, transformFunction: null }, isCollapsible: { classPropertyName: "isCollapsible", publicName: "isCollapsible", isSignal: true, isRequired: false, transformFunction: null }, version: { classPropertyName: "version", publicName: "version", isSignal: true, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, menuButtonLabel: { classPropertyName: "menuButtonLabel", publicName: "menuButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null }, isMobileExpanded: { classPropertyName: "isMobileExpanded", publicName: "isMobileExpanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isExpanded: "isExpandedChange", isMobileExpanded: "isMobileExpandedChange" }, host: { listeners: { "document:mousemove": "onMouseMove($event)", "window:resize": "onWindowResize()" }, properties: { "attr.brand": "this.brandAttribute", "class.expanded": "this.expandedClass", "class.mobile": "this.mobileClass" } }, viewQueries: [{ propertyName: "buttons", predicate: ["menuTrigger"], descendants: true, isSignal: true }, { propertyName: "childMenuTemplate", first: true, predicate: ["childMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<header>\n <a routerLink=\"/\" (click)=\"handleLogoClick()\" (keydown)=\"handleLogoClick()\">\n <img [src]=\"brandImagePath()\" [alt]=\"brand() + ' logo'\" />\n @if (isExpanded() || isMobile()) {\n {{ applicationName() }}\n }\n </a>\n <button ndwButton class=\"menu-button\" aria-label=\"menu-button\" (click)=\"toggleMobileView()\">\n @if (!isMobileExpanded()) {\n {{ menuButtonLabel() }}\n <ndw-icon>menu</ndw-icon>\n } @else {\n {{ closeButtonLabel() }}\n <ndw-icon>close</ndw-icon>\n }\n </button>\n</header>\n<div class=\"content\" [ngClass]=\"{ expanded: isMobileExpanded() }\">\n <main>\n <div class=\"menu-items\">\n @for (item of topMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n </div>\n </main>\n <footer>\n <div class=\"menu-items\">\n @for (item of bottomMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n </div>\n <div class=\"texts\">\n @if (isExpanded() || isMobile()) {\n @for (text of footerTexts(); track $index) {\n <p>{{ text }}</p>\n }\n }\n </div>\n <div class=\"version\">\n <p>{{ version() }}</p>\n @if (isCollapsible()) {\n <button ndwButton menu aria-label=\"expand-button\" (click)=\"toggleView()\">\n <ndw-icon>keyboard_double_arrow_right</ndw-icon>\n </button>\n }\n </div>\n </footer>\n</div>\n\n<!-- Templates -->\n<ng-template #menuItem let-item>\n <button\n ndwButton\n menu\n #menuTrigger\n [attr.active]=\"(isMobile() && activeChildItems === item.children) || undefined\"\n [id]=\"item.id\"\n [ndwTooltip]=\"!isExpanded() && !isMobile() ? item.label : ''\"\n (click)=\"handleClick(item)\"\n (focus)=\"!isMobile() && open(item)\"\n (keydown)=\"isMobile() && toggleChildMenu(item, $event)\"\n (mousedown)=\"isMobile() && toggleChildMenu(item)\"\n (mouseover)=\"!isMobile() && open(item)\"\n >\n @if (item.icon) {\n <ndw-icon>{{ item.icon }}</ndw-icon>\n }\n @if (isExpanded() || isMobile()) {\n {{ item.label }}\n }\n @if (item.notifications) {\n <ndw-badge [ngClass]=\"{ collapsed: !isExpanded() }\" [value]=\"item.notifications\" />\n }\n @if (isExpanded() && item.children) {\n <ndw-icon\n class=\"suffix\"\n [ngClass]=\"{ open: !!mobilePortal && activeChildItems === item.children }\"\n >arrow_right</ndw-icon\n >\n }\n </button>\n @if (activeChildItems === item.children) {\n <ng-template [cdkPortalOutlet]=\"mobilePortal\" />\n }\n</ng-template>\n\n<ng-template #childMenu>\n <ndw-main-navigation-menu\n [isMobile]=\"isMobile()\"\n [menuItems]=\"activeChildItems\"\n (close)=\"close(true)\"\n />\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375rem;--ndw-line-height-md: 1.5rem;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}:host{--main-navigation-collapse-width: 2.75rem;--main-navigation-mobile-header-height: 6.25rem;background-color:var(--ndw-color-grey-700);box-sizing:border-box;color:var(--ndw-color-grey-400);display:grid;grid-template-rows:auto 1fr;height:100%;padding-top:var(--ndw-spacing-lg);width:var(--main-navigation-collapse-width)}:host header{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;color:var(--ndw-color-white);display:flex;gap:var(--ndw-spacing-xs);justify-content:center;letter-spacing:.2em;margin-bottom:var(--ndw-spacing-xl);padding-inline:0;text-transform:uppercase}:host header a{align-items:baseline;color:var(--ndw-color-white);cursor:pointer;display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs);text-decoration:none}:host header a img{width:1rem}:host header .menu-button{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);border-radius:var(--ndw-border-radius-lg);display:none;text-transform:uppercase}:host header .menu-button ndw-icon{font-size:var(--ndw-font-size-lg)}:host .content{background-color:var(--ndw-color-grey-700);display:grid;grid-template-rows:1fr auto;overflow-y:auto}:host .content main [ndwButton],:host .content footer [ndwButton]{justify-content:center}:host .content main [ndwButton] ndw-badge,:host .content footer [ndwButton] ndw-badge{margin-left:var(--ndw-spacing-2xs);position:absolute;right:.375rem;top:.375rem}:host .content main [ndwButton] .suffix,:host .content footer [ndwButton] .suffix{position:absolute;right:var(--ndw-spacing-sm)}:host .content footer .texts{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;display:grid;gap:var(--ndw-spacing-xs);min-height:2.625rem;padding-inline:var(--ndw-spacing-md);padding-top:var(--ndw-spacing-md)}:host .content footer .texts p{margin:auto;text-align:center}:host .content footer .version{align-items:center;display:grid;grid-template-columns:1fr}:host .content footer .version p{display:none;font-size:var(--ndw-font-size-2xs);padding-left:var(--main-navigation-collapse-width);text-align:center}:host.expanded header,:host.mobile header{padding-inline:var(--ndw-spacing-md)}:host.expanded header a img,:host.mobile header a img{width:4rem}:host.expanded .content main .menu-items [ndwButton],:host.expanded .content footer .menu-items [ndwButton],:host.mobile .content main .menu-items [ndwButton],:host.mobile .content footer .menu-items [ndwButton]{justify-content:flex-start;padding-inline:var(--ndw-spacing-md)}:host.expanded .content main .menu-items [ndwButton] ndw-badge,:host.expanded .content footer .menu-items [ndwButton] ndw-badge,:host.mobile .content main .menu-items [ndwButton] ndw-badge,:host.mobile .content footer .menu-items [ndwButton] ndw-badge{position:relative;right:auto;top:auto}:host.expanded{width:12.5rem}:host.expanded header{justify-content:flex-start}:host.expanded .content footer{position:relative}:host.expanded .content footer .version{grid-template-columns:1fr var(--main-navigation-collapse-width)}:host.expanded .content footer .version p{display:block}:host.expanded .content footer .version [ndwButton] ndw-icon{transform:var(--ndw-rotate-half)}:host[brand=nwb] header{font-size:.5rem}:host.expanded[brand=nwb] header{flex-direction:column}:host.expanded[brand=nwb] header img{width:8rem}@media screen and (max-width: 1024px){:host{align-items:flex-end;grid-template-rows:initial;height:var(--main-navigation-mobile-header-height);width:100%}:host header{align-items:flex-end;justify-content:space-between;margin-bottom:var(--ndw-spacing-md)}:host header .menu-button{display:flex}:host .content{display:none;grid-template-rows:auto 1fr;inset:var(--main-navigation-mobile-header-height) 0 0;position:absolute;z-index:9999}:host .content [ndwButton] .suffix{rotate:90deg}:host .content [ndwButton] .suffix.open{rotate:-90deg}:host .content footer{display:grid;grid-template-rows:1fr repeat(2,auto)}:host .content footer .version button{display:none}:host .content.expanded{display:grid}:host.expanded{width:100%}:host.expanded header{justify-content:space-between}}\n"], dependencies: [{ kind: "component", type: BadgeComponent, selector: "ndw-badge", inputs: ["value", "ariaLabel"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "component", type: MainNavigationMenuComponent, selector: "ndw-main-navigation-menu", inputs: ["menuItems", "isMobile"], outputs: ["close"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: i6.OverlayModule }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TooltipDirective, selector: "[ndwTooltip]", inputs: ["ndwTooltip"] }] }); }
1567
1834
  }
1568
1835
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: MainNavigationComponent, decorators: [{
1569
1836
  type: Component,
1570
- args: [{ selector: 'ndw-main-navigation', standalone: true, imports: [
1571
- BadgeComponent,
1572
- CommonModule,
1573
- IconComponent,
1574
- MainNavigationMenuComponent,
1575
- OverlayModule,
1576
- ], template: "<header>\n <img [src]=\"brandImagePath()\" [alt]=\"brand() + ' logo'\" />\n @if (isExpanded()) {\n {{ applicationName() }}\n }\n</header>\n<main>\n @for (item of topMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n</main>\n<footer>\n @for (item of bottomMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n <div class=\"texts\">\n @if (isExpanded()) {\n @for (text of footerTexts(); track $index) {\n <p>{{ text }}</p>\n }\n }\n </div>\n <div class=\"version\">\n <p>{{ version() }}</p>\n @if (isCollapsible()) {\n <button ndwButton menu aria-label=\"expand-button\" (click)=\"toggleView()\">\n <ndw-icon>keyboard_double_arrow_right</ndw-icon>\n </button>\n }\n </div>\n</footer>\n\n<!-- Templates -->\n<ng-template #menuItem let-item>\n <button\n ndwButton\n menu\n #menuTrigger\n [id]=\"item.id\"\n (click)=\"item.callback?.(item.id)\"\n (focus)=\"open(item)\"\n (mouseover)=\"open(item)\"\n >\n @if (item.icon) {\n <ndw-icon>{{ item.icon }}</ndw-icon>\n }\n @if (isExpanded()) {\n {{ item.label }}\n }\n @if (item.notifications) {\n <ndw-badge [ngClass]=\"{ collapsed: !isExpanded() }\" [value]=\"item.notifications\" />\n }\n @if (isExpanded() && item.children) {\n <ndw-icon class=\"suffix\">arrow_right</ndw-icon>\n }\n </button>\n</ng-template>\n\n<ng-template #childMenu>\n <ndw-main-navigation-menu [menuItems]=\"activeChildItems\" />\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:host{--main-navigation-collapse-width: 2.75rem;background-color:var(--ndw-color-grey-700);box-sizing:border-box;color:var(--ndw-color-grey-400);display:grid;grid-template-rows:auto 1fr auto;height:100%;padding-block-start:var(--ndw-spacing-lg);width:var(--main-navigation-collapse-width)}header{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:baseline;color:var(--ndw-color-white);display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs);justify-content:center;letter-spacing:.2em;margin-bottom:var(--ndw-spacing-xl);padding-inline:0;text-transform:uppercase}header img{width:1rem}main [ndwButton],footer [ndwButton]{justify-content:center}main [ndwButton] ndw-badge,footer [ndwButton] ndw-badge{margin-left:var(--ndw-spacing-2xs);position:absolute;right:.375rem;top:.375rem}main [ndwButton] .suffix,footer [ndwButton] .suffix{position:absolute;right:var(--ndw-spacing-sm)}footer .texts{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;display:grid;gap:var(--ndw-spacing-xs);min-height:2.625rem;padding-inline:var(--ndw-spacing-md);padding-top:var(--ndw-spacing-md)}footer .texts p{margin:auto;text-align:center}footer .version{align-items:center;display:grid;grid-template-columns:1fr}footer .version p{display:none;font-size:var(--ndw-font-size-2xs);padding-left:var(--main-navigation-collapse-width);text-align:center}:host(.expanded){width:12.5rem}:host(.expanded) header{justify-content:flex-start;padding-inline:var(--ndw-spacing-md)}:host(.expanded) header img{width:4rem}:host(.expanded) main>[ndwButton],:host(.expanded) footer>[ndwButton]{justify-content:flex-start;padding-inline:var(--ndw-spacing-md)}:host(.expanded) main>[ndwButton] ndw-badge,:host(.expanded) footer>[ndwButton] ndw-badge{position:relative;right:auto;top:auto}:host(.expanded) footer{position:relative}:host(.expanded) footer .version{grid-template-columns:1fr var(--main-navigation-collapse-width)}:host(.expanded) footer .version p{display:block}:host(.expanded) footer .version [ndwButton] ndw-icon{transform:var(--ndw-rotate-half)}:host([brand=nwb]) header{font-size:.5rem}:host(.expanded[brand=nwb]) header{flex-direction:column}:host(.expanded[brand=nwb]) header img{width:8rem}\n"] }]
1837
+ args: [{ selector: 'ndw-main-navigation', standalone: true, imports: MAIN_NAVIGATION_IMPORTS, template: "<header>\n <a routerLink=\"/\" (click)=\"handleLogoClick()\" (keydown)=\"handleLogoClick()\">\n <img [src]=\"brandImagePath()\" [alt]=\"brand() + ' logo'\" />\n @if (isExpanded() || isMobile()) {\n {{ applicationName() }}\n }\n </a>\n <button ndwButton class=\"menu-button\" aria-label=\"menu-button\" (click)=\"toggleMobileView()\">\n @if (!isMobileExpanded()) {\n {{ menuButtonLabel() }}\n <ndw-icon>menu</ndw-icon>\n } @else {\n {{ closeButtonLabel() }}\n <ndw-icon>close</ndw-icon>\n }\n </button>\n</header>\n<div class=\"content\" [ngClass]=\"{ expanded: isMobileExpanded() }\">\n <main>\n <div class=\"menu-items\">\n @for (item of topMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n </div>\n </main>\n <footer>\n <div class=\"menu-items\">\n @for (item of bottomMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n </div>\n <div class=\"texts\">\n @if (isExpanded() || isMobile()) {\n @for (text of footerTexts(); track $index) {\n <p>{{ text }}</p>\n }\n }\n </div>\n <div class=\"version\">\n <p>{{ version() }}</p>\n @if (isCollapsible()) {\n <button ndwButton menu aria-label=\"expand-button\" (click)=\"toggleView()\">\n <ndw-icon>keyboard_double_arrow_right</ndw-icon>\n </button>\n }\n </div>\n </footer>\n</div>\n\n<!-- Templates -->\n<ng-template #menuItem let-item>\n <button\n ndwButton\n menu\n #menuTrigger\n [attr.active]=\"(isMobile() && activeChildItems === item.children) || undefined\"\n [id]=\"item.id\"\n [ndwTooltip]=\"!isExpanded() && !isMobile() ? item.label : ''\"\n (click)=\"handleClick(item)\"\n (focus)=\"!isMobile() && open(item)\"\n (keydown)=\"isMobile() && toggleChildMenu(item, $event)\"\n (mousedown)=\"isMobile() && toggleChildMenu(item)\"\n (mouseover)=\"!isMobile() && open(item)\"\n >\n @if (item.icon) {\n <ndw-icon>{{ item.icon }}</ndw-icon>\n }\n @if (isExpanded() || isMobile()) {\n {{ item.label }}\n }\n @if (item.notifications) {\n <ndw-badge [ngClass]=\"{ collapsed: !isExpanded() }\" [value]=\"item.notifications\" />\n }\n @if (isExpanded() && item.children) {\n <ndw-icon\n class=\"suffix\"\n [ngClass]=\"{ open: !!mobilePortal && activeChildItems === item.children }\"\n >arrow_right</ndw-icon\n >\n }\n </button>\n @if (activeChildItems === item.children) {\n <ng-template [cdkPortalOutlet]=\"mobilePortal\" />\n }\n</ng-template>\n\n<ng-template #childMenu>\n <ndw-main-navigation-menu\n [isMobile]=\"isMobile()\"\n [menuItems]=\"activeChildItems\"\n (close)=\"close(true)\"\n />\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375rem;--ndw-line-height-md: 1.5rem;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}:host{--main-navigation-collapse-width: 2.75rem;--main-navigation-mobile-header-height: 6.25rem;background-color:var(--ndw-color-grey-700);box-sizing:border-box;color:var(--ndw-color-grey-400);display:grid;grid-template-rows:auto 1fr;height:100%;padding-top:var(--ndw-spacing-lg);width:var(--main-navigation-collapse-width)}:host header{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;color:var(--ndw-color-white);display:flex;gap:var(--ndw-spacing-xs);justify-content:center;letter-spacing:.2em;margin-bottom:var(--ndw-spacing-xl);padding-inline:0;text-transform:uppercase}:host header a{align-items:baseline;color:var(--ndw-color-white);cursor:pointer;display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs);text-decoration:none}:host header a img{width:1rem}:host header .menu-button{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);border-radius:var(--ndw-border-radius-lg);display:none;text-transform:uppercase}:host header .menu-button ndw-icon{font-size:var(--ndw-font-size-lg)}:host .content{background-color:var(--ndw-color-grey-700);display:grid;grid-template-rows:1fr auto;overflow-y:auto}:host .content main [ndwButton],:host .content footer [ndwButton]{justify-content:center}:host .content main [ndwButton] ndw-badge,:host .content footer [ndwButton] ndw-badge{margin-left:var(--ndw-spacing-2xs);position:absolute;right:.375rem;top:.375rem}:host .content main [ndwButton] .suffix,:host .content footer [ndwButton] .suffix{position:absolute;right:var(--ndw-spacing-sm)}:host .content footer .texts{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;display:grid;gap:var(--ndw-spacing-xs);min-height:2.625rem;padding-inline:var(--ndw-spacing-md);padding-top:var(--ndw-spacing-md)}:host .content footer .texts p{margin:auto;text-align:center}:host .content footer .version{align-items:center;display:grid;grid-template-columns:1fr}:host .content footer .version p{display:none;font-size:var(--ndw-font-size-2xs);padding-left:var(--main-navigation-collapse-width);text-align:center}:host.expanded header,:host.mobile header{padding-inline:var(--ndw-spacing-md)}:host.expanded header a img,:host.mobile header a img{width:4rem}:host.expanded .content main .menu-items [ndwButton],:host.expanded .content footer .menu-items [ndwButton],:host.mobile .content main .menu-items [ndwButton],:host.mobile .content footer .menu-items [ndwButton]{justify-content:flex-start;padding-inline:var(--ndw-spacing-md)}:host.expanded .content main .menu-items [ndwButton] ndw-badge,:host.expanded .content footer .menu-items [ndwButton] ndw-badge,:host.mobile .content main .menu-items [ndwButton] ndw-badge,:host.mobile .content footer .menu-items [ndwButton] ndw-badge{position:relative;right:auto;top:auto}:host.expanded{width:12.5rem}:host.expanded header{justify-content:flex-start}:host.expanded .content footer{position:relative}:host.expanded .content footer .version{grid-template-columns:1fr var(--main-navigation-collapse-width)}:host.expanded .content footer .version p{display:block}:host.expanded .content footer .version [ndwButton] ndw-icon{transform:var(--ndw-rotate-half)}:host[brand=nwb] header{font-size:.5rem}:host.expanded[brand=nwb] header{flex-direction:column}:host.expanded[brand=nwb] header img{width:8rem}@media screen and (max-width: 1024px){:host{align-items:flex-end;grid-template-rows:initial;height:var(--main-navigation-mobile-header-height);width:100%}:host header{align-items:flex-end;justify-content:space-between;margin-bottom:var(--ndw-spacing-md)}:host header .menu-button{display:flex}:host .content{display:none;grid-template-rows:auto 1fr;inset:var(--main-navigation-mobile-header-height) 0 0;position:absolute;z-index:9999}:host .content [ndwButton] .suffix{rotate:90deg}:host .content [ndwButton] .suffix.open{rotate:-90deg}:host .content footer{display:grid;grid-template-rows:1fr repeat(2,auto)}:host .content footer .version button{display:none}:host .content.expanded{display:grid}:host.expanded{width:100%}:host.expanded header{justify-content:space-between}}\n"] }]
1577
1838
  }], propDecorators: { brandAttribute: [{
1578
1839
  type: HostBinding,
1579
1840
  args: ['attr.brand']
1580
1841
  }], expandedClass: [{
1581
1842
  type: HostBinding,
1582
1843
  args: ['class.expanded']
1844
+ }], mobileClass: [{
1845
+ type: HostBinding,
1846
+ args: ['class.mobile']
1583
1847
  }], onMouseMove: [{
1584
1848
  type: HostListener,
1585
1849
  args: ['document:mousemove', ['$event']]
1850
+ }], onWindowResize: [{
1851
+ type: HostListener,
1852
+ args: ['window:resize']
1586
1853
  }] } });
1587
1854
 
1588
1855
  class ModalContentComponent {
@@ -1596,11 +1863,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
1596
1863
 
1597
1864
  class ModalFooterComponent {
1598
1865
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1599
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: ModalFooterComponent, isStandalone: true, selector: "ndw-modal-footer", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md)}\n"] }); }
1866
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: ModalFooterComponent, isStandalone: true, selector: "ndw-modal-footer", ngImport: i0, template: "<ng-content />\n", styles: [":host{align-items:center;display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md);margin-top:var(--ndw-spacing-xs)}\n"] }); }
1600
1867
  }
1601
1868
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalFooterComponent, decorators: [{
1602
1869
  type: Component,
1603
- args: [{ selector: 'ndw-modal-footer', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md)}\n"] }]
1870
+ args: [{ selector: 'ndw-modal-footer', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{align-items:center;display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md);margin-top:var(--ndw-spacing-xs)}\n"] }]
1604
1871
  }] });
1605
1872
 
1606
1873
  class ModalHeaderComponent {
@@ -1611,11 +1878,11 @@ class ModalHeaderComponent {
1611
1878
  this.modalService.detach();
1612
1879
  }
1613
1880
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1614
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: ModalHeaderComponent, isStandalone: true, selector: "ndw-modal-header", ngImport: i0, template: "<ng-content />\n<ndw-action-icon ariaLabel=\"Close\" (click)=\"detachModal()\">close</ndw-action-icon>\n", styles: [":host{display:grid;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700}\n", ":host{grid-template-columns:1fr auto}ndw-icon{color:var(--ndw-color-primary)}\n"], dependencies: [{ kind: "component", type: ActionIconComponent, selector: "ndw-action-icon", inputs: ["ariaLabel", "variant", "buttonType", "disabled", "size"], outputs: ["onClick"] }] }); }
1881
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: ModalHeaderComponent, isStandalone: true, selector: "ndw-modal-header", ngImport: i0, template: "<ng-content />\n<button\n ndwButton\n tertiary\n extra-small\n ariaLabel=\"Close\"\n data-testid=\"close-button\"\n (click)=\"detachModal()\"\n>\n <ndw-icon>close</ndw-icon>\n</button>\n", styles: [":host{display:grid;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700}\n", ":host{grid-template-columns:1fr auto}ndw-icon{color:var(--ndw-color-primary)}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }] }); }
1615
1882
  }
1616
1883
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalHeaderComponent, decorators: [{
1617
1884
  type: Component,
1618
- args: [{ selector: 'ndw-modal-header', standalone: true, imports: [IconComponent, ActionIconComponent], template: "<ng-content />\n<ndw-action-icon ariaLabel=\"Close\" (click)=\"detachModal()\">close</ndw-action-icon>\n", styles: [":host{display:grid;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700}\n", ":host{grid-template-columns:1fr auto}ndw-icon{color:var(--ndw-color-primary)}\n"] }]
1885
+ args: [{ selector: 'ndw-modal-header', standalone: true, imports: [ButtonDirective, IconComponent], template: "<ng-content />\n<button\n ndwButton\n tertiary\n extra-small\n ariaLabel=\"Close\"\n data-testid=\"close-button\"\n (click)=\"detachModal()\"\n>\n <ndw-icon>close</ndw-icon>\n</button>\n", styles: [":host{display:grid;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700}\n", ":host{grid-template-columns:1fr auto}ndw-icon{color:var(--ndw-color-primary)}\n"] }]
1619
1886
  }] });
1620
1887
 
1621
1888
  class ModalService {
@@ -1635,7 +1902,7 @@ class ModalService {
1635
1902
  }
1636
1903
  open(templateRef, viewContainerRef) {
1637
1904
  if (this.isOpen) {
1638
- return;
1905
+ this.detach();
1639
1906
  }
1640
1907
  const templatePortal = new TemplatePortal(templateRef, viewContainerRef);
1641
1908
  this.overlayRef = this.overlay.create({
@@ -1720,11 +1987,11 @@ class ModalComponent extends CardComponent {
1720
1987
  return this.size() === 'md';
1721
1988
  }
1722
1989
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1723
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: ModalComponent, isStandalone: true, selector: "ndw-modal", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.modal-size-sm": "this.isSmall", "class.modal-size-md": "this.isMedium", "attr.role": "this.roleAttr" } }, usesInheritance: true, ngImport: i0, template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);display:grid;gap:var(--ndw-spacing-lg);padding:var(--ndw-spacing-lg)}\n", ":host{width:var(--ndw-modal-width-sm)}:host.modal-size-md{width:var(--ndw-modal-width-md)}\n"] }); }
1990
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.3", type: ModalComponent, isStandalone: true, selector: "ndw-modal", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.modal-size-sm": "this.isSmall", "class.modal-size-md": "this.isMedium", "attr.role": "this.roleAttr" } }, usesInheritance: true, ngImport: i0, template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);display:grid;gap:var(--ndw-spacing-md);padding:var(--ndw-spacing-lg)}\n", ":host{width:var(--ndw-modal-width-sm)}:host.modal-size-md{width:var(--ndw-modal-width-md)}\n"] }); }
1724
1991
  }
1725
1992
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ModalComponent, decorators: [{
1726
1993
  type: Component,
1727
- args: [{ selector: 'ndw-modal', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);display:grid;gap:var(--ndw-spacing-lg);padding:var(--ndw-spacing-lg)}\n", ":host{width:var(--ndw-modal-width-sm)}:host.modal-size-md{width:var(--ndw-modal-width-md)}\n"] }]
1994
+ args: [{ selector: 'ndw-modal', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);display:grid;gap:var(--ndw-spacing-md);padding:var(--ndw-spacing-lg)}\n", ":host{width:var(--ndw-modal-width-sm)}:host.modal-size-md{width:var(--ndw-modal-width-md)}\n"] }]
1728
1995
  }], propDecorators: { isSmall: [{
1729
1996
  type: HostBinding,
1730
1997
  args: ['class.modal-size-sm']
@@ -1798,7 +2065,7 @@ class MultiSelectComponent {
1798
2065
  }
1799
2066
  }
1800
2067
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: MultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1801
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: MultiSelectComponent, isStandalone: true, selector: "ndw-multi-select", inputs: { buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: true, transformFunction: null }, prefixIcon: { classPropertyName: "prefixIcon", publicName: "prefixIcon", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, noResultText: { classPropertyName: "noResultText", publicName: "noResultText", isSignal: true, isRequired: false, transformFunction: null }, chevron: { classPropertyName: "chevron", publicName: "chevron", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selectAllText: { classPropertyName: "selectAllText", publicName: "selectAllText", isSignal: true, isRequired: false, transformFunction: null }, lastCheckedElementId: { classPropertyName: "lastCheckedElementId", publicName: "lastCheckedElementId", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, searchInputValue: { classPropertyName: "searchInputValue", publicName: "searchInputValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { lastCheckedElementId: "lastCheckedElementIdChange", dataSource: "dataSourceChange", searchInputValue: "searchInputValueChange" }, viewQueries: [{ propertyName: "dropdownTrigger", first: true, predicate: PopoverTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ndw-dropdown\n prefixIcon=\"filter_alt\"\n [selectAmount]=\"selectAmount()\"\n (removablePillClicked)=\"toggleSelectAll(false)\"\n (isOpenChange)=\"isOpenChanged($event)\"\n [buttonText]=\"buttonText()\"\n [disabled]=\"disabled()\"\n [chevron]=\"chevron()\"\n [prefixIcon]=\"prefixIcon()\"\n>\n <ndw-form-field [label]=\"searchLabel()\" [hideLabel]=\"true\">\n <input\n ndwInput\n type=\"search\"\n [value]=\"searchInputValue()\"\n (input)=\"searchInputChanged($event)\"\n [placeholder]=\"searchPlaceholder()\"\n />\n </ndw-form-field>\n @if (noSearchResults()) {\n <div class=\"no-search-results\">\n <ndw-icon>sentiment_dissatisfied</ndw-icon>\n {{ noResultText() }}\n </div>\n } @else {\n <ndw-checkbox-group class=\"multi-select-container\">\n @for (checkbox of dataSource(); track checkbox.id) {\n @if (filterSearch(checkbox.label)) {\n <ndw-checkbox\n [ngClass]=\"{ 'last-checked': lastCheckedElementId() === checkbox.id }\"\n [checked]=\"checkbox.value\"\n (checkedChange)=\"checkboxChanged(checkbox.id)\"\n >\n {{ checkbox.label }}\n </ndw-checkbox>\n }\n }\n </ndw-checkbox-group>\n }\n <div class=\"ndw-dialog-footer\">\n @if (selectAmount() === dataSource().length) {\n <button ndwLink (click)=\"toggleSelectAll(false)\">\n {{ selectAllText().deselect }}\n </button>\n } @else {\n <button ndwLink (click)=\"toggleSelectAll(true)\">\n {{ selectAllText().select }}\n </button>\n }\n <div class=\"ndw-dialog-footer-total\" aria-live=\"polite\">\n Geselecteerd: <strong>{{ selectAmount() }}</strong>\n </div>\n </div>\n</ndw-dropdown>\n", styles: [".no-search-results{display:grid;justify-items:center;width:var(--multi-select-default-width);margin:auto;padding:0 var(--ndw-spacing-md);font-size:var(--ndw-font-size-sm);text-align:center;color:var(--ndw-color-grey-400)}.multi-select-container{max-height:var(--multi-select-default-width);min-width:var(--multi-select-default-width);overflow-y:auto}.multi-select-container ndw-checkbox.last-checked{width:100%;height:auto;padding-bottom:var(--ndw-spacing-sm);margin-bottom:var(--ndw-spacing-sm);border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}.ndw-dialog-footer{display:flex;margin-top:var(--ndw-spacing-md);border-top:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);padding-top:var(--ndw-spacing-md);font-size:var(--ndw-font-size-xs)}.ndw-dialog-footer .ndw-dialog-footer-total{display:flex;flex:1;justify-content:end;gap:var(--ndw-spacing-2xs)}\n"], dependencies: [{ kind: "component", type: FormFieldComponent, selector: "ndw-form-field", inputs: ["label", "clearSearchAriaLabel", "suffixIconAriaLabel", "hideLabel", "disabled", "error", "info", "tooltip"] }, { kind: "component", type: CheckboxComponent, selector: "ndw-checkbox", inputs: ["checked", "switch", "disabled", "error", "indeterminate", "required"], outputs: ["checkedChange"] }, { kind: "component", type: CheckboxGroupComponent, selector: "ndw-checkbox-group" }, { kind: "component", type: DropdownComponent, selector: "ndw-dropdown", inputs: ["disabled", "chevron", "buttonText", "prefixIcon", "selectAmount"], outputs: ["removablePillClicked", "isOpenChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: InputDirective, selector: "input[ndwInput], select[ndwInput], textarea[ndwInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
2068
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: MultiSelectComponent, isStandalone: true, selector: "ndw-multi-select", inputs: { buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: true, transformFunction: null }, prefixIcon: { classPropertyName: "prefixIcon", publicName: "prefixIcon", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, noResultText: { classPropertyName: "noResultText", publicName: "noResultText", isSignal: true, isRequired: false, transformFunction: null }, chevron: { classPropertyName: "chevron", publicName: "chevron", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selectAllText: { classPropertyName: "selectAllText", publicName: "selectAllText", isSignal: true, isRequired: false, transformFunction: null }, lastCheckedElementId: { classPropertyName: "lastCheckedElementId", publicName: "lastCheckedElementId", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, searchInputValue: { classPropertyName: "searchInputValue", publicName: "searchInputValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { lastCheckedElementId: "lastCheckedElementIdChange", dataSource: "dataSourceChange", searchInputValue: "searchInputValueChange" }, viewQueries: [{ propertyName: "dropdownTrigger", first: true, predicate: PopoverTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ndw-dropdown\n prefixIcon=\"filter_alt\"\n [selectAmount]=\"selectAmount()\"\n (removablePillClicked)=\"toggleSelectAll(false)\"\n (isOpenChange)=\"isOpenChanged($event)\"\n [buttonText]=\"buttonText()\"\n [disabled]=\"disabled()\"\n [chevron]=\"chevron()\"\n [prefixIcon]=\"prefixIcon()\"\n>\n <ndw-form-field [label]=\"searchLabel()\" [hideLabel]=\"true\">\n <input\n ndwInput\n type=\"search\"\n [value]=\"searchInputValue()\"\n (input)=\"searchInputChanged($event)\"\n [placeholder]=\"searchPlaceholder()\"\n />\n </ndw-form-field>\n @if (noSearchResults()) {\n <div class=\"no-search-results\">\n <ndw-icon>sentiment_dissatisfied</ndw-icon>\n {{ noResultText() }}\n </div>\n } @else {\n <ndw-checkbox-group class=\"multi-select-container\">\n @for (checkbox of dataSource(); track checkbox.id) {\n @if (filterSearch(checkbox.label)) {\n <ndw-checkbox\n [ngClass]=\"{ 'last-checked': lastCheckedElementId() === checkbox.id }\"\n [checked]=\"checkbox.value\"\n (checkedChange)=\"checkboxChanged(checkbox.id)\"\n >\n {{ checkbox.label }}\n </ndw-checkbox>\n }\n }\n </ndw-checkbox-group>\n }\n <div class=\"ndw-dialog-footer\">\n @if (selectAmount() === dataSource().length) {\n <button ndwLink (click)=\"toggleSelectAll(false)\">\n {{ selectAllText().deselect }}\n </button>\n } @else {\n <button ndwLink (click)=\"toggleSelectAll(true)\">\n {{ selectAllText().select }}\n </button>\n }\n <div class=\"ndw-dialog-footer-total\" aria-live=\"polite\">\n Geselecteerd: <strong>{{ selectAmount() }}</strong>\n </div>\n </div>\n</ndw-dropdown>\n", styles: [".no-search-results{display:grid;justify-items:center;width:var(--multi-select-default-width);margin:auto;padding:0 var(--ndw-spacing-md);font-size:var(--ndw-font-size-sm);text-align:center;color:var(--ndw-color-grey-400)}.multi-select-container{max-height:var(--multi-select-default-width);min-width:var(--multi-select-default-width);overflow-y:auto}.multi-select-container ndw-checkbox.last-checked{width:100%;height:auto;padding-bottom:var(--ndw-spacing-sm);margin-bottom:var(--ndw-spacing-sm);border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}.ndw-dialog-footer{display:flex;margin-top:var(--ndw-spacing-md);border-top:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);padding-top:var(--ndw-spacing-md);font-size:var(--ndw-font-size-xs)}.ndw-dialog-footer .ndw-dialog-footer-total{display:flex;flex:1;justify-content:end;gap:var(--ndw-spacing-2xs)}\n"], dependencies: [{ kind: "component", type: FormFieldComponent, selector: "ndw-form-field", inputs: ["label", "clearSearchAriaLabel", "suffixButtonAriaLabel", "hideLabel", "disabled", "error", "success", "info", "tooltip"] }, { kind: "component", type: CheckboxComponent, selector: "ndw-checkbox", inputs: ["checked", "switch", "disabled", "error", "success", "indeterminate", "required"], outputs: ["checkedChange"] }, { kind: "component", type: CheckboxGroupComponent, selector: "ndw-checkbox-group" }, { kind: "component", type: DropdownComponent, selector: "ndw-dropdown", inputs: ["disabled", "chevron", "buttonText", "prefixIcon", "selectAmount"], outputs: ["removablePillClicked", "isOpenChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: InputDirective, selector: "input[ndwInput], select[ndwInput], textarea[ndwInput]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
1802
2069
  }
1803
2070
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: MultiSelectComponent, decorators: [{
1804
2071
  type: Component,
@@ -1823,20 +2090,20 @@ class PillComponent {
1823
2090
  /**
1824
2091
  * The content of the pill.
1825
2092
  */
1826
- this.content = viewChild('content');
2093
+ this.contentRef = viewChild('content');
1827
2094
  }
1828
2095
  get hostClass() {
1829
2096
  return ['ndw-paragraph-md', this.color()];
1830
2097
  }
1831
2098
  get title() {
1832
- return this.content?.toString();
2099
+ return this.contentRef()?.nativeElement?.textContent;
1833
2100
  }
1834
2101
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: PillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
1835
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.3", type: PillComponent, isStandalone: true, selector: "ndw-pill", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClass", "title": "this.title" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container #content>\n <ng-content />\n</ng-container>\n", styles: [":host{display:inline-block;line-height:1rem;border-radius:var(--ndw-border-radius-sm);padding:var(--ndw-spacing-3xs) var(--ndw-spacing-2xs);max-width:20rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host.green{color:var(--ndw-color-data-a-500);background-color:var(--ndw-color-data-a-100)}:host.gray{color:var(--ndw-color-data-b-500);background-color:var(--ndw-color-data-b-100)}:host.blue{color:var(--ndw-color-data-c-500);background-color:var(--ndw-color-data-c-100)}:host.purple{color:var(--ndw-color-data-d-500);background-color:var(--ndw-color-data-d-100)}:host.yellow{color:var(--ndw-color-data-e-500);background-color:var(--ndw-color-data-e-100)}:host.red{color:var(--ndw-color-data-f-500);background-color:var(--ndw-color-data-f-100)}\n"] }); }
2102
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.3", type: PillComponent, isStandalone: true, selector: "ndw-pill", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClass", "title": "this.title" } }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #content>\n <ng-content />\n</div>\n", styles: [":host{display:inline-block;line-height:1rem;border-radius:var(--ndw-border-radius-sm);padding:var(--ndw-spacing-3xs) var(--ndw-spacing-2xs);max-width:20rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host.green{color:var(--ndw-color-data-a-500);background-color:var(--ndw-color-data-a-100)}:host.gray{color:var(--ndw-color-data-b-500);background-color:var(--ndw-color-data-b-100)}:host.blue{color:var(--ndw-color-data-c-500);background-color:var(--ndw-color-data-c-100)}:host.purple{color:var(--ndw-color-data-d-500);background-color:var(--ndw-color-data-d-100)}:host.yellow{color:var(--ndw-color-data-e-500);background-color:var(--ndw-color-data-e-100)}:host.red{color:var(--ndw-color-data-f-500);background-color:var(--ndw-color-data-f-100)}\n"] }); }
1836
2103
  }
1837
2104
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: PillComponent, decorators: [{
1838
2105
  type: Component,
1839
- args: [{ selector: 'ndw-pill', standalone: true, template: "<ng-container #content>\n <ng-content />\n</ng-container>\n", styles: [":host{display:inline-block;line-height:1rem;border-radius:var(--ndw-border-radius-sm);padding:var(--ndw-spacing-3xs) var(--ndw-spacing-2xs);max-width:20rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host.green{color:var(--ndw-color-data-a-500);background-color:var(--ndw-color-data-a-100)}:host.gray{color:var(--ndw-color-data-b-500);background-color:var(--ndw-color-data-b-100)}:host.blue{color:var(--ndw-color-data-c-500);background-color:var(--ndw-color-data-c-100)}:host.purple{color:var(--ndw-color-data-d-500);background-color:var(--ndw-color-data-d-100)}:host.yellow{color:var(--ndw-color-data-e-500);background-color:var(--ndw-color-data-e-100)}:host.red{color:var(--ndw-color-data-f-500);background-color:var(--ndw-color-data-f-100)}\n"] }]
2106
+ args: [{ selector: 'ndw-pill', standalone: true, template: "<div #content>\n <ng-content />\n</div>\n", styles: [":host{display:inline-block;line-height:1rem;border-radius:var(--ndw-border-radius-sm);padding:var(--ndw-spacing-3xs) var(--ndw-spacing-2xs);max-width:20rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host.green{color:var(--ndw-color-data-a-500);background-color:var(--ndw-color-data-a-100)}:host.gray{color:var(--ndw-color-data-b-500);background-color:var(--ndw-color-data-b-100)}:host.blue{color:var(--ndw-color-data-c-500);background-color:var(--ndw-color-data-c-100)}:host.purple{color:var(--ndw-color-data-d-500);background-color:var(--ndw-color-data-d-100)}:host.yellow{color:var(--ndw-color-data-e-500);background-color:var(--ndw-color-data-e-100)}:host.red{color:var(--ndw-color-data-f-500);background-color:var(--ndw-color-data-f-100)}\n"] }]
1840
2107
  }], propDecorators: { hostClass: [{
1841
2108
  type: HostBinding,
1842
2109
  args: ['class']
@@ -1966,9 +2233,7 @@ class ToastComponent {
1966
2233
  this.open();
1967
2234
  }
1968
2235
  ngOnDestroy() {
1969
- if (this.interval !== null) {
1970
- clearInterval(this.interval);
1971
- }
2236
+ this.clearInterval();
1972
2237
  this.close.emit();
1973
2238
  }
1974
2239
  open() {
@@ -2000,16 +2265,21 @@ class ToastComponent {
2000
2265
  const toastElement = this.toastContainer()?.nativeElement;
2001
2266
  this.renderer.addClass(toastElement, 'fade-out');
2002
2267
  setTimeout(() => {
2003
- this.ngOnDestroy();
2268
+ this.clearInterval();
2004
2269
  }, 200);
2005
2270
  }
2006
2271
  checkForExistingToast() {
2007
2272
  if (!this.toastContainer()?.nativeElement) {
2008
- this.ngOnDestroy();
2273
+ this.clearInterval();
2009
2274
  return false;
2010
2275
  }
2011
2276
  return true;
2012
2277
  }
2278
+ clearInterval() {
2279
+ if (this.interval !== null) {
2280
+ clearInterval(this.interval);
2281
+ }
2282
+ }
2013
2283
  truncateText(text) {
2014
2284
  if (text.length > 75) {
2015
2285
  return text.substring(0, 75) + '...';
@@ -2017,11 +2287,11 @@ class ToastComponent {
2017
2287
  return text;
2018
2288
  }
2019
2289
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2020
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.3", type: ToastComponent, isStandalone: true, selector: "ndw-toast", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { message: "messageChange", close: "close" }, viewQueries: [{ propertyName: "toastContainer", first: true, predicate: ["toastContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"toast-container\" #toastContainer>\n <div class=\"toast-content\">\n {{ message() }}\n </div>\n <ndw-icon (click)=\"startFadeOut()\">close</ndw-icon>\n</div>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }] }); }
2290
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.3", type: ToastComponent, isStandalone: true, selector: "ndw-toast", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { message: "messageChange", close: "close" }, viewQueries: [{ propertyName: "toastContainer", first: true, predicate: ["toastContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #toastContainer>\n <p>\n {{ message() }}\n </p>\n <button ndwButton tertiary alternative extra-small (click)=\"startFadeOut()\">\n <ndw-icon>close</ndw-icon>\n </button>\n</div>\n", styles: ["div{align-items:center;background:var(--ndw-color-grey-700);border-radius:var(--ndw-spacing-2xs);color:var(--ndw-color-white);display:grid;font-size:var(--ndw-font-size-sm);gap:var(--ndw-spacing-xs);grid-template-columns:1fr auto;height:var(--ndw-spacing-lg);opacity:1;padding-left:var(--ndw-spacing-xs);transition:opacity .2s ease-in;width:fit-content}div.fade-out{opacity:0}div p{display:inline-block;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div [ndwButton] ndw-icon{color:var(--ndw-color-white)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }] }); }
2021
2291
  }
2022
2292
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ToastComponent, decorators: [{
2023
2293
  type: Component,
2024
- args: [{ selector: 'ndw-toast', standalone: true, imports: [IconComponent], template: "<div class=\"toast-container\" #toastContainer>\n <div class=\"toast-content\">\n {{ message() }}\n </div>\n <ndw-icon (click)=\"startFadeOut()\">close</ndw-icon>\n</div>\n" }]
2294
+ args: [{ selector: 'ndw-toast', standalone: true, imports: [IconComponent], template: "<div #toastContainer>\n <p>\n {{ message() }}\n </p>\n <button ndwButton tertiary alternative extra-small (click)=\"startFadeOut()\">\n <ndw-icon>close</ndw-icon>\n </button>\n</div>\n", styles: ["div{align-items:center;background:var(--ndw-color-grey-700);border-radius:var(--ndw-spacing-2xs);color:var(--ndw-color-white);display:grid;font-size:var(--ndw-font-size-sm);gap:var(--ndw-spacing-xs);grid-template-columns:1fr auto;height:var(--ndw-spacing-lg);opacity:1;padding-left:var(--ndw-spacing-xs);transition:opacity .2s ease-in;width:fit-content}div.fade-out{opacity:0}div p{display:inline-block;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div [ndwButton] ndw-icon{color:var(--ndw-color-white)}\n"] }]
2025
2295
  }] });
2026
2296
 
2027
2297
  class ToastService {
@@ -2070,5 +2340,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
2070
2340
  * Generated bundle index. Do not edit.
2071
2341
  */
2072
2342
 
2073
- export { AccordionComponent, AccordionService, ActionIconComponent, AlertComponent, AlertType, AutoGrowDirective, BadgeComponent, BreadcrumbComponent, BreadcrumbGroupComponent, ButtonDirective, CARD_COMPONENTS, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CheckboxComponent, CheckboxGroupComponent, CollapsibleComponent, DropdownComponent, ErrorComponent, FileUploadComponent, FormFieldComponent, FormFieldElement, IconComponent, InfoComponent, InputDirective, InputType, MODAL_COMPONENTS, MainNavigationComponent, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalService, ModalTriggerDirective, MultiSelectComponent, NdwBrand, OptionComponent, OptionGroupComponent, PillComponent, PopoverTriggerDirective, RadioButtonComponent, RadioGroupComponent, RemovablePillComponent, RouterBreadcrumbsComponent, TabComponent, TabGroupComponent, ToastComponent, ToastService, TooltipComponent, TooltipDirective, breadcrumbRouteDataKey };
2343
+ export { AccordionComponent, AccordionService, ActionIconComponent, AlertComponent, AlertType, AutoGrowDirective, BadgeComponent, BreadcrumbComponent, BreadcrumbGroupComponent, ButtonDirective, CARD_COMPONENTS, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CheckboxComponent, CheckboxGroupComponent, CollapsibleComponent, DropdownComponent, ErrorComponent, FileUploadComponent, FormFieldComponent, FormFieldElement, IconComponent, InfoComponent, InputDirective, InputType, MODAL_COMPONENTS, MainNavigationComponent, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalService, ModalTriggerDirective, MonthInputComponent, MultiSelectComponent, NdwBrand, OptionComponent, OptionGroupComponent, PillComponent, PopoverTriggerDirective, RadioButtonComponent, RadioGroupComponent, RemovablePillComponent, RouterBreadcrumbsComponent, TabComponent, TabGroupComponent, ToastComponent, ToastService, TooltipComponent, TooltipDirective, breadcrumbRouteDataKey };
2074
2344
  //# sourceMappingURL=ndwnu-design-system.mjs.map