@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.
- package/components/card/index.d.ts +2 -2
- package/components/dropdown/dropdown.component.d.ts +8 -3
- package/components/form-field/checkbox/checkbox.component.d.ts +2 -1
- package/components/form-field/file-upload/file-upload.component.d.ts +3 -1
- package/components/form-field/form-field.component.d.ts +8 -9
- package/components/form-field/index.d.ts +1 -0
- package/components/form-field/input/input.directive.d.ts +1 -0
- package/components/form-field/input/input.model.d.ts +1 -3
- package/components/form-field/month-input/index.d.ts +1 -0
- package/components/form-field/month-input/month-input-utils.d.ts +5 -0
- package/components/form-field/month-input/month-input.component.d.ts +42 -0
- package/components/form-field/option-group/index.d.ts +1 -0
- package/components/form-field/option-group/option-group.component.d.ts +11 -3
- package/components/form-field/option-group/option-group.model.d.ts +1 -0
- package/components/form-field/option-group/option.component.d.ts +2 -1
- package/components/form-field/radio-button/radio-button.component.d.ts +2 -1
- package/components/form-field/success/index.d.ts +1 -0
- package/components/form-field/success/success.component.d.ts +5 -0
- package/components/icon/action-icon/index.d.ts +1 -0
- package/components/icon/index.d.ts +1 -1
- package/components/main-navigation/main-navigation.component.d.ts +18 -6
- package/components/main-navigation/main-navigation.imports.d.ts +9 -0
- package/components/main-navigation-menu/main-navigation-menu.component.d.ts +4 -1
- package/components/pill/pill.component.d.ts +1 -1
- package/components/popover/popover-trigger.directive.d.ts +1 -1
- package/components/removable-pill/removable-pill.component.d.ts +1 -1
- package/components/toast/toast.component.d.ts +1 -0
- package/components/tooltip/tooltip.directive.d.ts +3 -2
- package/core/styles/ndw-styles.scss +24 -40
- package/core/styles/nwb-styles.scss +24 -40
- package/esm2022/components/alert/alert.component.mjs +5 -4
- package/esm2022/components/badge/badge.component.mjs +2 -2
- package/esm2022/components/breadcrumb-group/breadcrumb-group.component.mjs +3 -3
- package/esm2022/components/button/button.directive.mjs +4 -3
- package/esm2022/components/card/card-footer/card-footer.component.mjs +2 -2
- package/esm2022/components/card/card.component.mjs +2 -2
- package/esm2022/components/dropdown/dropdown.component.mjs +31 -6
- package/esm2022/components/form-field/checkbox/checkbox.component.mjs +5 -4
- package/esm2022/components/form-field/file-upload/file-upload.component.mjs +11 -4
- package/esm2022/components/form-field/form-field.component.mjs +27 -32
- package/esm2022/components/form-field/index.mjs +2 -1
- package/esm2022/components/form-field/input/input.directive.mjs +4 -1
- package/esm2022/components/form-field/input/input.model.mjs +1 -3
- package/esm2022/components/form-field/month-input/index.mjs +2 -0
- package/esm2022/components/form-field/month-input/month-input-utils.mjs +13 -0
- package/esm2022/components/form-field/month-input/month-input.component.mjs +155 -0
- package/esm2022/components/form-field/option-group/index.mjs +2 -1
- package/esm2022/components/form-field/option-group/option-group.component.mjs +35 -24
- package/esm2022/components/form-field/option-group/option-group.model.mjs +2 -0
- package/esm2022/components/form-field/option-group/option.component.mjs +3 -2
- package/esm2022/components/form-field/radio-button/radio-button.component.mjs +5 -4
- package/esm2022/components/form-field/success/index.mjs +2 -0
- package/esm2022/components/form-field/success/success.component.mjs +12 -0
- package/esm2022/components/icon/action-icon/action-icon.component.mjs +2 -1
- package/esm2022/components/icon/action-icon/index.mjs +2 -0
- package/esm2022/components/icon/icon.component.mjs +2 -3
- package/esm2022/components/icon/index.mjs +2 -2
- package/esm2022/components/main-navigation/main-navigation.component.mjs +69 -31
- package/esm2022/components/main-navigation/main-navigation.imports.mjs +20 -0
- package/esm2022/components/main-navigation-menu/main-navigation-menu.component.mjs +10 -4
- package/esm2022/components/modal/modal-footer/modal-footer.component.mjs +2 -2
- package/esm2022/components/modal/modal-header/modal-header.component.mjs +5 -4
- package/esm2022/components/modal/modal.component.mjs +2 -2
- package/esm2022/components/modal/modal.service.mjs +2 -2
- package/esm2022/components/multi-select/multi-select.component.mjs +2 -2
- package/esm2022/components/pill/pill.component.mjs +5 -5
- package/esm2022/components/popover/popover-trigger.directive.mjs +1 -2
- package/esm2022/components/removable-pill/removable-pill.component.mjs +3 -3
- package/esm2022/components/toast/toast.component.mjs +11 -8
- package/esm2022/components/tooltip/tooltip.component.mjs +2 -2
- package/esm2022/components/tooltip/tooltip.directive.mjs +7 -3
- package/fesm2022/ndwnu-design-system.mjs +551 -281
- package/fesm2022/ndwnu-design-system.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -191,6 +191,7 @@
|
|
|
191
191
|
--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));
|
|
192
192
|
--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));
|
|
193
193
|
--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));
|
|
194
|
+
--ndw-alpha-white-040: hsla(var(--_white), var(--_alpha-040));
|
|
194
195
|
/* Spacing */
|
|
195
196
|
--ndw-spacing-3xs: 0.125rem;
|
|
196
197
|
--ndw-spacing-2xs: 0.25rem;
|
|
@@ -240,8 +241,8 @@
|
|
|
240
241
|
--ndw-font-size-xl: 1.5rem;
|
|
241
242
|
--ndw-font-weight-regular: 400;
|
|
242
243
|
--ndw-font-weight-bold: 650;
|
|
243
|
-
--ndw-line-height-sm: 1.
|
|
244
|
-
--ndw-line-height-md: 1.
|
|
244
|
+
--ndw-line-height-sm: 1.375rem;
|
|
245
|
+
--ndw-line-height-md: 1.5rem;
|
|
245
246
|
/* Transform */
|
|
246
247
|
--ndw-rotate-half: rotate(180deg);
|
|
247
248
|
/* Modal */
|
|
@@ -629,6 +630,10 @@ button:not(:disabled) {
|
|
|
629
630
|
[ndwButton][tertiary] {
|
|
630
631
|
border-color: transparent;
|
|
631
632
|
}
|
|
633
|
+
[ndwButton][extra-small] {
|
|
634
|
+
height: var(--ndw-spacing-lg);
|
|
635
|
+
padding-inline: var(--ndw-spacing-2xs);
|
|
636
|
+
}
|
|
632
637
|
[ndwButton][large] {
|
|
633
638
|
height: var(--ndw-spacing-2xl);
|
|
634
639
|
padding-inline: var(--ndw-spacing-sm);
|
|
@@ -691,7 +696,7 @@ button:not(:disabled) {
|
|
|
691
696
|
line-height: var(--ndw-line-height-md);
|
|
692
697
|
outline: var(--ndw-border-size-sm) solid transparent;
|
|
693
698
|
outline-offset: calc(var(--ndw-border-size-sm) * -1);
|
|
694
|
-
padding: var(--ndw-spacing-sm);
|
|
699
|
+
padding-inline: var(--ndw-spacing-sm);
|
|
695
700
|
position: relative;
|
|
696
701
|
transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, outline-color 150ms ease-in-out;
|
|
697
702
|
}
|
|
@@ -709,10 +714,22 @@ button:not(:disabled) {
|
|
|
709
714
|
[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 {
|
|
710
715
|
display: none;
|
|
711
716
|
}
|
|
712
|
-
[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 {
|
|
717
|
+
[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 {
|
|
713
718
|
cursor: pointer;
|
|
714
719
|
opacity: 0;
|
|
715
720
|
}
|
|
721
|
+
[ndwInput][success] {
|
|
722
|
+
background-color: var(--ndw-color-positive-100);
|
|
723
|
+
border-color: var(--ndw-color-positive-500);
|
|
724
|
+
}
|
|
725
|
+
[ndwInput][success]:hover {
|
|
726
|
+
border-color: var(--ndw-color-grey-300);
|
|
727
|
+
}
|
|
728
|
+
[ndwInput][success]:active, [ndwInput][success]:focus, [ndwInput][success]:focus-visible {
|
|
729
|
+
background-color: var(--ndw-color-white);
|
|
730
|
+
border-color: transparent;
|
|
731
|
+
outline-color: var(--ndw-color-secondary-500);
|
|
732
|
+
}
|
|
716
733
|
[ndwInput][error] {
|
|
717
734
|
background-color: var(--ndw-color-critical-100);
|
|
718
735
|
border-color: var(--ndw-color-critical-500);
|
|
@@ -738,7 +755,6 @@ button:not(:disabled) {
|
|
|
738
755
|
select[ndwInput] {
|
|
739
756
|
appearance: none;
|
|
740
757
|
cursor: pointer;
|
|
741
|
-
padding-top: calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));
|
|
742
758
|
width: 100%;
|
|
743
759
|
text-overflow: ellipsis;
|
|
744
760
|
white-space: nowrap;
|
|
@@ -754,7 +770,7 @@ select[ndwInput] option:not([disabled]) {
|
|
|
754
770
|
|
|
755
771
|
textarea[ndwInput] {
|
|
756
772
|
min-height: 4rem;
|
|
757
|
-
padding-
|
|
773
|
+
padding-block: calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));
|
|
758
774
|
resize: vertical;
|
|
759
775
|
}
|
|
760
776
|
|
|
@@ -818,7 +834,7 @@ textarea[ndwInput] {
|
|
|
818
834
|
opacity: 1;
|
|
819
835
|
}
|
|
820
836
|
}
|
|
821
|
-
.cdk-overlay-pane.ndw-popover-panel
|
|
837
|
+
.cdk-overlay-pane.ndw-popover-panel {
|
|
822
838
|
animation: show var(--ndw-animation-speed-fast) ease-out;
|
|
823
839
|
background-color: var(--ndw-color-white);
|
|
824
840
|
border-radius: var(--ndw-border-radius-md);
|
|
@@ -838,7 +854,7 @@ textarea[ndwInput] {
|
|
|
838
854
|
position: relative;
|
|
839
855
|
width: 100%;
|
|
840
856
|
}
|
|
841
|
-
[ndwButton][menu]:hover {
|
|
857
|
+
[ndwButton][menu]:hover, [ndwButton][menu][active] {
|
|
842
858
|
background-color: var(--ndw-color-grey-600);
|
|
843
859
|
border-color: var(--ndw-color-grey-600);
|
|
844
860
|
color: var(--ndw-color-white);
|
|
@@ -848,35 +864,3 @@ textarea[ndwInput] {
|
|
|
848
864
|
border-color: transparent;
|
|
849
865
|
color: var(--ndw-color-white);
|
|
850
866
|
}
|
|
851
|
-
|
|
852
|
-
.toast-container {
|
|
853
|
-
color: var(--ndw-color-white);
|
|
854
|
-
background: var(--ndw-color-grey-700);
|
|
855
|
-
padding: 0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);
|
|
856
|
-
border-radius: var(--ndw-spacing-2xs);
|
|
857
|
-
gap: var(--ndw-spacing-xs);
|
|
858
|
-
display: grid;
|
|
859
|
-
grid-template-columns: 1fr auto;
|
|
860
|
-
align-items: center;
|
|
861
|
-
font-size: var(--ndw-font-size-sm);
|
|
862
|
-
height: var(--ndw-spacing-lg);
|
|
863
|
-
width: fit-content;
|
|
864
|
-
opacity: 1;
|
|
865
|
-
}
|
|
866
|
-
.toast-container .toast-content {
|
|
867
|
-
white-space: nowrap;
|
|
868
|
-
overflow: hidden;
|
|
869
|
-
text-overflow: ellipsis;
|
|
870
|
-
max-width: 100%;
|
|
871
|
-
display: inline-block;
|
|
872
|
-
}
|
|
873
|
-
.toast-container ndw-icon {
|
|
874
|
-
font-size: var(--ndw-font-size-lg);
|
|
875
|
-
justify-self: end;
|
|
876
|
-
cursor: pointer;
|
|
877
|
-
}
|
|
878
|
-
|
|
879
|
-
.toast-container.fade-out {
|
|
880
|
-
transition: opacity 200ms ease-in;
|
|
881
|
-
opacity: 0;
|
|
882
|
-
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Component, HostBinding, input, output } from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { ButtonDirective } from '../button';
|
|
3
|
+
import { IconComponent } from '../icon';
|
|
3
4
|
import { AlertType } from './alert.model';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export class AlertComponent {
|
|
@@ -37,11 +38,11 @@ export class AlertComponent {
|
|
|
37
38
|
this.close.emit();
|
|
38
39
|
}
|
|
39
40
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
-
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"] }] }); }
|
|
41
|
+
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"] }] }); }
|
|
41
42
|
}
|
|
42
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AlertComponent, decorators: [{
|
|
43
44
|
type: Component,
|
|
44
|
-
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"] }]
|
|
45
|
+
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"] }]
|
|
45
46
|
}], propDecorators: { alertTypeClass: [{
|
|
46
47
|
type: HostBinding,
|
|
47
48
|
args: ['class']
|
|
@@ -55,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
55
56
|
type: HostBinding,
|
|
56
57
|
args: ['attr.aria-live']
|
|
57
58
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDNUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFZLE1BQU0sZUFBZSxDQUFDOztBQVNwRCxNQUFNLE9BQU8sY0FBYztJQVAzQjtRQVFFOztXQUVHO1FBQ0ksZUFBVSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVqQzs7V0FFRztRQUNJLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUUvQjs7V0FFRztRQUNJLFNBQUksR0FBRyxLQUFLLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRXhDOzs7V0FHRztRQUNJLGFBQVEsR0FBRyxLQUFLLENBQVcsS0FBSyxDQUFDLENBQUM7UUFFbEMsVUFBSyxHQUFHLE1BQU0sRUFBUSxDQUFDO1FBYWQsU0FBSSxHQUFHLE9BQU8sQ0FBQztLQVVoQztJQXJCQyxJQUNXLGNBQWM7UUFDdkIsT0FBTyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELElBQ1csZUFBZTtRQUN4QixPQUFPLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBS0QsSUFDVyxpQkFBaUI7UUFDMUIsT0FBTyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVNLE9BQU87UUFDWixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3BCLENBQUM7OEdBNUNVLGNBQWM7a0dBQWQsY0FBYywwd0JDYjNCLHFhQXFCQSw2dm9CRFpZLGVBQWUsd0RBQUUsYUFBYTs7MkZBSTdCLGNBQWM7a0JBUDFCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLGVBQWUsRUFBRSxhQUFhLENBQUM7OEJBNkI5QixjQUFjO3NCQUR4QixXQUFXO3VCQUFDLE9BQU87Z0JBTVQsZUFBZTtzQkFEekIsV0FBVzt1QkFBQyxrQkFBa0I7Z0JBTWYsSUFBSTtzQkFEbkIsV0FBVzt1QkFBQyxNQUFNO2dCQUlSLGlCQUFpQjtzQkFEM0IsV0FBVzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBpbnB1dCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEJ1dHRvbkRpcmVjdGl2ZSB9IGZyb20gJy4uL2J1dHRvbic7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbic7XG5pbXBvcnQgeyBBbGVydFR5cGUsIEFyaWFMaXZlIH0gZnJvbSAnLi9hbGVydC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25kdy1hbGVydCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtCdXR0b25EaXJlY3RpdmUsIEljb25Db21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYWxlcnQuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBBbGVydENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBhbGVydCBpcyBhY3Rpb25hYmxlLCBzaG93cyBhIGNsb3NlIGljb24gYW5kIGEgdGl0bGUuXG4gICAqL1xuICBwdWJsaWMgYWN0aW9uYWJsZSA9IGlucHV0KGZhbHNlKTtcblxuICAvKipcbiAgICogVGhlIHRpdGxlIG9mIHRoZSBhbGVydC4gT25seSB1c2VkIHdoZW4gYWN0aW9uYWJsZSBpcyB0cnVlLlxuICAgKi9cbiAgcHVibGljIHRpdGxlID0gaW5wdXQ8c3RyaW5nPigpO1xuXG4gIC8qKlxuICAgKiBVc2UgaW5mbywgaW5mby1ncmV5LCB3YXJuaW5nIG9yIGNyaXRpY2FsIHRvIGluZGljYXRlIHRoZSB0eXBlIG9mIGFsZXJ0LlxuICAgKi9cbiAgcHVibGljIHR5cGUgPSBpbnB1dChBbGVydFR5cGUuSW5mb0dyZXkpO1xuXG4gIC8qKlxuICAgKiBVc2UgcG9saXRlLCBhc3NlcnRpdmUgb3Igb2ZmIHRvIGluZGljYXRlIHdoZXRoZXIgdGhlIGFsZXJ0IGlzXG4gICAqIGFubm91bmNlZCBhdXRvbWF0aWNhbGx5IGJ5IHRoZSBzY3JlZW4gcmVhZGVyLlxuICAgKi9cbiAgcHVibGljIGFyaWFMaXZlID0gaW5wdXQ8QXJpYUxpdmU+KCdvZmYnKTtcblxuICBwdWJsaWMgY2xvc2UgPSBvdXRwdXQ8dm9pZD4oKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHVibGljIGdldCBhbGVydFR5cGVDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLnR5cGUoKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuYWN0aW9uYWJsZScpXG4gIHB1YmxpYyBnZXQgYWN0aW9uYWJsZUNsYXNzKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmFjdGlvbmFibGUoKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygncm9sZScpXG4gIHB1YmxpYyByZWFkb25seSByb2xlID0gJ2FsZXJ0JztcblxuICBASG9zdEJpbmRpbmcoJ2F0dHIuYXJpYS1saXZlJylcbiAgcHVibGljIGdldCBhcmlhTGl2ZUF0dHJpYnV0ZSgpOiBBcmlhTGl2ZSB7XG4gICAgcmV0dXJuIHRoaXMuYXJpYUxpdmUoKTtcbiAgfVxuXG4gIHB1YmxpYyBvbkNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuY2xvc2UuZW1pdCgpO1xuICB9XG59XG4iLCI8c2VjdGlvbj5cbiAgPG5kdy1pY29uIGNsYXNzPVwiaW5mby1pY29uXCI+aW5mbzwvbmR3LWljb24+XG4gIEBpZiAoYWN0aW9uYWJsZSgpKSB7XG4gICAgQGlmICh0aXRsZSgpOyBhcyB0aXRsZSkge1xuICAgICAgPGgyPnt7IHRpdGxlIH19PC9oMj5cbiAgICB9XG5cbiAgICA8YnV0dG9uXG4gICAgICBuZHdCdXR0b25cbiAgICAgIGFsdGVybmF0aXZlXG4gICAgICBleHRyYS1zbWFsbFxuICAgICAgdGVydGlhcnlcbiAgICAgIGNsYXNzPVwiY2xvc2UtYnV0dG9uXCJcbiAgICAgIGFyaWFMYWJlbD1cIlNsdWl0IG1lbGRpbmdcIlxuICAgICAgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiXG4gICAgPlxuICAgICAgPG5kdy1pY29uPmNsb3NlPC9uZHctaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgfVxuPC9zZWN0aW9uPlxuPG5nLWNvbnRlbnQgLz5cbiJdfQ==
|
|
@@ -12,10 +12,10 @@ export class BadgeComponent {
|
|
|
12
12
|
this.ariaLabel = input();
|
|
13
13
|
}
|
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
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"] }); }
|
|
15
|
+
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"] }); }
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
|
-
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"] }]
|
|
19
|
+
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"] }]
|
|
20
20
|
}] });
|
|
21
21
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTakQsTUFBTSxPQUFPLGNBQWM7SUFQM0I7UUFRRTs7V0FFRztRQUNJLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUUvQjs7V0FFRztRQUNJLGNBQVMsR0FBRyxLQUFLLEVBQVUsQ0FBQztLQUNwQzs4R0FWWSxjQUFjO2tHQUFkLGNBQWMsNlVDVDNCLGtRQWFBOzsyRkRKYSxjQUFjO2tCQVAxQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmR3LWJhZGdlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIEJhZGdlQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFRoZSB2YWx1ZSBvZiB0aGUgYmFkZ2VcbiAgICovXG4gIHB1YmxpYyB2YWx1ZSA9IGlucHV0PG51bWJlcj4oKTtcblxuICAvKipcbiAgICogVGhlIGFyaWEgbGFiZWwsIHVzZWQgYnkgc2NyZWVuIHJlYWRlcnMgdG8gZ2l2ZSBjb250ZXh0LlxuICAgKi9cbiAgcHVibGljIGFyaWFMYWJlbCA9IGlucHV0PHN0cmluZz4oKTtcbn1cbiIsIkBpZiAodmFsdWUoKTsgYXMgdmFsdWUpIHtcbiAgQGlmICh2YWx1ZSA9PT0gMCB8fCB2YWx1ZSA8IC05IHx8IHZhbHVlID4gOTkpIHtcbiAgICA8c3BhbiBjbGFzcz1cImRvdFwiPjwvc3Bhbj5cbiAgfSBAZWxzZSB7XG4gICAge3sgdmFsdWUgfX1cbiAgfVxufSBAZWxzZSB7XG4gIHt7IHZhbHVlKCkgfX1cbn1cblxuQGlmIChhcmlhTGFiZWwoKSkge1xuICA8c3BhbiBjbGFzcz1cInNyLW9ubHlcIj4ge3sgYXJpYUxhYmVsKCkgfX08L3NwYW4+XG59XG4iXX0=
|