@ndwnu/design-system 5.1.0 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/alert/alert.model.d.ts +1 -6
- package/components/banner/banner.model.d.ts +1 -4
- package/components/card/card-header/card-header.component.d.ts +7 -1
- package/components/card/card.animation.d.ts +1 -0
- package/components/card/card.component.d.ts +15 -2
- package/components/dropdown/dropdown.component.d.ts +1 -1
- package/components/form-field/autosuggest/autosuggest-add-option/autosuggest-add-option.component.d.ts +3 -3
- package/components/form-field/autosuggest/autosuggest-option/autosuggest-option.component.d.ts +7 -7
- package/components/form-field/autosuggest/autosuggest-option/autosuggest-option.model.d.ts +5 -2
- package/components/form-field/autosuggest/autosuggest-option/base-autosuggest-option.component.d.ts +5 -6
- package/components/form-field/autosuggest/autosuggest-panel/autosuggest-panel.component.d.ts +12 -14
- package/components/form-field/autosuggest/autosuggest.directive.d.ts +7 -8
- package/components/form-field/clear-search-button/clear-search-button.component.d.ts +2 -1
- package/components/form-field/form-field.component.d.ts +2 -1
- package/components/form-field/input/input.model.d.ts +1 -11
- package/components/form-field/textarea/auto-grow.directive.d.ts +6 -3
- package/components/form-field/textarea/index.d.ts +1 -0
- package/components/form-field/textarea/max-char.directive.d.ts +15 -0
- package/components/icon/action-icon/action-icon.component.d.ts +2 -2
- package/components/main-navigation/main-navigation.model.d.ts +1 -4
- package/components/modal/modal.component.d.ts +1 -2
- package/components/multi-select/multi-select.component.d.ts +3 -3
- package/components/pill/pill.model.d.ts +1 -8
- package/components/router-breadcrumbs/router-breadcrumbs.component.d.ts +2 -2
- package/components/summary-card/summary-card-actions/summary-card-actions.component.d.ts +1 -1
- package/components/tag/tag.component.d.ts +2 -2
- package/core/style/styles.css +32 -12
- package/core/style/styles.scss +32 -12
- package/fesm2022/ndwnu-design-system.mjs +492 -380
- package/fesm2022/ndwnu-design-system.mjs.map +1 -1
- package/package.json +5 -7
- package/esm2022/components/accordion/accordion.component.mjs +0 -32
- package/esm2022/components/accordion/accordion.service.mjs +0 -17
- package/esm2022/components/accordion/index.mjs +0 -3
- package/esm2022/components/alert/alert.component.mjs +0 -42
- package/esm2022/components/alert/alert.model.mjs +0 -8
- package/esm2022/components/alert/index.mjs +0 -3
- package/esm2022/components/badge/badge.component.mjs +0 -21
- package/esm2022/components/badge/index.mjs +0 -2
- package/esm2022/components/banner/banner.component.mjs +0 -61
- package/esm2022/components/banner/banner.model.mjs +0 -6
- package/esm2022/components/banner/index.mjs +0 -3
- package/esm2022/components/breadcrumb/breadcrumb.component.mjs +0 -15
- package/esm2022/components/breadcrumb/index.mjs +0 -2
- package/esm2022/components/breadcrumb-group/breadcrumb-group.component.mjs +0 -21
- package/esm2022/components/breadcrumb-group/index.mjs +0 -2
- package/esm2022/components/button/button.directive.mjs +0 -37
- package/esm2022/components/button/index.mjs +0 -2
- package/esm2022/components/card/card-content/card-content.component.mjs +0 -11
- package/esm2022/components/card/card-content/index.mjs +0 -2
- package/esm2022/components/card/card-footer/card-footer.component.mjs +0 -11
- package/esm2022/components/card/card-footer/index.mjs +0 -2
- package/esm2022/components/card/card-header/card-header.component.mjs +0 -11
- package/esm2022/components/card/card-header/index.mjs +0 -2
- package/esm2022/components/card/card.component.mjs +0 -11
- package/esm2022/components/card/index.mjs +0 -15
- package/esm2022/components/collapsible/collapsible.animation.mjs +0 -26
- package/esm2022/components/collapsible/collapsible.component.mjs +0 -34
- package/esm2022/components/collapsible/index.mjs +0 -2
- package/esm2022/components/dashboard-card/dashboard-card.component.mjs +0 -32
- package/esm2022/components/dashboard-card/index.mjs +0 -2
- package/esm2022/components/dropdown/dropdown.component.mjs +0 -57
- package/esm2022/components/dropdown/index.mjs +0 -2
- package/esm2022/components/form-field/autosuggest/autosuggest-add-option/autosuggest-add-option.component.mjs +0 -29
- package/esm2022/components/form-field/autosuggest/autosuggest-add-option/index.mjs +0 -2
- package/esm2022/components/form-field/autosuggest/autosuggest-option/autosuggest-option.component.mjs +0 -45
- package/esm2022/components/form-field/autosuggest/autosuggest-option/autosuggest-option.model.mjs +0 -2
- package/esm2022/components/form-field/autosuggest/autosuggest-option/base-autosuggest-option.component.mjs +0 -85
- package/esm2022/components/form-field/autosuggest/autosuggest-option/index.mjs +0 -3
- package/esm2022/components/form-field/autosuggest/autosuggest-panel/autosuggest-panel.component.mjs +0 -82
- package/esm2022/components/form-field/autosuggest/autosuggest.directive.mjs +0 -411
- package/esm2022/components/form-field/autosuggest/index.mjs +0 -6
- package/esm2022/components/form-field/autosuggest/match-bold.pipe.mjs +0 -21
- package/esm2022/components/form-field/checkbox/checkbox.component.mjs +0 -62
- package/esm2022/components/form-field/checkbox/index.mjs +0 -2
- package/esm2022/components/form-field/checkbox-group/checkbox-group.component.mjs +0 -15
- package/esm2022/components/form-field/checkbox-group/index.mjs +0 -2
- package/esm2022/components/form-field/clear-search-button/clear-search-button.component.mjs +0 -37
- package/esm2022/components/form-field/error/error.component.mjs +0 -12
- package/esm2022/components/form-field/error/index.mjs +0 -2
- package/esm2022/components/form-field/file-upload/file-upload-text.interface.mjs +0 -2
- package/esm2022/components/form-field/file-upload/file-upload.component.mjs +0 -172
- package/esm2022/components/form-field/file-upload/index.mjs +0 -3
- package/esm2022/components/form-field/form-field.component.mjs +0 -81
- package/esm2022/components/form-field/form-field.constant.mjs +0 -2
- package/esm2022/components/form-field/form-field.model.mjs +0 -8
- package/esm2022/components/form-field/index.mjs +0 -17
- package/esm2022/components/form-field/info/index.mjs +0 -2
- package/esm2022/components/form-field/info/info.component.mjs +0 -11
- package/esm2022/components/form-field/input/index.mjs +0 -3
- package/esm2022/components/form-field/input/input.directive.mjs +0 -68
- package/esm2022/components/form-field/input/input.model.mjs +0 -13
- package/esm2022/components/form-field/input-button/index.mjs +0 -2
- package/esm2022/components/form-field/input-button/input-button.component.mjs +0 -23
- package/esm2022/components/form-field/input-icon/index.mjs +0 -2
- package/esm2022/components/form-field/input-icon/input-icon.component.mjs +0 -12
- package/esm2022/components/form-field/month-input/index.mjs +0 -2
- package/esm2022/components/form-field/month-input/month-input-utils.mjs +0 -13
- package/esm2022/components/form-field/month-input/month-input.component.mjs +0 -154
- package/esm2022/components/form-field/option-group/index.mjs +0 -4
- package/esm2022/components/form-field/option-group/option-group.component.mjs +0 -64
- package/esm2022/components/form-field/option-group/option-group.model.mjs +0 -2
- package/esm2022/components/form-field/option-group/option.component.mjs +0 -22
- package/esm2022/components/form-field/picker-button/picker-button.component.mjs +0 -50
- package/esm2022/components/form-field/radio-button/index.mjs +0 -2
- package/esm2022/components/form-field/radio-button/radio-button.component.mjs +0 -63
- package/esm2022/components/form-field/radio-group/index.mjs +0 -2
- package/esm2022/components/form-field/radio-group/radio-group.component.mjs +0 -70
- package/esm2022/components/form-field/success/index.mjs +0 -2
- package/esm2022/components/form-field/success/success.component.mjs +0 -12
- package/esm2022/components/form-field/textarea/auto-grow.directive.mjs +0 -45
- package/esm2022/components/form-field/textarea/index.mjs +0 -2
- package/esm2022/components/icon/action-icon/action-icon.component.mjs +0 -40
- package/esm2022/components/icon/action-icon/index.mjs +0 -2
- package/esm2022/components/icon/icon.component.mjs +0 -36
- package/esm2022/components/icon/index.mjs +0 -3
- package/esm2022/components/index.mjs +0 -29
- package/esm2022/components/layout/index.mjs +0 -2
- package/esm2022/components/layout/layout.component.mjs +0 -23
- package/esm2022/components/layout-banners/index.mjs +0 -2
- package/esm2022/components/layout-banners/layout-banners.component.mjs +0 -11
- package/esm2022/components/loader/index.mjs +0 -2
- package/esm2022/components/loader/loader.component.mjs +0 -11
- package/esm2022/components/main-navigation/index.mjs +0 -3
- package/esm2022/components/main-navigation/main-navigation.component.mjs +0 -165
- package/esm2022/components/main-navigation/main-navigation.imports.mjs +0 -20
- package/esm2022/components/main-navigation/main-navigation.model.mjs +0 -6
- package/esm2022/components/main-navigation-menu/index.mjs +0 -2
- package/esm2022/components/main-navigation-menu/main-navigation-menu.component.mjs +0 -20
- package/esm2022/components/modal/index.mjs +0 -16
- package/esm2022/components/modal/modal-content/index.mjs +0 -2
- package/esm2022/components/modal/modal-content/modal-content.component.mjs +0 -11
- package/esm2022/components/modal/modal-footer/index.mjs +0 -2
- package/esm2022/components/modal/modal-footer/modal-footer.component.mjs +0 -11
- package/esm2022/components/modal/modal-header/index.mjs +0 -2
- package/esm2022/components/modal/modal-header/modal-header.component.mjs +0 -18
- package/esm2022/components/modal/modal-ref.mjs +0 -4
- package/esm2022/components/modal/modal.component.mjs +0 -19
- package/esm2022/components/modal/modal.service.mjs +0 -31
- package/esm2022/components/multi-select/checkbox-data.interface.mjs +0 -2
- package/esm2022/components/multi-select/index.mjs +0 -4
- package/esm2022/components/multi-select/multi-select.component.mjs +0 -76
- package/esm2022/components/multi-select/select-all-text.interface.mjs +0 -2
- package/esm2022/components/pill/index.mjs +0 -3
- package/esm2022/components/pill/pill.component.mjs +0 -26
- package/esm2022/components/pill/pill.model.mjs +0 -10
- package/esm2022/components/popover/index.mjs +0 -2
- package/esm2022/components/popover/popover-trigger.directive.mjs +0 -182
- package/esm2022/components/router-breadcrumbs/index.mjs +0 -2
- package/esm2022/components/router-breadcrumbs/router-breadcrumbs.component.mjs +0 -37
- package/esm2022/components/summary-card/index.mjs +0 -11
- package/esm2022/components/summary-card/summary-card-action/summary-card-action.component.mjs +0 -23
- package/esm2022/components/summary-card/summary-card-actions/summary-card-actions.component.mjs +0 -26
- package/esm2022/components/summary-card/summary-card-avatar/summary-card-avatar.component.mjs +0 -25
- package/esm2022/components/summary-card/summary-card-content/summary-card-content.component.mjs +0 -19
- package/esm2022/components/summary-card/summary-card-header/summary-card-header.component.mjs +0 -13
- package/esm2022/components/summary-card/summary-card-subtitle/summary-card-subtitle.component.mjs +0 -11
- package/esm2022/components/summary-card/summary-card-tag/summary-card-tag.component.mjs +0 -20
- package/esm2022/components/summary-card/summary-card-tags/summary-card-tags.component.mjs +0 -20
- package/esm2022/components/summary-card/summary-card.component.mjs +0 -14
- package/esm2022/components/summary-card/summary-card.model.mjs +0 -2
- package/esm2022/components/tab/index.mjs +0 -2
- package/esm2022/components/tab/tab.component.mjs +0 -32
- package/esm2022/components/tab-group/index.mjs +0 -2
- package/esm2022/components/tab-group/tab-group.component.mjs +0 -34
- package/esm2022/components/tag/index.mjs +0 -2
- package/esm2022/components/tag/tag.component.mjs +0 -29
- package/esm2022/components/toast/index.mjs +0 -3
- package/esm2022/components/toast/toast.component.mjs +0 -77
- package/esm2022/components/toast/toast.service.mjs +0 -43
- package/esm2022/components/tooltip/index.mjs +0 -3
- package/esm2022/components/tooltip/tooltip.component.mjs +0 -16
- package/esm2022/components/tooltip/tooltip.directive.mjs +0 -89
- package/esm2022/models/aria.model.mjs +0 -2
- package/esm2022/models/index.mjs +0 -2
- package/esm2022/ndwnu-design-system.mjs +0 -5
- package/esm2022/public-api.mjs +0 -5
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, Component, ChangeDetectionStrategy, inject, ElementRef, Renderer2, HostBinding, output, model, computed, Injectable, contentChildren, DestroyRef, Directive, viewChild, EventEmitter, ViewContainerRef, Output,
|
|
2
|
+
import { input, Component, ChangeDetectionStrategy, inject, ElementRef, Renderer2, HostBinding, output, model, computed, Injectable, contentChildren, DestroyRef, Directive, viewChild, InjectionToken, contentChild, signal, EventEmitter, ViewContainerRef, Output, Pipe, ChangeDetectorRef, NgZone, forwardRef, TemplateRef, ViewChildren, PLATFORM_ID, effect, viewChildren } from '@angular/core';
|
|
3
3
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
4
4
|
import * as i5 from '@angular/common';
|
|
5
5
|
import { DOCUMENT, NgTemplateOutlet, NgClass, isPlatformBrowser, AsyncPipe } from '@angular/common';
|
|
6
6
|
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
7
|
-
import { Subject, take, defer, merge, switchMap, filter, of, map, fromEvent, delay } from 'rxjs';
|
|
7
|
+
import { Subject, take, defer, merge, switchMap, filter, of, map, fromEvent, delay, startWith } from 'rxjs';
|
|
8
8
|
import * as i7 from '@angular/router';
|
|
9
9
|
import { RouterLink, ActivatedRoute, Router, NavigationEnd } from '@angular/router';
|
|
10
10
|
import { ConfigurableFocusTrapFactory, ActiveDescendantKeyManager, AriaDescriber } from '@angular/cdk/a11y';
|
|
@@ -29,12 +29,12 @@ class BadgeComponent {
|
|
|
29
29
|
*/
|
|
30
30
|
this.ariaLabel = input();
|
|
31
31
|
}
|
|
32
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
33
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", 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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;padding-inline:var(--ndw-spacing-xs);gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;justify-items:right}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}: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"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", 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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.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,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>select[ndwInput]){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput]):has(>ndw-input-icon){padding-inline:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has(>ndw-picker-button){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]:is(textarea){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}.input-container:has(>[ndwInput]):has(textarea){padding-inline:0}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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));padding-inline:var(--ndw-spacing-sm);line-height:normal;white-space:pre-wrap;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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;display:flex;justify-content:flex-end}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}: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"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-badge', standalone: true, 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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;padding-inline:var(--ndw-spacing-xs);gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;justify-items:right}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}: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"] }]
|
|
37
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-badge', 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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.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,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>select[ndwInput]){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput]):has(>ndw-input-icon){padding-inline:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has(>ndw-picker-button){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]:is(textarea){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}.input-container:has(>[ndwInput]):has(textarea){padding-inline:0}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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));padding-inline:var(--ndw-spacing-sm);line-height:normal;white-space:pre-wrap;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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;display:flex;justify-content:flex-end}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}: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"] }]
|
|
38
38
|
}] });
|
|
39
39
|
|
|
40
40
|
class IconComponent {
|
|
@@ -56,15 +56,15 @@ class IconComponent {
|
|
|
56
56
|
this.renderer.setStyle(nativeElement, 'width', height + paddingInline);
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
60
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
59
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
60
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: IconComponent, isStandalone: true, selector: "ndw-icon", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "class": "this.hostClass" }, classAttribute: "material-symbols-rounded" }, ngImport: i0, template: "<ng-content />\n", styles: [":host{display:inline-block;font-size:var(--ndw-spacing-lg);position:relative;-webkit-user-select:none;user-select:none}:host.icon--sm{font-size:var(--ndw-spacing-md)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
61
61
|
}
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: IconComponent, decorators: [{
|
|
63
63
|
type: Component,
|
|
64
64
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
65
65
|
'aria-hidden': 'true',
|
|
66
66
|
class: 'material-symbols-rounded',
|
|
67
|
-
}, selector: 'ndw-icon',
|
|
67
|
+
}, selector: 'ndw-icon', template: "<ng-content />\n", styles: [":host{display:inline-block;font-size:var(--ndw-spacing-lg);position:relative;-webkit-user-select:none;user-select:none}:host.icon--sm{font-size:var(--ndw-spacing-md)}\n"] }]
|
|
68
68
|
}], propDecorators: { hostClass: [{
|
|
69
69
|
type: HostBinding,
|
|
70
70
|
args: ['class']
|
|
@@ -97,14 +97,14 @@ class ActionIconComponent {
|
|
|
97
97
|
/**
|
|
98
98
|
* Event emitted when the button is clicked.
|
|
99
99
|
*/
|
|
100
|
-
this.
|
|
100
|
+
this.clicked = output();
|
|
101
101
|
}
|
|
102
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
103
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
102
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ActionIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
103
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: ActionIconComponent, isStandalone: true, selector: "ndw-action-icon", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, buttonType: { classPropertyName: "buttonType", publicName: "buttonType", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n class=\"ndw-action-icon ndw-action-icon--{{ variant() }}\"\n [type]=\"buttonType()\"\n [attr.aria-label]=\"ariaLabel()\"\n [disabled]=\"disabled()\"\n (click)=\"clicked.emit()\"\n>\n <ndw-icon [size]=\"size()\"><ng-content /></ndw-icon>\n</button>\n", styles: [":host{display:inline-block}.ndw-action-icon{position:relative;box-sizing:border-box;display:inline-block;padding:0;border:0;border-radius:var(--ndw-border-radius-md);background-color:transparent;transition:background-color .15s ease-in-out}.ndw-action-icon--primary{color:var(--ndw-color-primary)}.ndw-action-icon--link{color:var(--ndw-color-link-400)}.ndw-action-icon--grey{color:var(--ndw-color-grey-400)}.ndw-action-icon--white{color:var(--ndw-color-white)}.ndw-action-icon:disabled{opacity:.5;pointer-events:none}.ndw-action-icon:not(:disabled):hover{background-color:var(--ndw-alpha-black-007)}.ndw-action-icon:not(:disabled):active,.ndw-action-icon:not(:disabled):focus,.ndw-action-icon:not(:disabled):focus-visible{background-color:var(--ndw-alpha-black-015)}.ndw-action-icon:not(:disabled):focus-visible{outline-color:var(--ndw-color-secondary-500)}.ndw-action-icon ndw-icon{padding:var(--ndw-spacing-2xs);vertical-align:middle}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
104
104
|
}
|
|
105
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ActionIconComponent, decorators: [{
|
|
106
106
|
type: Component,
|
|
107
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], selector: 'ndw-action-icon',
|
|
107
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], selector: 'ndw-action-icon', template: "<button\n class=\"ndw-action-icon ndw-action-icon--{{ variant() }}\"\n [type]=\"buttonType()\"\n [attr.aria-label]=\"ariaLabel()\"\n [disabled]=\"disabled()\"\n (click)=\"clicked.emit()\"\n>\n <ndw-icon [size]=\"size()\"><ng-content /></ndw-icon>\n</button>\n", styles: [":host{display:inline-block}.ndw-action-icon{position:relative;box-sizing:border-box;display:inline-block;padding:0;border:0;border-radius:var(--ndw-border-radius-md);background-color:transparent;transition:background-color .15s ease-in-out}.ndw-action-icon--primary{color:var(--ndw-color-primary)}.ndw-action-icon--link{color:var(--ndw-color-link-400)}.ndw-action-icon--grey{color:var(--ndw-color-grey-400)}.ndw-action-icon--white{color:var(--ndw-color-white)}.ndw-action-icon:disabled{opacity:.5;pointer-events:none}.ndw-action-icon:not(:disabled):hover{background-color:var(--ndw-alpha-black-007)}.ndw-action-icon:not(:disabled):active,.ndw-action-icon:not(:disabled):focus,.ndw-action-icon:not(:disabled):focus-visible{background-color:var(--ndw-alpha-black-015)}.ndw-action-icon:not(:disabled):focus-visible{outline-color:var(--ndw-color-secondary-500)}.ndw-action-icon ndw-icon{padding:var(--ndw-spacing-2xs);vertical-align:middle}\n"] }]
|
|
108
108
|
}] });
|
|
109
109
|
|
|
110
110
|
const collapsibleAnimation = [
|
|
@@ -150,14 +150,14 @@ class CollapsibleComponent {
|
|
|
150
150
|
this.accordionService.setExpandedCollapsible(this.index());
|
|
151
151
|
}
|
|
152
152
|
}
|
|
153
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
154
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
153
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
154
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: CollapsibleComponent, isStandalone: true, selector: "ndw-collapsible", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { properties: { "class.expanded": "expanded()" } }, ngImport: i0, template: "<div class=\"collapsible\">\n <h3 class=\"collapsible__header\">\n <button\n class=\"collapsible__button\"\n type=\"button\"\n [id]=\"toggleUuid\"\n [attr.aria-controls]=\"sectionUuid\"\n [attr.aria-expanded]=\"expanded()\"\n (click)=\"toggle()\"\n >\n {{ title() }}\n\n @if (value(); as value) {\n <ndw-badge [value]=\"value\" />\n }\n\n <ndw-icon>keyboard_arrow_down</ndw-icon>\n </button>\n </h3>\n\n <section\n role=\"region\"\n class=\"collapsible__section\"\n [id]=\"sectionUuid\"\n [attr.aria-labelledby]=\"toggleUuid\"\n [@collapsible]=\"animationState()\"\n >\n <ng-content />\n </section>\n</div>\n", styles: [".collapsible{display:block;border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}.collapsible__header{margin:0}.collapsible__button{overflow:hidden;display:flex;gap:var(--ndw-spacing-xs);justify-content:space-between;align-items:center;padding:0;width:100%;padding-block:var(--ndw-spacing-md);border:none;font-size:var(--ndw-font-size-sm);font-family:var(--ndw-font-family-body);font-weight:var(--ndw-font-weight-bold);word-break:break-word;cursor:pointer;background-color:transparent;transition:color var(--ndw-animation-speed-fast) ease-in-out}.collapsible__button:hover{color:var(--ndw-color-primary)}.collapsible__button:focus-visible{box-shadow:var(--ndw-elevation-info);outline:none;color:var(--ndw-color-primary)}.collapsible__button ndw-icon{margin-left:auto;color:var(--ndw-color-primary);transition:transform var(--ndw-animation-speed-fast) ease-in-out;font-size:var(--ndw-spacing-lg)}.collapsible__section{display:none;height:fit-content;margin-block:0;overflow:hidden;transition:height var(--ndw-animation-speed-fast) ease-in-out}:host(.expanded) .collapsible__header ndw-icon{transform:rotate(-180deg)}:host(.expanded) .collapsible__section{display:block;margin-block:var(--ndw-spacing-sm) var(--ndw-spacing-md)}\n"], dependencies: [{ kind: "component", type: BadgeComponent, selector: "ndw-badge", inputs: ["value", "ariaLabel"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }], animations: [collapsibleAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
155
155
|
}
|
|
156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CollapsibleComponent, decorators: [{
|
|
157
157
|
type: Component,
|
|
158
158
|
args: [{ animations: [collapsibleAnimation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
159
159
|
'[class.expanded]': 'expanded()',
|
|
160
|
-
}, imports: [BadgeComponent, IconComponent], selector: 'ndw-collapsible',
|
|
160
|
+
}, imports: [BadgeComponent, IconComponent], selector: 'ndw-collapsible', template: "<div class=\"collapsible\">\n <h3 class=\"collapsible__header\">\n <button\n class=\"collapsible__button\"\n type=\"button\"\n [id]=\"toggleUuid\"\n [attr.aria-controls]=\"sectionUuid\"\n [attr.aria-expanded]=\"expanded()\"\n (click)=\"toggle()\"\n >\n {{ title() }}\n\n @if (value(); as value) {\n <ndw-badge [value]=\"value\" />\n }\n\n <ndw-icon>keyboard_arrow_down</ndw-icon>\n </button>\n </h3>\n\n <section\n role=\"region\"\n class=\"collapsible__section\"\n [id]=\"sectionUuid\"\n [attr.aria-labelledby]=\"toggleUuid\"\n [@collapsible]=\"animationState()\"\n >\n <ng-content />\n </section>\n</div>\n", styles: [".collapsible{display:block;border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}.collapsible__header{margin:0}.collapsible__button{overflow:hidden;display:flex;gap:var(--ndw-spacing-xs);justify-content:space-between;align-items:center;padding:0;width:100%;padding-block:var(--ndw-spacing-md);border:none;font-size:var(--ndw-font-size-sm);font-family:var(--ndw-font-family-body);font-weight:var(--ndw-font-weight-bold);word-break:break-word;cursor:pointer;background-color:transparent;transition:color var(--ndw-animation-speed-fast) ease-in-out}.collapsible__button:hover{color:var(--ndw-color-primary)}.collapsible__button:focus-visible{box-shadow:var(--ndw-elevation-info);outline:none;color:var(--ndw-color-primary)}.collapsible__button ndw-icon{margin-left:auto;color:var(--ndw-color-primary);transition:transform var(--ndw-animation-speed-fast) ease-in-out;font-size:var(--ndw-spacing-lg)}.collapsible__section{display:none;height:fit-content;margin-block:0;overflow:hidden;transition:height var(--ndw-animation-speed-fast) ease-in-out}:host(.expanded) .collapsible__header ndw-icon{transform:rotate(-180deg)}:host(.expanded) .collapsible__section{display:block;margin-block:var(--ndw-spacing-sm) var(--ndw-spacing-md)}\n"] }]
|
|
161
161
|
}] });
|
|
162
162
|
|
|
163
163
|
class AccordionService {
|
|
@@ -167,10 +167,10 @@ class AccordionService {
|
|
|
167
167
|
setExpandedCollapsible(index) {
|
|
168
168
|
this.expanded$.next(index);
|
|
169
169
|
}
|
|
170
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
171
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
170
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AccordionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
171
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AccordionService }); }
|
|
172
172
|
}
|
|
173
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AccordionService, decorators: [{
|
|
174
174
|
type: Injectable
|
|
175
175
|
}] });
|
|
176
176
|
|
|
@@ -193,12 +193,12 @@ class AccordionComponent {
|
|
|
193
193
|
});
|
|
194
194
|
});
|
|
195
195
|
}
|
|
196
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
197
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
196
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
197
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.1", type: AccordionComponent, isStandalone: true, selector: "ndw-accordion", inputs: { collapseOthers: { classPropertyName: "collapseOthers", publicName: "collapseOthers", isSignal: true, isRequired: false, transformFunction: null } }, providers: [AccordionService], queries: [{ propertyName: "collapsibles", predicate: CollapsibleComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
198
198
|
}
|
|
199
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AccordionComponent, decorators: [{
|
|
200
200
|
type: Component,
|
|
201
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, providers: [AccordionService], selector: 'ndw-accordion',
|
|
201
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, providers: [AccordionService], selector: 'ndw-accordion', template: "<ng-content />\n" }]
|
|
202
202
|
}] });
|
|
203
203
|
|
|
204
204
|
class ButtonDirective {
|
|
@@ -225,25 +225,16 @@ class ButtonDirective {
|
|
|
225
225
|
}
|
|
226
226
|
});
|
|
227
227
|
}
|
|
228
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
229
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
228
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
229
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.1", type: ButtonDirective, isStandalone: true, selector: "[ndwButton]", ngImport: i0 }); }
|
|
230
230
|
}
|
|
231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ButtonDirective, decorators: [{
|
|
232
232
|
type: Directive,
|
|
233
233
|
args: [{
|
|
234
234
|
selector: '[ndwButton]',
|
|
235
|
-
standalone: true,
|
|
236
235
|
}]
|
|
237
236
|
}] });
|
|
238
237
|
|
|
239
|
-
var AlertType;
|
|
240
|
-
(function (AlertType) {
|
|
241
|
-
AlertType["Negative"] = "critical";
|
|
242
|
-
AlertType["Info"] = "info";
|
|
243
|
-
AlertType["InfoGrey"] = "info-grey";
|
|
244
|
-
AlertType["Warning"] = "warning";
|
|
245
|
-
})(AlertType || (AlertType = {}));
|
|
246
|
-
|
|
247
238
|
class AlertComponent {
|
|
248
239
|
constructor() {
|
|
249
240
|
/**
|
|
@@ -257,7 +248,7 @@ class AlertComponent {
|
|
|
257
248
|
/**
|
|
258
249
|
* Use info, info-grey, warning or critical to indicate the type of alert.
|
|
259
250
|
*/
|
|
260
|
-
this.type = input(
|
|
251
|
+
this.type = input('info-grey');
|
|
261
252
|
/**
|
|
262
253
|
* Use polite, assertive or off to indicate whether the alert is
|
|
263
254
|
* announced automatically by the screen reader.
|
|
@@ -268,25 +259,19 @@ class AlertComponent {
|
|
|
268
259
|
onClose() {
|
|
269
260
|
this.close.emit();
|
|
270
261
|
}
|
|
271
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
272
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", 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: { attributes: { "role": "alert" }, properties: { "attr.aria-live": "ariaLive()", "class": "type()", "class.actionable": "actionable()" } }, 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 aria-label=\"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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;padding-inline:var(--ndw-spacing-xs);gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;justify-items:right}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}: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);word-break:break-word}: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-info-100);border-color:var(--ndw-color-info-500)}:host.info section .info-icon{color:var(--ndw-color-info-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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
262
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
263
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", 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: { attributes: { "role": "alert" }, properties: { "attr.aria-live": "ariaLive()", "class": "type()", "class.actionable": "actionable()" } }, 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 aria-label=\"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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.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,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>select[ndwInput]){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput]):has(>ndw-input-icon){padding-inline:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has(>ndw-picker-button){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]:is(textarea){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}.input-container:has(>[ndwInput]):has(textarea){padding-inline:0}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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));padding-inline:var(--ndw-spacing-sm);line-height:normal;white-space:pre-wrap;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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;display:flex;justify-content:flex-end}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}: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);word-break:break-word}: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-info-100);border-color:var(--ndw-color-info-500)}:host.info section .info-icon{color:var(--ndw-color-info-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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
273
264
|
}
|
|
274
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
265
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AlertComponent, decorators: [{
|
|
275
266
|
type: Component,
|
|
276
267
|
args: [{ host: {
|
|
277
268
|
'[attr.aria-live]': 'ariaLive()',
|
|
278
269
|
'[class]': 'type()',
|
|
279
270
|
'[class.actionable]': 'actionable()',
|
|
280
271
|
role: 'alert',
|
|
281
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonDirective, IconComponent], selector: 'ndw-alert', standalone: true, 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 aria-label=\"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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;padding-inline:var(--ndw-spacing-xs);gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;justify-items:right}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}: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);word-break:break-word}: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-info-100);border-color:var(--ndw-color-info-500)}:host.info section .info-icon{color:var(--ndw-color-info-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"] }]
|
|
272
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonDirective, IconComponent], selector: 'ndw-alert', 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 aria-label=\"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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.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,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>select[ndwInput]){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput]):has(>ndw-input-icon){padding-inline:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has(>ndw-picker-button){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]:is(textarea){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}.input-container:has(>[ndwInput]):has(textarea){padding-inline:0}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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));padding-inline:var(--ndw-spacing-sm);line-height:normal;white-space:pre-wrap;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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;display:flex;justify-content:flex-end}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}: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);word-break:break-word}: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-info-100);border-color:var(--ndw-color-info-500)}:host.info section .info-icon{color:var(--ndw-color-info-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"] }]
|
|
282
273
|
}] });
|
|
283
274
|
|
|
284
|
-
var BannerType;
|
|
285
|
-
(function (BannerType) {
|
|
286
|
-
BannerType["Negative"] = "critical";
|
|
287
|
-
BannerType["Info"] = "info";
|
|
288
|
-
})(BannerType || (BannerType = {}));
|
|
289
|
-
|
|
290
275
|
class BannerComponent {
|
|
291
276
|
constructor() {
|
|
292
277
|
/**
|
|
@@ -304,7 +289,7 @@ class BannerComponent {
|
|
|
304
289
|
/**
|
|
305
290
|
* Use info, info-grey, warning or critical to indicate the type of banner.
|
|
306
291
|
*/
|
|
307
|
-
this.type = input(
|
|
292
|
+
this.type = input('info');
|
|
308
293
|
/**
|
|
309
294
|
* Use polite, assertive or off to indicate whether the alert is
|
|
310
295
|
* announced automatically by the screen reader.
|
|
@@ -328,10 +313,10 @@ class BannerComponent {
|
|
|
328
313
|
this.showReadMore =
|
|
329
314
|
this.textContent()?.nativeElement.scrollWidth > this.textContent()?.nativeElement.clientWidth;
|
|
330
315
|
}
|
|
331
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
332
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: BannerComponent, isStandalone: true, selector: "ndw-banner", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, readMoreLabel: { classPropertyName: "readMoreLabel", publicName: "readMoreLabel", 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: { attributes: { "role": "button", "tabindex": "0" }, listeners: { "window:resize": "setReadMore()" }, properties: { "attr.aria-live": "ariaLive()", "attr.title": "message()", "class": "type()" } }, viewQueries: [{ propertyName: "textContent", first: true, predicate: ["textContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<section>\n <ndw-icon class=\"info-icon\">info</ndw-icon>\n <p #textContent>\n <strong>{{ title() }}:</strong>\n {{ message() }}\n </p>\n @if (showReadMore) {\n <p>{{ readMoreLabel() }}</p>\n }\n</section>\n<button\n ndwButton\n alternative\n extra-small\n tertiary\n class=\"close-button\"\n aria-label=\"Sluit melding\"\n (click)=\"onClose($event)\"\n>\n <ndw-icon>close</ndw-icon>\n</button>\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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;padding-inline:var(--ndw-spacing-xs);gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;justify-items:right}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:center;background-color:var(--ndw-color-info-100);border-bottom:var(--ndw-border-size-sm) solid var(--ndw-alpha-black-015);color:var(--ndw-color-info-500);cursor:pointer;display:grid;gap:var(--ndw-spacing-xs);grid-template-columns:1fr auto;height:var(--ndw-spacing-xl);padding-inline:var(--ndw-spacing-2xs);transition:background-color var(--ndw-animation-speed-default) ease-out}:host section{align-items:center;display:grid;gap:var(--ndw-spacing-2xs);grid-template-columns:auto 1fr auto;justify-content:center;text-align:center}:host section .info-icon{font-size:var(--ndw-font-size-lg)}:host section p{font-size:var(--ndw-font-size-xs);line-height:var(--ndw-line-height-md);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host section p strong{font-weight:var(--ndw-font-weight-bold)}:host button ndw-icon{color:var(--ndw-color-info-500)}:host:hover{background-color:var(--ndw-color-info-100)}:host:active,:host:focus{background-color:var(--ndw-color-info-200)}:host.critical{background-color:var(--ndw-color-critical-100);color:var(--ndw-color-critical-500)}:host.critical section .info-icon{color:var(--ndw-color-critical-500)}:host.critical button ndw-icon{color:var(--ndw-color-critical-500)}:host.critical:hover{background-color:var(--ndw-color-critical-200)}:host.critical:active,:host.critical:focus{background-color:var(--ndw-color-critical-300)}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
316
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
317
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: BannerComponent, isStandalone: true, selector: "ndw-banner", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, readMoreLabel: { classPropertyName: "readMoreLabel", publicName: "readMoreLabel", 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: { attributes: { "role": "button", "tabindex": "0" }, listeners: { "window:resize": "setReadMore()" }, properties: { "attr.aria-live": "ariaLive()", "attr.title": "message()", "class": "type()" } }, viewQueries: [{ propertyName: "textContent", first: true, predicate: ["textContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<section>\n <ndw-icon class=\"info-icon\">info</ndw-icon>\n <p #textContent>\n <strong>{{ title() }}:</strong>\n {{ message() }}\n </p>\n @if (showReadMore) {\n <p>{{ readMoreLabel() }}</p>\n }\n</section>\n<button\n ndwButton\n alternative\n extra-small\n tertiary\n class=\"close-button\"\n aria-label=\"Sluit melding\"\n (click)=\"onClose($event)\"\n>\n <ndw-icon>close</ndw-icon>\n</button>\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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.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,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>select[ndwInput]){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput]):has(>ndw-input-icon){padding-inline:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has(>ndw-picker-button){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]:is(textarea){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}.input-container:has(>[ndwInput]):has(textarea){padding-inline:0}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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));padding-inline:var(--ndw-spacing-sm);line-height:normal;white-space:pre-wrap;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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;display:flex;justify-content:flex-end}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:center;background-color:var(--ndw-color-info-100);border-bottom:var(--ndw-border-size-sm) solid var(--ndw-alpha-black-015);color:var(--ndw-color-info-500);cursor:pointer;display:grid;gap:var(--ndw-spacing-xs);grid-template-columns:1fr auto;height:var(--ndw-spacing-xl);padding-inline:var(--ndw-spacing-2xs);transition:background-color var(--ndw-animation-speed-default) ease-out}:host section{align-items:center;display:grid;gap:var(--ndw-spacing-2xs);grid-template-columns:auto 1fr auto;justify-content:center;text-align:center}:host section .info-icon{font-size:var(--ndw-font-size-lg)}:host section p{font-size:var(--ndw-font-size-sm);line-height:var(--ndw-line-height-md);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host section p strong{font-weight:var(--ndw-font-weight-bold)}:host button ndw-icon{color:var(--ndw-color-info-500)}:host:hover{background-color:var(--ndw-color-info-100)}:host:active,:host:focus{background-color:var(--ndw-color-info-200)}:host.critical{background-color:var(--ndw-color-critical-100);color:var(--ndw-color-critical-500)}:host.critical section .info-icon{color:var(--ndw-color-critical-500)}:host.critical button ndw-icon{color:var(--ndw-color-critical-500)}:host.critical:hover{background-color:var(--ndw-color-critical-200)}:host.critical:active,:host.critical:focus{background-color:var(--ndw-color-critical-300)}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
333
318
|
}
|
|
334
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
319
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: BannerComponent, decorators: [{
|
|
335
320
|
type: Component,
|
|
336
321
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
337
322
|
'[attr.aria-live]': 'ariaLive()',
|
|
@@ -340,7 +325,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
340
325
|
'(window:resize)': 'setReadMore()',
|
|
341
326
|
role: 'button',
|
|
342
327
|
tabindex: '0',
|
|
343
|
-
}, imports: [ButtonDirective, IconComponent], selector: 'ndw-banner', standalone: true, template: "<section>\n <ndw-icon class=\"info-icon\">info</ndw-icon>\n <p #textContent>\n <strong>{{ title() }}:</strong>\n {{ message() }}\n </p>\n @if (showReadMore) {\n <p>{{ readMoreLabel() }}</p>\n }\n</section>\n<button\n ndwButton\n alternative\n extra-small\n tertiary\n class=\"close-button\"\n aria-label=\"Sluit melding\"\n (click)=\"onClose($event)\"\n>\n <ndw-icon>close</ndw-icon>\n</button>\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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;padding-inline:var(--ndw-spacing-xs);gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;justify-items:right}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:center;background-color:var(--ndw-color-info-100);border-bottom:var(--ndw-border-size-sm) solid var(--ndw-alpha-black-015);color:var(--ndw-color-info-500);cursor:pointer;display:grid;gap:var(--ndw-spacing-xs);grid-template-columns:1fr auto;height:var(--ndw-spacing-xl);padding-inline:var(--ndw-spacing-2xs);transition:background-color var(--ndw-animation-speed-default) ease-out}:host section{align-items:center;display:grid;gap:var(--ndw-spacing-2xs);grid-template-columns:auto 1fr auto;justify-content:center;text-align:center}:host section .info-icon{font-size:var(--ndw-font-size-lg)}:host section p{font-size:var(--ndw-font-size-xs);line-height:var(--ndw-line-height-md);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host section p strong{font-weight:var(--ndw-font-weight-bold)}:host button ndw-icon{color:var(--ndw-color-info-500)}:host:hover{background-color:var(--ndw-color-info-100)}:host:active,:host:focus{background-color:var(--ndw-color-info-200)}:host.critical{background-color:var(--ndw-color-critical-100);color:var(--ndw-color-critical-500)}:host.critical section .info-icon{color:var(--ndw-color-critical-500)}:host.critical button ndw-icon{color:var(--ndw-color-critical-500)}:host.critical:hover{background-color:var(--ndw-color-critical-200)}:host.critical:active,:host.critical:focus{background-color:var(--ndw-color-critical-300)}\n"] }]
|
|
328
|
+
}, imports: [ButtonDirective, IconComponent], selector: 'ndw-banner', template: "<section>\n <ndw-icon class=\"info-icon\">info</ndw-icon>\n <p #textContent>\n <strong>{{ title() }}:</strong>\n {{ message() }}\n </p>\n @if (showReadMore) {\n <p>{{ readMoreLabel() }}</p>\n }\n</section>\n<button\n ndwButton\n alternative\n extra-small\n tertiary\n class=\"close-button\"\n aria-label=\"Sluit melding\"\n (click)=\"onClose($event)\"\n>\n <ndw-icon>close</ndw-icon>\n</button>\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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.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,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>select[ndwInput]){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput]):has(>ndw-input-icon){padding-inline:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has(>ndw-picker-button){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]:is(textarea){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}.input-container:has(>[ndwInput]):has(textarea){padding-inline:0}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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));padding-inline:var(--ndw-spacing-sm);line-height:normal;white-space:pre-wrap;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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;display:flex;justify-content:flex-end}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:center;background-color:var(--ndw-color-info-100);border-bottom:var(--ndw-border-size-sm) solid var(--ndw-alpha-black-015);color:var(--ndw-color-info-500);cursor:pointer;display:grid;gap:var(--ndw-spacing-xs);grid-template-columns:1fr auto;height:var(--ndw-spacing-xl);padding-inline:var(--ndw-spacing-2xs);transition:background-color var(--ndw-animation-speed-default) ease-out}:host section{align-items:center;display:grid;gap:var(--ndw-spacing-2xs);grid-template-columns:auto 1fr auto;justify-content:center;text-align:center}:host section .info-icon{font-size:var(--ndw-font-size-lg)}:host section p{font-size:var(--ndw-font-size-sm);line-height:var(--ndw-line-height-md);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host section p strong{font-weight:var(--ndw-font-weight-bold)}:host button ndw-icon{color:var(--ndw-color-info-500)}:host:hover{background-color:var(--ndw-color-info-100)}:host:active,:host:focus{background-color:var(--ndw-color-info-200)}:host.critical{background-color:var(--ndw-color-critical-100);color:var(--ndw-color-critical-500)}:host.critical section .info-icon{color:var(--ndw-color-critical-500)}:host.critical button ndw-icon{color:var(--ndw-color-critical-500)}:host.critical:hover{background-color:var(--ndw-color-critical-200)}:host.critical:active,:host.critical:focus{background-color:var(--ndw-color-critical-300)}\n"] }]
|
|
344
329
|
}] });
|
|
345
330
|
|
|
346
331
|
class BreadcrumbComponent {
|
|
@@ -348,63 +333,120 @@ class BreadcrumbComponent {
|
|
|
348
333
|
this.link = input(null);
|
|
349
334
|
this.content = viewChild.required('content');
|
|
350
335
|
}
|
|
351
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
352
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
336
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
337
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.1", type: BreadcrumbComponent, isStandalone: true, selector: "ndw-breadcrumb", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #content>\n <ng-content />\n</ng-template>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
353
338
|
}
|
|
354
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
339
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
355
340
|
type: Component,
|
|
356
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-breadcrumb',
|
|
341
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-breadcrumb', template: "<ng-template #content>\n <ng-content />\n</ng-template>\n" }]
|
|
357
342
|
}] });
|
|
358
343
|
|
|
359
344
|
class BreadcrumbGroupComponent {
|
|
360
345
|
constructor() {
|
|
361
346
|
this.breadcrumbs = contentChildren(BreadcrumbComponent);
|
|
362
347
|
}
|
|
363
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
364
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: BreadcrumbGroupComponent, isStandalone: true, selector: "ndw-breadcrumb-group", host: { attributes: { "aria-label": "Breadcrumb", "role": "navigation" } }, queries: [{ propertyName: "breadcrumbs", predicate: BreadcrumbComponent, isSignal: true }], ngImport: i0, template: "@for (breadcrumb of breadcrumbs(); track breadcrumb.link()) {\n @if ($count > 1 && $index === $count - 2) {\n <ndw-icon class=\"icon-back\" aria-hidden=\"true\">chevron_left</ndw-icon>\n }\n\n <a\n class=\"breadcrumb\"\n [class.current-page]=\"$last\"\n [class.show-on-small-screen]=\"$count === 1 || $index === $count - 2\"\n [attr.aria-current]=\"$last ? 'page' : null\"\n [routerLink]=\"$last ? null : breadcrumb.link()\"\n >\n <ng-template [ngTemplateOutlet]=\"breadcrumb.content()\"></ng-template>\n </a>\n\n @if (!$last) {\n <ndw-icon class=\"icon-forward\" aria-hidden=\"true\">chevron_right</ndw-icon>\n }\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;padding-inline:var(--ndw-spacing-xs);gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;justify-items:right}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{display:flex;align-items:center;background-color:var(--ndw-color-white);padding:var(--ndw-spacing-md)}.breadcrumb{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;text-decoration:none;line-height:100%;color:var(--ndw-color-grey-500);background-color:inherit;padding:calc(var(--ndw-spacing-3xs) * 2.5) var(--ndw-spacing-xs);border-radius:var(--ndw-border-radius-sm);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.breadcrumb:hover{text-decoration:none}.breadcrumb:not(.current-page):hover{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-grey-100);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.breadcrumb:not(.current-page):focus:not(:active){color:var(--ndw-color-grey-500);outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.breadcrumb:not(.current-page):active{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.breadcrumb.current-page{color:var(--ndw-color-grey-700)}.icon-back{display:none}.icon-forward{display:block}.icon-back,.icon-forward{margin:0 0 var(--ndw-spacing-3xs) 0;font-size:var(--ndw-font-size-md);color:var(--ndw-color-primary-500)}@media screen and (max-width: 1024px){.breadcrumb:not(.show-on-small-screen){display:none}.icon-back{display:block}.icon-forward{display:none}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
348
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: BreadcrumbGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
349
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: BreadcrumbGroupComponent, isStandalone: true, selector: "ndw-breadcrumb-group", host: { attributes: { "aria-label": "Breadcrumb", "role": "navigation" } }, queries: [{ propertyName: "breadcrumbs", predicate: BreadcrumbComponent, isSignal: true }], ngImport: i0, template: "@for (breadcrumb of breadcrumbs(); track breadcrumb.link()) {\n @if ($count > 1 && $index === $count - 2) {\n <ndw-icon class=\"icon-back\" aria-hidden=\"true\">chevron_left</ndw-icon>\n }\n\n <a\n class=\"breadcrumb\"\n [class.current-page]=\"$last\"\n [class.show-on-small-screen]=\"$count === 1 || $index === $count - 2\"\n [attr.aria-current]=\"$last ? 'page' : null\"\n [routerLink]=\"$last ? null : breadcrumb.link()\"\n >\n <ng-template [ngTemplateOutlet]=\"breadcrumb.content()\"></ng-template>\n </a>\n\n @if (!$last) {\n <ndw-icon class=\"icon-forward\" aria-hidden=\"true\">chevron_right</ndw-icon>\n }\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.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,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>select[ndwInput]){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput]):has(>ndw-input-icon){padding-inline:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has(>ndw-picker-button){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]:is(textarea){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}.input-container:has(>[ndwInput]):has(textarea){padding-inline:0}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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));padding-inline:var(--ndw-spacing-sm);line-height:normal;white-space:pre-wrap;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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;display:flex;justify-content:flex-end}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{display:flex;align-items:center;background-color:var(--ndw-color-white);padding:var(--ndw-spacing-md)}.breadcrumb{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;text-decoration:none;line-height:100%;color:var(--ndw-color-grey-500);background-color:inherit;padding:calc(var(--ndw-spacing-3xs) * 2.5) var(--ndw-spacing-xs);border-radius:var(--ndw-border-radius-sm);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.breadcrumb:hover{text-decoration:none}.breadcrumb:not(.current-page):hover{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-grey-100);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.breadcrumb:not(.current-page):focus:not(:active){color:var(--ndw-color-grey-500);outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.breadcrumb:not(.current-page):active{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.breadcrumb.current-page{color:var(--ndw-color-grey-700)}.icon-back{display:none}.icon-forward{display:block}.icon-back,.icon-forward{margin:0 0 var(--ndw-spacing-3xs) 0;font-size:var(--ndw-font-size-md);color:var(--ndw-color-primary-500)}@media screen and (max-width: 1024px){.breadcrumb:not(.show-on-small-screen){display:none}.icon-back{display:block}.icon-forward{display:none}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
365
350
|
}
|
|
366
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: BreadcrumbGroupComponent, decorators: [{
|
|
367
352
|
type: Component,
|
|
368
353
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
369
354
|
'aria-label': 'Breadcrumb',
|
|
370
355
|
role: 'navigation',
|
|
371
|
-
}, imports: [IconComponent, NgTemplateOutlet, RouterLink], selector: 'ndw-breadcrumb-group', standalone: true, template: "@for (breadcrumb of breadcrumbs(); track breadcrumb.link()) {\n @if ($count > 1 && $index === $count - 2) {\n <ndw-icon class=\"icon-back\" aria-hidden=\"true\">chevron_left</ndw-icon>\n }\n\n <a\n class=\"breadcrumb\"\n [class.current-page]=\"$last\"\n [class.show-on-small-screen]=\"$count === 1 || $index === $count - 2\"\n [attr.aria-current]=\"$last ? 'page' : null\"\n [routerLink]=\"$last ? null : breadcrumb.link()\"\n >\n <ng-template [ngTemplateOutlet]=\"breadcrumb.content()\"></ng-template>\n </a>\n\n @if (!$last) {\n <ndw-icon class=\"icon-forward\" aria-hidden=\"true\">chevron_right</ndw-icon>\n }\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;padding-inline:var(--ndw-spacing-xs);gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;justify-items:right}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{display:flex;align-items:center;background-color:var(--ndw-color-white);padding:var(--ndw-spacing-md)}.breadcrumb{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;text-decoration:none;line-height:100%;color:var(--ndw-color-grey-500);background-color:inherit;padding:calc(var(--ndw-spacing-3xs) * 2.5) var(--ndw-spacing-xs);border-radius:var(--ndw-border-radius-sm);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.breadcrumb:hover{text-decoration:none}.breadcrumb:not(.current-page):hover{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-grey-100);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.breadcrumb:not(.current-page):focus:not(:active){color:var(--ndw-color-grey-500);outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.breadcrumb:not(.current-page):active{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.breadcrumb.current-page{color:var(--ndw-color-grey-700)}.icon-back{display:none}.icon-forward{display:block}.icon-back,.icon-forward{margin:0 0 var(--ndw-spacing-3xs) 0;font-size:var(--ndw-font-size-md);color:var(--ndw-color-primary-500)}@media screen and (max-width: 1024px){.breadcrumb:not(.show-on-small-screen){display:none}.icon-back{display:block}.icon-forward{display:none}}\n"] }]
|
|
356
|
+
}, imports: [IconComponent, NgTemplateOutlet, RouterLink], selector: 'ndw-breadcrumb-group', template: "@for (breadcrumb of breadcrumbs(); track breadcrumb.link()) {\n @if ($count > 1 && $index === $count - 2) {\n <ndw-icon class=\"icon-back\" aria-hidden=\"true\">chevron_left</ndw-icon>\n }\n\n <a\n class=\"breadcrumb\"\n [class.current-page]=\"$last\"\n [class.show-on-small-screen]=\"$count === 1 || $index === $count - 2\"\n [attr.aria-current]=\"$last ? 'page' : null\"\n [routerLink]=\"$last ? null : breadcrumb.link()\"\n >\n <ng-template [ngTemplateOutlet]=\"breadcrumb.content()\"></ng-template>\n </a>\n\n @if (!$last) {\n <ndw-icon class=\"icon-forward\" aria-hidden=\"true\">chevron_right</ndw-icon>\n }\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.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,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>select[ndwInput]){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput]):has(>ndw-input-icon){padding-inline:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has(>ndw-picker-button){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]:is(textarea){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}.input-container:has(>[ndwInput]):has(textarea){padding-inline:0}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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));padding-inline:var(--ndw-spacing-sm);line-height:normal;white-space:pre-wrap;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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;display:flex;justify-content:flex-end}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{display:flex;align-items:center;background-color:var(--ndw-color-white);padding:var(--ndw-spacing-md)}.breadcrumb{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;text-decoration:none;line-height:100%;color:var(--ndw-color-grey-500);background-color:inherit;padding:calc(var(--ndw-spacing-3xs) * 2.5) var(--ndw-spacing-xs);border-radius:var(--ndw-border-radius-sm);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.breadcrumb:hover{text-decoration:none}.breadcrumb:not(.current-page):hover{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-grey-100);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.breadcrumb:not(.current-page):focus:not(:active){color:var(--ndw-color-grey-500);outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.breadcrumb:not(.current-page):active{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.breadcrumb.current-page{color:var(--ndw-color-grey-700)}.icon-back{display:none}.icon-forward{display:block}.icon-back,.icon-forward{margin:0 0 var(--ndw-spacing-3xs) 0;font-size:var(--ndw-font-size-md);color:var(--ndw-color-primary-500)}@media screen and (max-width: 1024px){.breadcrumb:not(.show-on-small-screen){display:none}.icon-back{display:block}.icon-forward{display:none}}\n"] }]
|
|
372
357
|
}] });
|
|
373
358
|
|
|
374
359
|
class CardContentComponent {
|
|
375
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
376
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
360
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
361
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: CardContentComponent, isStandalone: true, selector: "ndw-card-content", ngImport: i0, template: "<ng-content />\n", styles: [":host{font-size:var(--ndw-font-size-sm);max-height:100%;overflow-y:auto;word-break:break-word}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
377
362
|
}
|
|
378
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
363
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CardContentComponent, decorators: [{
|
|
379
364
|
type: Component,
|
|
380
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-card-content',
|
|
365
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-card-content', template: "<ng-content />\n", styles: [":host{font-size:var(--ndw-font-size-sm);max-height:100%;overflow-y:auto;word-break:break-word}\n"] }]
|
|
381
366
|
}] });
|
|
382
367
|
|
|
383
368
|
class CardFooterComponent {
|
|
384
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
385
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
369
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
370
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: CardFooterComponent, isStandalone: true, selector: "ndw-card-footer", ngImport: i0, template: "<ng-content />\n", styles: [":host{align-items:center;display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md);margin-top:var(--ndw-spacing-xs);word-break:break-word}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
386
371
|
}
|
|
387
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
372
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CardFooterComponent, decorators: [{
|
|
388
373
|
type: Component,
|
|
389
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-card-footer',
|
|
374
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-card-footer', template: "<ng-content />\n", styles: [":host{align-items:center;display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md);margin-top:var(--ndw-spacing-xs);word-break:break-word}\n"] }]
|
|
390
375
|
}] });
|
|
391
376
|
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
377
|
+
const CARD_ANIMATION = trigger('cardAnimation', [
|
|
378
|
+
state('closed', style({
|
|
379
|
+
height: '{{ headerHeight }}px',
|
|
380
|
+
overflow: 'hidden',
|
|
381
|
+
}), { params: { headerHeight: 0 } }),
|
|
382
|
+
state('open', style({
|
|
383
|
+
height: '*',
|
|
384
|
+
overflow: 'hidden',
|
|
385
|
+
})),
|
|
386
|
+
transition('closed <=> open', [animate('200ms ease-in-out')]),
|
|
387
|
+
]);
|
|
388
|
+
|
|
389
|
+
const CARD_ID_TOKEN = new InjectionToken('CARD_ID_TOKEN');
|
|
390
|
+
class CardComponent {
|
|
391
|
+
constructor() {
|
|
392
|
+
this.header = contentChild(CardHeaderComponent);
|
|
393
|
+
this.headerHeight = signal(0);
|
|
394
|
+
this.cardId = inject(CARD_ID_TOKEN);
|
|
395
|
+
this.isCollapsed = model(false);
|
|
396
|
+
this.animationState = computed(() => ({
|
|
397
|
+
value: this.isCollapsed() ? 'closed' : 'open',
|
|
398
|
+
params: { headerHeight: this.headerHeight() },
|
|
399
|
+
}));
|
|
400
|
+
}
|
|
401
|
+
ngAfterContentInit() {
|
|
402
|
+
const header = this.header();
|
|
403
|
+
if (header) {
|
|
404
|
+
header.isCollapsed.subscribe(() => {
|
|
405
|
+
this.isCollapsed.set(!this.isCollapsed());
|
|
406
|
+
});
|
|
407
|
+
this.headerHeight.set(header.height);
|
|
408
|
+
}
|
|
409
|
+
}
|
|
410
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
411
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.1", type: CardComponent, isStandalone: true, selector: "ndw-card", inputs: { isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange" }, host: { attributes: { "id": "cardId" }, properties: { "@cardAnimation": "animationState()" } }, providers: [
|
|
412
|
+
{
|
|
413
|
+
provide: CARD_ID_TOKEN,
|
|
414
|
+
useFactory: () => `ndw-card-${crypto.randomUUID()}`,
|
|
415
|
+
},
|
|
416
|
+
], queries: [{ propertyName: "header", first: true, predicate: CardHeaderComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);box-sizing:content-box;display:grid;gap:var(--ndw-spacing-md);padding:var(--ndw-spacing-lg)}\n"], animations: [CARD_ANIMATION], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
395
417
|
}
|
|
396
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
418
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CardComponent, decorators: [{
|
|
397
419
|
type: Component,
|
|
398
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-card
|
|
420
|
+
args: [{ animations: [CARD_ANIMATION], changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-card', providers: [
|
|
421
|
+
{
|
|
422
|
+
provide: CARD_ID_TOKEN,
|
|
423
|
+
useFactory: () => `ndw-card-${crypto.randomUUID()}`,
|
|
424
|
+
},
|
|
425
|
+
], host: {
|
|
426
|
+
id: 'cardId',
|
|
427
|
+
'[@cardAnimation]': 'animationState()',
|
|
428
|
+
}, template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);box-sizing:content-box;display:grid;gap:var(--ndw-spacing-md);padding:var(--ndw-spacing-lg)}\n"] }]
|
|
399
429
|
}] });
|
|
400
430
|
|
|
401
|
-
class
|
|
402
|
-
|
|
403
|
-
|
|
431
|
+
class CardHeaderComponent {
|
|
432
|
+
constructor() {
|
|
433
|
+
this.cardId = inject(CARD_ID_TOKEN, { optional: true });
|
|
434
|
+
this.isCollapsible = input(false);
|
|
435
|
+
this.isCollapsed = model(false);
|
|
436
|
+
this.elementRef = inject(ElementRef);
|
|
437
|
+
}
|
|
438
|
+
get height() {
|
|
439
|
+
return this.elementRef.nativeElement.offsetHeight;
|
|
440
|
+
}
|
|
441
|
+
toggleCollapsed() {
|
|
442
|
+
this.isCollapsed.set(!this.isCollapsed());
|
|
443
|
+
}
|
|
444
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
445
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: CardHeaderComponent, isStandalone: true, selector: "ndw-card-header", inputs: { isCollapsible: { classPropertyName: "isCollapsible", publicName: "isCollapsible", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange" }, ngImport: i0, template: "@if (isCollapsible()) {\n <button\n (click)=\"toggleCollapsed()\"\n type=\"button\"\n ndwButton\n extra-small\n tertiary\n [attr.aria-controls]=\"cardId\"\n [attr.aria-expanded]=\"!isCollapsed()\"\n [ngClass]=\"{ collapsed: isCollapsed() }\"\n class=\"float\"\n >\n <ndw-icon>keyboard_arrow_down</ndw-icon>\n </button>\n}\n<ng-content />\n", styles: [":host{display:block;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700;word-break:break-word}.float{float:right;margin-left:var(--ndw-spacing-sm);transition:transform var(--ndw-animation-speed-fast) ease-in-out}.float.collapsed{transform:rotate(180deg)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
404
446
|
}
|
|
405
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
447
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CardHeaderComponent, decorators: [{
|
|
406
448
|
type: Component,
|
|
407
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-card',
|
|
449
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-card-header', imports: [IconComponent, NgClass], template: "@if (isCollapsible()) {\n <button\n (click)=\"toggleCollapsed()\"\n type=\"button\"\n ndwButton\n extra-small\n tertiary\n [attr.aria-controls]=\"cardId\"\n [attr.aria-expanded]=\"!isCollapsed()\"\n [ngClass]=\"{ collapsed: isCollapsed() }\"\n class=\"float\"\n >\n <ndw-icon>keyboard_arrow_down</ndw-icon>\n </button>\n}\n<ng-content />\n", styles: [":host{display:block;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700;word-break:break-word}.float{float:right;margin-left:var(--ndw-spacing-sm);transition:transform var(--ndw-animation-speed-fast) ease-in-out}.float.collapsed{transform:rotate(180deg)}\n"] }]
|
|
408
450
|
}] });
|
|
409
451
|
|
|
410
452
|
const CARD_COMPONENTS = [
|
|
@@ -434,12 +476,12 @@ class DashboardCardComponent {
|
|
|
434
476
|
*/
|
|
435
477
|
this.linkTarget = input('_blank');
|
|
436
478
|
}
|
|
437
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
438
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
479
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: DashboardCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
480
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: DashboardCardComponent, isStandalone: true, selector: "ndw-dashboard-card", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, imgSource: { classPropertyName: "imgSource", publicName: "imgSource", isSignal: true, isRequired: true, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: true, transformFunction: null }, linkTarget: { classPropertyName: "linkTarget", publicName: "linkTarget", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<a [href]=\"link()\" [target]=\"linkTarget()\" rel=\"noreferrer noopener\" [title]=\"title()\">\n <ndw-card class=\"card\">\n <ndw-card-content class=\"card-content\">\n <img [src]=\"imgSource()\" [alt]=\"title()\" />\n <span class=\"ndw-heading-sm title\">{{ title() }}</span>\n <div class=\"ndw-paragraph-md description\"><ng-content /></div>\n </ndw-card-content>\n </ndw-card>\n</a>\n", styles: [":host{display:block}a{text-decoration:none}.card{padding:var(--ndw-spacing-3xl);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.card:hover{background-color:var(--ndw-color-secondary-050);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.card:hover .title{color:var(--ndw-color-secondary-500);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.card:active{background-color:var(--ndw-color-secondary-100);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.card:active .title{color:var(--ndw-color-secondary-600);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.card:active .description{color:var(--ndw-color-grey-700);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.card-content{display:flex;flex-direction:column;align-items:center;gap:var(--ndw-spacing-xs)}.card-content img{height:50px;width:50px;object-fit:contain}.card-content .title{text-align:center;color:var(--ndw-color-grey-700);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-content .description{text-align:center;color:var(--ndw-color-grey-500);width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "ndw-card", inputs: ["isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "component", type: CardContentComponent, selector: "ndw-card-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
439
481
|
}
|
|
440
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
482
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: DashboardCardComponent, decorators: [{
|
|
441
483
|
type: Component,
|
|
442
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [CardComponent, CardContentComponent], selector: 'ndw-dashboard-card',
|
|
484
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [CardComponent, CardContentComponent], selector: 'ndw-dashboard-card', template: "<a [href]=\"link()\" [target]=\"linkTarget()\" rel=\"noreferrer noopener\" [title]=\"title()\">\n <ndw-card class=\"card\">\n <ndw-card-content class=\"card-content\">\n <img [src]=\"imgSource()\" [alt]=\"title()\" />\n <span class=\"ndw-heading-sm title\">{{ title() }}</span>\n <div class=\"ndw-paragraph-md description\"><ng-content /></div>\n </ndw-card-content>\n </ndw-card>\n</a>\n", styles: [":host{display:block}a{text-decoration:none}.card{padding:var(--ndw-spacing-3xl);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.card:hover{background-color:var(--ndw-color-secondary-050);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.card:hover .title{color:var(--ndw-color-secondary-500);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.card:active{background-color:var(--ndw-color-secondary-100);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.card:active .title{color:var(--ndw-color-secondary-600);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.card:active .description{color:var(--ndw-color-grey-700);transition-property:color,background-color;transition-duration:var(--ndw-animation-speed-fast);transition-timing-function:ease-out}.card-content{display:flex;flex-direction:column;align-items:center;gap:var(--ndw-spacing-xs)}.card-content img{height:50px;width:50px;object-fit:contain}.card-content .title{text-align:center;color:var(--ndw-color-grey-700);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-content .description{text-align:center;color:var(--ndw-color-grey-500);width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}\n"] }]
|
|
443
485
|
}] });
|
|
444
486
|
|
|
445
487
|
class PopoverTriggerDirective {
|
|
@@ -600,10 +642,10 @@ class PopoverTriggerDirective {
|
|
|
600
642
|
},
|
|
601
643
|
];
|
|
602
644
|
}
|
|
603
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
604
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
645
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: PopoverTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
646
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.1", type: PopoverTriggerDirective, isStandalone: true, selector: "[ndwPopoverTrigger]", inputs: { popoverPosition: { classPropertyName: "popoverPosition", publicName: "popoverPosition", isSignal: true, isRequired: false, transformFunction: null }, popoverContent: { classPropertyName: "popoverContent", publicName: "ndwPopoverTrigger", isSignal: true, isRequired: true, transformFunction: null }, toggleOnClick: { classPropertyName: "toggleOnClick", publicName: "toggleOnClick", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { popoverToggled: "popoverToggled", isOpen: "isOpenChange" }, host: { listeners: { "click": "toggle()" } }, exportAs: ["ndwPopoverTrigger"], ngImport: i0 }); }
|
|
605
647
|
}
|
|
606
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
648
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: PopoverTriggerDirective, decorators: [{
|
|
607
649
|
type: Directive,
|
|
608
650
|
args: [{
|
|
609
651
|
exportAs: 'ndwPopoverTrigger',
|
|
@@ -611,7 +653,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
611
653
|
'(click)': 'toggle()',
|
|
612
654
|
},
|
|
613
655
|
selector: '[ndwPopoverTrigger]',
|
|
614
|
-
standalone: true,
|
|
615
656
|
}]
|
|
616
657
|
}], propDecorators: { popoverToggled: [{
|
|
617
658
|
type: Output
|
|
@@ -631,22 +672,22 @@ class TagComponent {
|
|
|
631
672
|
* The name of the icon to display
|
|
632
673
|
*/
|
|
633
674
|
this.suffixIcon = input('close');
|
|
634
|
-
this.
|
|
675
|
+
this.clicked = output();
|
|
635
676
|
}
|
|
636
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
637
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
677
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
678
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: TagComponent, isStandalone: true, selector: "ndw-tag", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, suffixAriaLabel: { classPropertyName: "suffixAriaLabel", publicName: "suffixAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, suffixIcon: { classPropertyName: "suffixIcon", publicName: "suffixIcon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "class.disabled": "disabled()" } }, ngImport: i0, template: "<ng-content />\n<button\n type=\"button\"\n [attr.aria-label]=\"suffixAriaLabel()\"\n [disabled]=\"disabled()\"\n (click)=\"clicked.emit($event)\"\n>\n <ndw-icon>{{ suffixIcon() }}</ndw-icon>\n</button>\n", styles: [":host{position:relative;overflow:hidden;display:inline-grid;grid-template-columns:auto 1fr;align-items:center;height:1.5rem;padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);border-radius:45px;outline:none;color:var(--ndw-color-primary);background-color:var(--ndw-color-primary-050);font-size:var(--ndw-font-size-sm);cursor:pointer;transition:var(--ndw-animation-speed-fast) ease-out}:host:hover{border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);background-color:var(--ndw-color-primary);color:var(--ndw-color-white)}:host:active,:host:focus-within{border:var(--ndw-border-size-sm) solid var(--ndw-color-link-400);background-color:var(--ndw-color-primary-600);color:var(--ndw-color-white)}:host.disabled{border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-400);pointer-events:none}:host button{background-color:transparent;border:0;color:inherit;padding:0}:host button:focus{outline:none}:host button:after{content:\"\";inset:0;position:absolute}:host button ndw-icon{display:grid;font-size:var(--ndw-font-size-sm);width:var(--ndw-spacing-md)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
638
679
|
}
|
|
639
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
680
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: TagComponent, decorators: [{
|
|
640
681
|
type: Component,
|
|
641
682
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
642
683
|
'[class.disabled]': 'disabled()',
|
|
643
|
-
}, imports: [IconComponent], selector: 'ndw-tag',
|
|
684
|
+
}, imports: [IconComponent], selector: 'ndw-tag', template: "<ng-content />\n<button\n type=\"button\"\n [attr.aria-label]=\"suffixAriaLabel()\"\n [disabled]=\"disabled()\"\n (click)=\"clicked.emit($event)\"\n>\n <ndw-icon>{{ suffixIcon() }}</ndw-icon>\n</button>\n", styles: [":host{position:relative;overflow:hidden;display:inline-grid;grid-template-columns:auto 1fr;align-items:center;height:1.5rem;padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);border-radius:45px;outline:none;color:var(--ndw-color-primary);background-color:var(--ndw-color-primary-050);font-size:var(--ndw-font-size-sm);cursor:pointer;transition:var(--ndw-animation-speed-fast) ease-out}:host:hover{border:var(--ndw-border-size-sm) solid var(--ndw-color-primary);background-color:var(--ndw-color-primary);color:var(--ndw-color-white)}:host:active,:host:focus-within{border:var(--ndw-border-size-sm) solid var(--ndw-color-link-400);background-color:var(--ndw-color-primary-600);color:var(--ndw-color-white)}:host.disabled{border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-400);background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-400);pointer-events:none}:host button{background-color:transparent;border:0;color:inherit;padding:0}:host button:focus{outline:none}:host button:after{content:\"\";inset:0;position:absolute}:host button ndw-icon{display:grid;font-size:var(--ndw-font-size-sm);width:var(--ndw-spacing-md)}\n"] }]
|
|
644
685
|
}] });
|
|
645
686
|
|
|
646
687
|
class DropdownComponent {
|
|
647
688
|
constructor() {
|
|
648
689
|
this.disabled = input(false);
|
|
649
|
-
this.chevron = input();
|
|
690
|
+
this.chevron = input(true);
|
|
650
691
|
this.buttonText = input.required();
|
|
651
692
|
this.prefixIcon = input('');
|
|
652
693
|
this.selectAmount = input(0);
|
|
@@ -686,12 +727,32 @@ class DropdownComponent {
|
|
|
686
727
|
isOpenChanged(isOpen) {
|
|
687
728
|
this.isOpenChange.emit(isOpen);
|
|
688
729
|
}
|
|
689
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
690
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
730
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
731
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: DropdownComponent, isStandalone: true, selector: "ndw-dropdown", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, chevron: { classPropertyName: "chevron", publicName: "chevron", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null }, prefixIcon: { classPropertyName: "prefixIcon", publicName: "prefixIcon", isSignal: true, isRequired: false, transformFunction: null }, selectAmount: { classPropertyName: "selectAmount", publicName: "selectAmount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tagClicked: "tagClicked", isOpenChange: "isOpenChange" }, viewQueries: [{ propertyName: "popoverTrigger", first: true, predicate: PopoverTriggerDirective, descendants: true, isSignal: true }, { propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, isSignal: true }], ngImport: i0, template: "<button\n type=\"button\"\n #dropdownButton\n ndwButton\n filter\n [ndwPopoverTrigger]=\"dropdownContent\"\n (isOpenChange)=\"isOpenChanged($event)\"\n (keydown)=\"onKeyDown($event)\"\n [disabled]=\"disabled()\"\n aria-haspopup=\"dialog\"\n>\n @if (prefixIcon(); as prefixIconName) {\n <ndw-icon class=\"dropdown-prefix-icon\">{{ prefixIconName }}</ndw-icon>\n }\n\n {{ buttonText() }}\n\n @if (selectAmount()) {\n <ndw-tag\n [attr.disabled]=\"disabled() ? true : null\"\n (keydown)=\"onTagKeyDown($event)\"\n (clicked)=\"onTagClicked($event)\"\n >\n {{ selectAmount() }}\n </ndw-tag>\n }\n\n @if (chevron()) {\n <div class=\"button-end\">\n <ndw-icon class=\"button-icon\">{{ buttonIcon() }}</ndw-icon>\n </div>\n }\n</button>\n\n<ng-template #dropdownContent>\n <div role=\"dialog\" (keydown.escape)=\"closeDropdown()\">\n <ng-content />\n </div>\n</ng-template>\n", styles: [":host{display:inline-block}button{width:100%;display:flex}.button-end{display:flex;justify-content:flex-end;flex-grow:1;gap:var(--ndw-spacing-2xs)}.button-end ndw-icon{display:flex;align-items:center}.dropdown-prefix-icon{color:var(--ndw-color-grey-300)}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }, { kind: "directive", type: PopoverTriggerDirective, selector: "[ndwPopoverTrigger]", inputs: ["popoverPosition", "ndwPopoverTrigger", "toggleOnClick", "isOpen"], outputs: ["popoverToggled", "isOpenChange"], exportAs: ["ndwPopoverTrigger"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "component", type: TagComponent, selector: "ndw-tag", inputs: ["disabled", "suffixAriaLabel", "suffixIcon"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
691
732
|
}
|
|
692
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
733
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
693
734
|
type: Component,
|
|
694
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonDirective, PopoverTriggerDirective, IconComponent, TagComponent], selector: 'ndw-dropdown',
|
|
735
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonDirective, PopoverTriggerDirective, IconComponent, TagComponent], selector: 'ndw-dropdown', template: "<button\n type=\"button\"\n #dropdownButton\n ndwButton\n filter\n [ndwPopoverTrigger]=\"dropdownContent\"\n (isOpenChange)=\"isOpenChanged($event)\"\n (keydown)=\"onKeyDown($event)\"\n [disabled]=\"disabled()\"\n aria-haspopup=\"dialog\"\n>\n @if (prefixIcon(); as prefixIconName) {\n <ndw-icon class=\"dropdown-prefix-icon\">{{ prefixIconName }}</ndw-icon>\n }\n\n {{ buttonText() }}\n\n @if (selectAmount()) {\n <ndw-tag\n [attr.disabled]=\"disabled() ? true : null\"\n (keydown)=\"onTagKeyDown($event)\"\n (clicked)=\"onTagClicked($event)\"\n >\n {{ selectAmount() }}\n </ndw-tag>\n }\n\n @if (chevron()) {\n <div class=\"button-end\">\n <ndw-icon class=\"button-icon\">{{ buttonIcon() }}</ndw-icon>\n </div>\n }\n</button>\n\n<ng-template #dropdownContent>\n <div role=\"dialog\" (keydown.escape)=\"closeDropdown()\">\n <ng-content />\n </div>\n</ng-template>\n", styles: [":host{display:inline-block}button{width:100%;display:flex}.button-end{display:flex;justify-content:flex-end;flex-grow:1;gap:var(--ndw-spacing-2xs)}.button-end ndw-icon{display:flex;align-items:center}.dropdown-prefix-icon{color:var(--ndw-color-grey-300)}\n"] }]
|
|
736
|
+
}] });
|
|
737
|
+
|
|
738
|
+
const INPUT_CONTAINER_CLASS = 'input-container';
|
|
739
|
+
|
|
740
|
+
class MatchBoldPipe {
|
|
741
|
+
transform(value, searchTerm) {
|
|
742
|
+
if (!searchTerm || typeof value !== 'string') {
|
|
743
|
+
return `${value}`;
|
|
744
|
+
}
|
|
745
|
+
const regex = new RegExp(`(${searchTerm})`, 'gi');
|
|
746
|
+
return value.replace(regex, '<b>$1</b>');
|
|
747
|
+
}
|
|
748
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: MatchBoldPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
749
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.1", ngImport: i0, type: MatchBoldPipe, isStandalone: true, name: "matchBold" }); }
|
|
750
|
+
}
|
|
751
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: MatchBoldPipe, decorators: [{
|
|
752
|
+
type: Pipe,
|
|
753
|
+
args: [{
|
|
754
|
+
name: 'matchBold',
|
|
755
|
+
}]
|
|
695
756
|
}] });
|
|
696
757
|
|
|
697
758
|
class BaseAutosuggestOptionComponent {
|
|
@@ -765,10 +826,10 @@ class BaseAutosuggestOptionComponent {
|
|
|
765
826
|
getHostElement() {
|
|
766
827
|
return this.element.nativeElement;
|
|
767
828
|
}
|
|
768
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
769
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
829
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: BaseAutosuggestOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
830
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: BaseAutosuggestOptionComponent, isStandalone: true, selector: "ng-component", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
770
831
|
}
|
|
771
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
832
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: BaseAutosuggestOptionComponent, decorators: [{
|
|
772
833
|
type: Component,
|
|
773
834
|
args: [{
|
|
774
835
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -776,25 +837,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
776
837
|
}]
|
|
777
838
|
}] });
|
|
778
839
|
|
|
779
|
-
class MatchBoldPipe {
|
|
780
|
-
transform(value, searchTerm) {
|
|
781
|
-
if (!searchTerm || typeof value !== 'string') {
|
|
782
|
-
return `${value}`;
|
|
783
|
-
}
|
|
784
|
-
const regex = new RegExp(`(${searchTerm})`, 'gi');
|
|
785
|
-
return value.replace(regex, '<b>$1</b>');
|
|
786
|
-
}
|
|
787
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MatchBoldPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
788
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: MatchBoldPipe, isStandalone: true, name: "matchBold" }); }
|
|
789
|
-
}
|
|
790
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MatchBoldPipe, decorators: [{
|
|
791
|
-
type: Pipe,
|
|
792
|
-
args: [{
|
|
793
|
-
name: 'matchBold',
|
|
794
|
-
standalone: true,
|
|
795
|
-
}]
|
|
796
|
-
}] });
|
|
797
|
-
|
|
798
840
|
class AutocompleteOptionSelectionChange {
|
|
799
841
|
constructor(source, isUserInput = false) {
|
|
800
842
|
this.source = source;
|
|
@@ -819,12 +861,12 @@ class AutosuggestOptionComponent extends BaseAutosuggestOptionComponent {
|
|
|
819
861
|
emitSelectionChangeEvent(isUserInput = false) {
|
|
820
862
|
this.selectionChange.emit(new AutocompleteOptionSelectionChange(this, isUserInput));
|
|
821
863
|
}
|
|
822
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
823
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
864
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AutosuggestOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
865
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: AutosuggestOptionComponent, isStandalone: true, selector: "ndw-autosuggest-option", inputs: { searchTerm: { classPropertyName: "searchTerm", publicName: "searchTerm", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "option" }, listeners: { "click": "selectViaInteraction()", "keydown": "handleKeydown($event)" }, properties: { "id": "id", "class.ndw-autosuggest-option--selected": "selected", "class.ndw-autosuggest-option--active": "active", "attr.aria-selected": "selected" }, classAttribute: "ndw-autosuggest-option" }, usesInheritance: true, ngImport: i0, template: "<span class=\"ndw-option-text\" [innerHTML]=\"label() | matchBold: searchTerm()\"></span>\n", styles: [":host{display:block;width:100%;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);box-sizing:border-box;color:var(--ndw-color-grey-700);background-color:var(--ndw-color-white);cursor:pointer;text-align:left;font:inherit;font-size:var(--ndw-font-size-sm);transition:background-color var(--ndw-animation-speed-very-fast) ease-in-out}:host.ndw-autosuggest-option--active,:host:hover:not([aria-disabled=true]){background-color:var(--ndw-color-secondary-050)}:host[aria-disabled=true]{-webkit-user-select:none;user-select:none;cursor:default;background-color:var(--ndw-color-grey-100)}:host.ndw-autosuggest-option--add{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;color:var(--ndw-color-link-400)}:host.ndw-autosuggest-option--add .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:var(--ndw-spacing-3xs)}:host:not(:last-child){border-bottom:1px solid var(--ndw-color-grey-200)}:host span{word-break:break-word}\n"], dependencies: [{ kind: "pipe", type: MatchBoldPipe, name: "matchBold" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
824
866
|
}
|
|
825
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
867
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AutosuggestOptionComponent, decorators: [{
|
|
826
868
|
type: Component,
|
|
827
|
-
args: [{ selector: 'ndw-autosuggest-option',
|
|
869
|
+
args: [{ selector: 'ndw-autosuggest-option', imports: [MatchBoldPipe], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
828
870
|
role: 'option',
|
|
829
871
|
'[id]': 'id',
|
|
830
872
|
class: 'ndw-autosuggest-option',
|
|
@@ -836,8 +878,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
836
878
|
}, template: "<span class=\"ndw-option-text\" [innerHTML]=\"label() | matchBold: searchTerm()\"></span>\n", styles: [":host{display:block;width:100%;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);box-sizing:border-box;color:var(--ndw-color-grey-700);background-color:var(--ndw-color-white);cursor:pointer;text-align:left;font:inherit;font-size:var(--ndw-font-size-sm);transition:background-color var(--ndw-animation-speed-very-fast) ease-in-out}:host.ndw-autosuggest-option--active,:host:hover:not([aria-disabled=true]){background-color:var(--ndw-color-secondary-050)}:host[aria-disabled=true]{-webkit-user-select:none;user-select:none;cursor:default;background-color:var(--ndw-color-grey-100)}:host.ndw-autosuggest-option--add{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;color:var(--ndw-color-link-400)}:host.ndw-autosuggest-option--add .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:var(--ndw-spacing-3xs)}:host:not(:last-child){border-bottom:1px solid var(--ndw-color-grey-200)}:host span{word-break:break-word}\n"] }]
|
|
837
879
|
}], ctorParameters: () => [] });
|
|
838
880
|
|
|
839
|
-
const INPUT_CONTAINER_CLASS = 'input-container';
|
|
840
|
-
|
|
841
881
|
/* eslint max-lines: off */
|
|
842
882
|
// Based on https://github.com/angular/components/tree/main/src/material/autocomplete
|
|
843
883
|
class AutosuggestDirective {
|
|
@@ -878,8 +918,12 @@ class AutosuggestDirective {
|
|
|
878
918
|
this.canOpenOnNextFocus =
|
|
879
919
|
this.document?.activeElement !== this.element.nativeElement || this.panelOpen;
|
|
880
920
|
};
|
|
881
|
-
this.onChange = () => {
|
|
882
|
-
|
|
921
|
+
this.onChange = () => {
|
|
922
|
+
// noop
|
|
923
|
+
};
|
|
924
|
+
this.onTouched = () => {
|
|
925
|
+
// noop
|
|
926
|
+
};
|
|
883
927
|
}
|
|
884
928
|
get panelOpen() {
|
|
885
929
|
return this.overlayAttached && !!this.autosuggest?.showPanel;
|
|
@@ -1199,8 +1243,8 @@ class AutosuggestDirective {
|
|
|
1199
1243
|
getWindow() {
|
|
1200
1244
|
return this.document?.defaultView ?? window;
|
|
1201
1245
|
}
|
|
1202
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1203
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
1246
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AutosuggestDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1247
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.1", type: AutosuggestDirective, isStandalone: true, selector: "input[ndwAutosuggest], textarea[ndwAutosuggest]", inputs: { ndwAutosuggest: { classPropertyName: "ndwAutosuggest", publicName: "ndwAutosuggest", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { filter: "filter" }, host: { listeners: { "focus": "handleFocus()", "blur": "onTouched()", "input": "handleInput($event)", "keydown": "handleKeydown($event)", "click": "handleClick()" }, properties: { "attr.role": "\"combobox\"", "attr.autocomplete": "\"off\"", "attr.aria-autocomplete": "\"list\"", "attr.aria-activedescendant": "(panelOpen && activeOption) ? activeOption.id : null", "attr.aria-expanded": "panelOpen.toString()", "attr.aria-owns": "!panelOpen ? null : ndwAutosuggest()?.id", "attr.aria-haspopup": "\"true\"" } }, providers: [
|
|
1204
1248
|
{
|
|
1205
1249
|
provide: NG_VALUE_ACCESSOR,
|
|
1206
1250
|
useExisting: forwardRef(() => AutosuggestDirective),
|
|
@@ -1208,12 +1252,11 @@ class AutosuggestDirective {
|
|
|
1208
1252
|
},
|
|
1209
1253
|
], exportAs: ["ndwAutosuggestTrigger"], ngImport: i0 }); }
|
|
1210
1254
|
}
|
|
1211
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1255
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AutosuggestDirective, decorators: [{
|
|
1212
1256
|
type: Directive,
|
|
1213
1257
|
args: [{
|
|
1214
1258
|
selector: 'input[ndwAutosuggest], textarea[ndwAutosuggest]',
|
|
1215
1259
|
exportAs: 'ndwAutosuggestTrigger',
|
|
1216
|
-
standalone: true,
|
|
1217
1260
|
host: {
|
|
1218
1261
|
'[attr.role]': '"combobox"',
|
|
1219
1262
|
'[attr.autocomplete]': '"off"',
|
|
@@ -1247,12 +1290,12 @@ class AutosuggestAddOptionComponent extends BaseAutosuggestOptionComponent {
|
|
|
1247
1290
|
this.addOption.emit(this.value());
|
|
1248
1291
|
this.selectionChange.emit(new AutocompleteOptionSelectionChange(this, isUserInput));
|
|
1249
1292
|
}
|
|
1250
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1251
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1293
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AutosuggestAddOptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1294
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: AutosuggestAddOptionComponent, isStandalone: true, selector: "ndw-autosuggest-add-option", outputs: { addOption: "addOption" }, host: { attributes: { "role": "option" }, listeners: { "click": "selectViaInteraction()", "keydown": "handleKeydown($event)" }, properties: { "class.ndw-autosuggest-option--active": "active", "class.ndw-autosuggest-option--selected": "selected", "attr.aria-selected": "selected" }, classAttribute: "ndw-autosuggest-option ndw-autosuggest-option--add" }, usesInheritance: true, ngImport: i0, template: "<ndw-icon [size]=\"'sm'\">add</ndw-icon> Voeg <span class=\"truncate\">'{{ value() }}'</span> toe\n", styles: [":host{display:block;width:100%;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);box-sizing:border-box;color:var(--ndw-color-grey-700);background-color:var(--ndw-color-white);cursor:pointer;text-align:left;font:inherit;font-size:var(--ndw-font-size-sm);transition:background-color var(--ndw-animation-speed-very-fast) ease-in-out}:host.ndw-autosuggest-option--active,:host:hover:not([aria-disabled=true]){background-color:var(--ndw-color-secondary-050)}:host[aria-disabled=true]{-webkit-user-select:none;user-select:none;cursor:default;background-color:var(--ndw-color-grey-100)}:host.ndw-autosuggest-option--add{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;color:var(--ndw-color-link-400)}:host.ndw-autosuggest-option--add .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:var(--ndw-spacing-3xs)}:host:not(:last-child){border-bottom:1px solid var(--ndw-color-grey-200)}:host span{word-break:break-word}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1252
1295
|
}
|
|
1253
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1296
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AutosuggestAddOptionComponent, decorators: [{
|
|
1254
1297
|
type: Component,
|
|
1255
|
-
args: [{ selector: 'ndw-autosuggest-add-option', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1298
|
+
args: [{ selector: 'ndw-autosuggest-add-option', changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], host: {
|
|
1256
1299
|
role: 'option',
|
|
1257
1300
|
class: 'ndw-autosuggest-option ndw-autosuggest-option--add',
|
|
1258
1301
|
'[class.ndw-autosuggest-option--active]': 'active',
|
|
@@ -1322,17 +1365,17 @@ class AutosuggestPanelComponent {
|
|
|
1322
1365
|
this.optionSelected.emit(value);
|
|
1323
1366
|
this.addOption.emit(value);
|
|
1324
1367
|
}
|
|
1325
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1326
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1368
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AutosuggestPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1369
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: AutosuggestPanelComponent, isStandalone: true, selector: "ndw-autosuggest", inputs: { suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: false, transformFunction: null }, enableAddOption: { classPropertyName: "enableAddOption", publicName: "enableAddOption", isSignal: true, isRequired: false, transformFunction: null }, maxResults: { classPropertyName: "maxResults", publicName: "maxResults", isSignal: true, isRequired: false, transformFunction: null }, noResultText: { classPropertyName: "noResultText", publicName: "noResultText", isSignal: true, isRequired: false, transformFunction: null }, displayWith: { classPropertyName: "displayWith", publicName: "displayWith", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", optionSelected: "optionSelected", addOption: "addOption" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true, isSignal: true }, { propertyName: "items", predicate: ["option"], descendants: true }], exportAs: ["apAutocomplete"], ngImport: i0, template: "<ng-template>\n @if (suggestions().length === 0 && !enableAddOption()) {\n <div class=\"ndw-autosuggest-panel\">\n <ng-container *ngTemplateOutlet=\"emptyResults\"></ng-container>\n </div>\n } @else {\n <datalist #panel class=\"ndw-autosuggest-panel\">\n @for (option of slicedOptions(); track option) {\n <ndw-autosuggest-option\n #option\n [value]=\"option\"\n [label]=\"getLabelOption(option)\"\n [searchTerm]=\"searchTerm()\"\n />\n }\n\n @if (enableAddOption()) {\n @if (!!searchTerm().trim()) {\n <ndw-autosuggest-add-option\n #option\n [value]=\"searchTerm()\"\n (addOption)=\"addNewOption($event)\"\n />\n } @else if (!suggestions().length) {\n <ng-container *ngTemplateOutlet=\"emptyResults\"></ng-container>\n }\n }\n\n @if (hasMoreResults()) {\n <p class=\"ndw-autosuggest-panel__more-results\">\n Er zijn nog {{ numberOfLeftOverResults() }} niet-getoonde resultaten, maak je zoekopdracht\n specifieker\n </p>\n }\n </datalist>\n }\n</ng-template>\n\n<ng-template #emptyResults>\n <div class=\"ndw-autosuggest-panel__empty\">\n <ndw-icon>sentiment_dissatisfied</ndw-icon>\n {{ noResultText() }}\n </div>\n</ng-template>\n", styles: [".ndw-autosuggest-panel{--dropdown-line-height: 26px;--dropdown-max-line-items: 7;--dropdown-max-height: calc(var(--dropdown-line-height) * var(--dropdown-max-line-items));display:block;overflow:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;max-height:var(--dropdown-max-height);width:100%;border:1px solid var(--ndw-color-grey-200);border-radius:var(--ndw-border-radius-sm);padding:0;margin-top:2px;background-color:var(--ndw-color-white);box-shadow:var(--ndw-elevation-popover)}.ndw-autosuggest-panel>ndw-autosuggest-option:not(:last-child){border-bottom:1px solid var(--ndw-color-grey-200)}.ndw-autosuggest-panel__more-results{font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-400);padding:var(--ndw-spacing-sm) var(--ndw-spacing-md);text-align:center}.ndw-autosuggest-panel__empty{display:grid;justify-items:center;margin:auto;padding:var(--ndw-spacing-sm) var(--ndw-spacing-md);gap:var(--ndw-spacing-xs);max-width:300px;box-sizing:border-box;font-size:var(--ndw-font-size-sm);text-align:center;color:var(--ndw-color-grey-400)}\n"], dependencies: [{ kind: "component", type: AutosuggestOptionComponent, selector: "ndw-autosuggest-option", inputs: ["searchTerm", "label"] }, { kind: "component", type: AutosuggestAddOptionComponent, selector: "ndw-autosuggest-add-option", outputs: ["addOption"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1327
1370
|
}
|
|
1328
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1371
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AutosuggestPanelComponent, decorators: [{
|
|
1329
1372
|
type: Component,
|
|
1330
|
-
args: [{ selector: 'ndw-autosuggest',
|
|
1373
|
+
args: [{ selector: 'ndw-autosuggest', imports: [
|
|
1331
1374
|
AutosuggestOptionComponent,
|
|
1332
1375
|
AutosuggestAddOptionComponent,
|
|
1333
1376
|
IconComponent,
|
|
1334
1377
|
NgTemplateOutlet,
|
|
1335
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'apAutocomplete', template: "<ng-template>\n @if (suggestions().length === 0 && !enableAddOption()) {\n <div class=\"ndw-autosuggest-panel\">\n <ng-container *ngTemplateOutlet=\"emptyResults\"></ng-container>\n </div>\n } @else {\n <datalist #panel class=\"ndw-autosuggest-panel\">\n @for (option of slicedOptions(); track option) {\n <ndw-autosuggest-option\n #option\n [value]=\"option\"\n [label]=\"getLabelOption(option)\"\n [searchTerm]=\"searchTerm()\"\n />\n }\n\n @if (enableAddOption()) {\n @if (!!searchTerm().trim()) {\n <ndw-autosuggest-add-option\n #option\n [value]=\"searchTerm()\"\n (addOption)=\"addNewOption($event)\"\n />\n } @else if (!suggestions().length) {\n <ng-container *ngTemplateOutlet=\"emptyResults\"></ng-container>\n }\n }\n\n @if (hasMoreResults()) {\n <p class=\"ndw-autosuggest-panel__more-results\">\n Er zijn nog {{ numberOfLeftOverResults() }} niet-getoonde resultaten, maak je zoekopdracht\n specifieker\n </p>\n }\n </datalist>\n }\n</ng-template>\n\n<ng-template #emptyResults>\n <div class=\"ndw-autosuggest-panel__empty\">\n <ndw-icon>sentiment_dissatisfied</ndw-icon>\n {{ noResultText() }}\n </div>\n</ng-template>\n", styles: [".ndw-autosuggest-panel{--dropdown-line-height: 26px;--dropdown-max-line-items: 7;--dropdown-max-height: calc(var(--dropdown-line-height) * var(--dropdown-max-line-items));display:block;overflow:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;max-height:var(--dropdown-max-height);width:100%;border:1px solid var(--ndw-color-grey-200);border-radius:var(--ndw-border-radius-sm);padding:0;margin-top:2px;background-color:var(--ndw-color-white);box-shadow:var(--ndw-elevation-popover)}.ndw-autosuggest-panel>ndw-autosuggest-option:not(:last-child){border-bottom:1px solid var(--ndw-color-grey-200)}.ndw-autosuggest-panel__more-results{font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-400);text-align:center}.ndw-autosuggest-panel__empty{display:grid;justify-items:center;margin:auto;padding:var(--ndw-spacing-sm) var(--ndw-spacing-md);gap:var(--ndw-spacing-xs);max-width:300px;box-sizing:border-box;font-size:var(--ndw-font-size-sm);text-align:center;color:var(--ndw-color-grey-400)}\n"] }]
|
|
1378
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'apAutocomplete', template: "<ng-template>\n @if (suggestions().length === 0 && !enableAddOption()) {\n <div class=\"ndw-autosuggest-panel\">\n <ng-container *ngTemplateOutlet=\"emptyResults\"></ng-container>\n </div>\n } @else {\n <datalist #panel class=\"ndw-autosuggest-panel\">\n @for (option of slicedOptions(); track option) {\n <ndw-autosuggest-option\n #option\n [value]=\"option\"\n [label]=\"getLabelOption(option)\"\n [searchTerm]=\"searchTerm()\"\n />\n }\n\n @if (enableAddOption()) {\n @if (!!searchTerm().trim()) {\n <ndw-autosuggest-add-option\n #option\n [value]=\"searchTerm()\"\n (addOption)=\"addNewOption($event)\"\n />\n } @else if (!suggestions().length) {\n <ng-container *ngTemplateOutlet=\"emptyResults\"></ng-container>\n }\n }\n\n @if (hasMoreResults()) {\n <p class=\"ndw-autosuggest-panel__more-results\">\n Er zijn nog {{ numberOfLeftOverResults() }} niet-getoonde resultaten, maak je zoekopdracht\n specifieker\n </p>\n }\n </datalist>\n }\n</ng-template>\n\n<ng-template #emptyResults>\n <div class=\"ndw-autosuggest-panel__empty\">\n <ndw-icon>sentiment_dissatisfied</ndw-icon>\n {{ noResultText() }}\n </div>\n</ng-template>\n", styles: [".ndw-autosuggest-panel{--dropdown-line-height: 26px;--dropdown-max-line-items: 7;--dropdown-max-height: calc(var(--dropdown-line-height) * var(--dropdown-max-line-items));display:block;overflow:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;max-height:var(--dropdown-max-height);width:100%;border:1px solid var(--ndw-color-grey-200);border-radius:var(--ndw-border-radius-sm);padding:0;margin-top:2px;background-color:var(--ndw-color-white);box-shadow:var(--ndw-elevation-popover)}.ndw-autosuggest-panel>ndw-autosuggest-option:not(:last-child){border-bottom:1px solid var(--ndw-color-grey-200)}.ndw-autosuggest-panel__more-results{font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-400);padding:var(--ndw-spacing-sm) var(--ndw-spacing-md);text-align:center}.ndw-autosuggest-panel__empty{display:grid;justify-items:center;margin:auto;padding:var(--ndw-spacing-sm) var(--ndw-spacing-md);gap:var(--ndw-spacing-xs);max-width:300px;box-sizing:border-box;font-size:var(--ndw-font-size-sm);text-align:center;color:var(--ndw-color-grey-400)}\n"] }]
|
|
1336
1379
|
}], ctorParameters: () => [], propDecorators: { items: [{
|
|
1337
1380
|
type: ViewChildren,
|
|
1338
1381
|
args: ['option']
|
|
@@ -1371,8 +1414,8 @@ class CheckboxComponent {
|
|
|
1371
1414
|
registerOnTouched() {
|
|
1372
1415
|
// noop
|
|
1373
1416
|
}
|
|
1374
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1375
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1417
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1418
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: CheckboxComponent, isStandalone: true, selector: "ndw-checkbox", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, switch: { classPropertyName: "switch", publicName: "switch", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, success: { classPropertyName: "success", publicName: "success", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange" }, host: { properties: { "class.checked": "checked()", "class.disabled": "disabled()", "class.indeterminate": "indeterminate()" } }, providers: [
|
|
1376
1419
|
{
|
|
1377
1420
|
provide: NG_VALUE_ACCESSOR,
|
|
1378
1421
|
useExisting: CheckboxComponent,
|
|
@@ -1380,7 +1423,7 @@ class CheckboxComponent {
|
|
|
1380
1423
|
},
|
|
1381
1424
|
], ngImport: i0, template: "<input\n type=\"checkbox\"\n [id]=\"'checkbox-' + uuid\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n aria-hidden=\"true\"\n/>\n<div\n [ngClass]=\"{ error: error(), success: success(), checkbox: !switch(), switch: switch() }\"\n role=\"checkbox\"\n [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-labelledby]=\"'checkbox-label-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n>\n @if (!switch()) {\n @if (checked()) {\n <ndw-icon>check</ndw-icon>\n } @else if (indeterminate()) {\n <ndw-icon>remove</ndw-icon>\n }\n } @else {\n <span class=\"switch-icon\">\n @if (checked()) {\n <ndw-icon>check</ndw-icon>\n } @else {\n <ndw-icon>close</ndw-icon>\n }\n </span>\n }\n</div>\n<label\n id=\"checkbox-label-{{ uuid }}\"\n tabindex=\"-1\"\n [for]=\"'checkbox-' + uuid\"\n [ngClass]=\"{ 'switch-text': switch() }\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <ng-content />\n</label>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:host{--checkable-input-size: 1.25rem;cursor:pointer;display:inline-grid;gap:var(--ndw-spacing-xs);grid-template-columns:auto 1fr;min-height:1.375rem;width:fit-content}input{display:none}div{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;color:var(--ndw-color-white);display:flex;height:var(--checkable-input-size);position:relative;transition:background-color var(--ndw-animation-speed-fast) ease-out,border-color var(--ndw-animation-speed-fast) ease-out,box-shadow var(--ndw-animation-speed-fast) ease-out;width:var(--checkable-input-size)}div.success{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}div.error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}label{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:center;color:var(--ndw-color-grey-600);cursor:pointer;display:flex;line-height:var(--ndw-line-height-sm);width:fit-content;word-break:break-word}label:focus{outline:none}:host(.checked) div,:host(.indeterminate) div{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) div.success,:host(.indeterminate) div.success{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) div.error,:host(.indeterminate) div.error{background-color:var(--ndw-color-critical-500);border-color:var(--ndw-color-critical-500)}:host(:focus){outline:none}:host(:focus) div{box-shadow:var(--ndw-elevation-info)}:host(:active) div,:host(:focus) div,:host(:not(.checked):active) div,:host(:not(.indeterminate):active) div{border-color:var(--ndw-color-secondary-500)}:host(.checked:focus) div,:host(.indeterminate:focus) div{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) div{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-200)}:host(.disabled) label{color:var(--ndw-color-grey-400)}:host(.checked.disabled) div{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}\n", "div{border-radius:var(--ndw-border-radius-sm)}div.checkbox ndw-icon{font-size:1.25rem;inset:calc(var(--ndw-border-size-sm) * -1);position:absolute}div.switch{width:2.75rem;height:var(--ndw-spacing-lg);border-radius:calc(var(--ndw-spacing-lg) / 2);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-border-size-lg)}div.switch .switch-icon{background-color:var(--ndw-color-grey-400);border-radius:50%;width:var(--ndw-spacing-md);height:var(--ndw-spacing-md);display:flex;align-items:center;justify-content:center;animation:translateToLeft var(--ndw-animation-speed-fast) ease-out forwards}div.switch .switch-icon ndw-icon{color:var(--ndw-color-white);font-size:var(--ndw-spacing-sm)}div.switch.error{background-color:var(--ndw-color-white)}label.switch-text{margin-top:var(--ndw-spacing-2xs)}:host(.checked) div.switch,:host(.indeterminate) div.switch{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) div.switch .switch-icon,:host(.indeterminate) div.switch .switch-icon{background-color:var(--ndw-color-white);animation:translateToRight var(--ndw-animation-speed-fast) ease-out forwards}:host(.checked) div.switch .switch-icon ndw-icon,:host(.indeterminate) div.switch .switch-icon ndw-icon{color:var(--ndw-color-positive-500)}:host(.checked) div.switch.error,:host(.indeterminate) div.switch.error{background-color:var(--ndw-color-positive-500)}:host(:hover) div{background-color:var(--ndw-color-white)}:host(:hover) div.checkbox{border-color:var(--ndw-color-primary-500)}:host(:hover) div.switch{border-color:var(--ndw-color-grey-500)}:host(:hover) div.switch ndw-icon{color:var(--ndw-color-white)}:host(.checked:hover) div.checkbox,:host(.indeterminate:hover) div.checkbox{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(.checked:hover) div.switch,:host(.indeterminate:hover) div.switch{background-color:var(--ndw-color-positive-600);border-color:var(--ndw-color-positive-600)}:host(.checked:hover) div.switch ndw-icon,:host(.indeterminate:hover) div.switch ndw-icon{color:var(--ndw-color-positive-600)}:host(:focus) div.switch{border-color:var(--ndw-color-secondary-500)}:host(.disabled) div.switch{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300)}:host(.disabled) div.switch .switch-icon{background-color:var(--ndw-color-grey-200)}:host(.checked.disabled) div.switch,:host(.indeterminate.disabled) div.switch{background-color:var(--ndw-color-grey-400);border-color:var(--ndw-color-grey-400)}:host(.checked.disabled) div.switch .switch-icon,:host(.indeterminate.disabled) div.switch .switch-icon{background-color:var(--ndw-color-white)}:host(.checked.disabled) div.switch .switch-icon ndw-icon,:host(.indeterminate.disabled) div.switch .switch-icon ndw-icon{background-color:var(--ndw-color-white);color:var(--ndw-color-grey-400)}@keyframes translateToRight{0%{transform:translate(0);background-color:var(--ndw-color-grey-300)}to{transform:translate(20px);background-color:var(--ndw-color-white)}}@keyframes translateToLeft{0%{transform:translate(20px);background-color:var(--ndw-color-white)}to{transform:translate(0);background-color:var(--ndw-color-grey-300)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1382
1425
|
}
|
|
1383
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1426
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
1384
1427
|
type: Component,
|
|
1385
1428
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1386
1429
|
'[class.checked]': 'checked()',
|
|
@@ -1392,28 +1435,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
1392
1435
|
useExisting: CheckboxComponent,
|
|
1393
1436
|
multi: true,
|
|
1394
1437
|
},
|
|
1395
|
-
], selector: 'ndw-checkbox',
|
|
1438
|
+
], selector: 'ndw-checkbox', template: "<input\n type=\"checkbox\"\n [id]=\"'checkbox-' + uuid\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n aria-hidden=\"true\"\n/>\n<div\n [ngClass]=\"{ error: error(), success: success(), checkbox: !switch(), switch: switch() }\"\n role=\"checkbox\"\n [attr.aria-checked]=\"indeterminate() ? 'mixed' : checked()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-labelledby]=\"'checkbox-label-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n [tabindex]=\"disabled() ? -1 : 0\"\n>\n @if (!switch()) {\n @if (checked()) {\n <ndw-icon>check</ndw-icon>\n } @else if (indeterminate()) {\n <ndw-icon>remove</ndw-icon>\n }\n } @else {\n <span class=\"switch-icon\">\n @if (checked()) {\n <ndw-icon>check</ndw-icon>\n } @else {\n <ndw-icon>close</ndw-icon>\n }\n </span>\n }\n</div>\n<label\n id=\"checkbox-label-{{ uuid }}\"\n tabindex=\"-1\"\n [for]=\"'checkbox-' + uuid\"\n [ngClass]=\"{ 'switch-text': switch() }\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <ng-content />\n</label>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:host{--checkable-input-size: 1.25rem;cursor:pointer;display:inline-grid;gap:var(--ndw-spacing-xs);grid-template-columns:auto 1fr;min-height:1.375rem;width:fit-content}input{display:none}div{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;color:var(--ndw-color-white);display:flex;height:var(--checkable-input-size);position:relative;transition:background-color var(--ndw-animation-speed-fast) ease-out,border-color var(--ndw-animation-speed-fast) ease-out,box-shadow var(--ndw-animation-speed-fast) ease-out;width:var(--checkable-input-size)}div.success{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}div.error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}label{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:center;color:var(--ndw-color-grey-600);cursor:pointer;display:flex;line-height:var(--ndw-line-height-sm);width:fit-content;word-break:break-word}label:focus{outline:none}:host(.checked) div,:host(.indeterminate) div{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) div.success,:host(.indeterminate) div.success{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) div.error,:host(.indeterminate) div.error{background-color:var(--ndw-color-critical-500);border-color:var(--ndw-color-critical-500)}:host(:focus){outline:none}:host(:focus) div{box-shadow:var(--ndw-elevation-info)}:host(:active) div,:host(:focus) div,:host(:not(.checked):active) div,:host(:not(.indeterminate):active) div{border-color:var(--ndw-color-secondary-500)}:host(.checked:focus) div,:host(.indeterminate:focus) div{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) div{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-200)}:host(.disabled) label{color:var(--ndw-color-grey-400)}:host(.checked.disabled) div{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}\n", "div{border-radius:var(--ndw-border-radius-sm)}div.checkbox ndw-icon{font-size:1.25rem;inset:calc(var(--ndw-border-size-sm) * -1);position:absolute}div.switch{width:2.75rem;height:var(--ndw-spacing-lg);border-radius:calc(var(--ndw-spacing-lg) / 2);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-border-size-lg)}div.switch .switch-icon{background-color:var(--ndw-color-grey-400);border-radius:50%;width:var(--ndw-spacing-md);height:var(--ndw-spacing-md);display:flex;align-items:center;justify-content:center;animation:translateToLeft var(--ndw-animation-speed-fast) ease-out forwards}div.switch .switch-icon ndw-icon{color:var(--ndw-color-white);font-size:var(--ndw-spacing-sm)}div.switch.error{background-color:var(--ndw-color-white)}label.switch-text{margin-top:var(--ndw-spacing-2xs)}:host(.checked) div.switch,:host(.indeterminate) div.switch{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) div.switch .switch-icon,:host(.indeterminate) div.switch .switch-icon{background-color:var(--ndw-color-white);animation:translateToRight var(--ndw-animation-speed-fast) ease-out forwards}:host(.checked) div.switch .switch-icon ndw-icon,:host(.indeterminate) div.switch .switch-icon ndw-icon{color:var(--ndw-color-positive-500)}:host(.checked) div.switch.error,:host(.indeterminate) div.switch.error{background-color:var(--ndw-color-positive-500)}:host(:hover) div{background-color:var(--ndw-color-white)}:host(:hover) div.checkbox{border-color:var(--ndw-color-primary-500)}:host(:hover) div.switch{border-color:var(--ndw-color-grey-500)}:host(:hover) div.switch ndw-icon{color:var(--ndw-color-white)}:host(.checked:hover) div.checkbox,:host(.indeterminate:hover) div.checkbox{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(.checked:hover) div.switch,:host(.indeterminate:hover) div.switch{background-color:var(--ndw-color-positive-600);border-color:var(--ndw-color-positive-600)}:host(.checked:hover) div.switch ndw-icon,:host(.indeterminate:hover) div.switch ndw-icon{color:var(--ndw-color-positive-600)}:host(:focus) div.switch{border-color:var(--ndw-color-secondary-500)}:host(.disabled) div.switch{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300)}:host(.disabled) div.switch .switch-icon{background-color:var(--ndw-color-grey-200)}:host(.checked.disabled) div.switch,:host(.indeterminate.disabled) div.switch{background-color:var(--ndw-color-grey-400);border-color:var(--ndw-color-grey-400)}:host(.checked.disabled) div.switch .switch-icon,:host(.indeterminate.disabled) div.switch .switch-icon{background-color:var(--ndw-color-white)}:host(.checked.disabled) div.switch .switch-icon ndw-icon,:host(.indeterminate.disabled) div.switch .switch-icon ndw-icon{background-color:var(--ndw-color-white);color:var(--ndw-color-grey-400)}@keyframes translateToRight{0%{transform:translate(0);background-color:var(--ndw-color-grey-300)}to{transform:translate(20px);background-color:var(--ndw-color-white)}}@keyframes translateToLeft{0%{transform:translate(20px);background-color:var(--ndw-color-white)}to{transform:translate(0);background-color:var(--ndw-color-grey-300)}}\n"] }]
|
|
1396
1439
|
}] });
|
|
1397
1440
|
|
|
1398
1441
|
class CheckboxGroupComponent {
|
|
1399
1442
|
constructor() {
|
|
1400
1443
|
this.checkboxes = contentChildren(CheckboxComponent);
|
|
1401
1444
|
}
|
|
1402
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1403
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
1445
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1446
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.1", type: CheckboxGroupComponent, isStandalone: true, selector: "ndw-checkbox-group", queries: [{ propertyName: "checkboxes", predicate: CheckboxComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:grid;gap:var(--ndw-spacing-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1404
1447
|
}
|
|
1405
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1448
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: CheckboxGroupComponent, decorators: [{
|
|
1406
1449
|
type: Component,
|
|
1407
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-checkbox-group',
|
|
1450
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-checkbox-group', template: "<ng-content />\n", styles: [":host{display:grid;gap:var(--ndw-spacing-2xs)}\n"] }]
|
|
1408
1451
|
}] });
|
|
1409
1452
|
|
|
1410
1453
|
class ErrorComponent {
|
|
1411
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1412
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1454
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1455
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: ErrorComponent, isStandalone: true, selector: "ndw-error", ngImport: i0, template: "<ndw-icon>warning</ndw-icon>\n<ng-content />\n", styles: [":host{align-content:center;color:var(--ndw-color-critical-500);display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-xs);gap:var(--ndw-spacing-2xs);grid-template-columns:auto 1fr;align-items:flex-start;word-break:break-word}ndw-icon{font-size:.875rem}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1413
1456
|
}
|
|
1414
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1457
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
1415
1458
|
type: Component,
|
|
1416
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], selector: 'ndw-error',
|
|
1459
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], selector: 'ndw-error', template: "<ndw-icon>warning</ndw-icon>\n<ng-content />\n", styles: [":host{align-content:center;color:var(--ndw-color-critical-500);display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-xs);gap:var(--ndw-spacing-2xs);grid-template-columns:auto 1fr;align-items:flex-start;word-break:break-word}ndw-icon{font-size:.875rem}\n"] }]
|
|
1417
1460
|
}] });
|
|
1418
1461
|
|
|
1419
1462
|
class FileUploadComponent {
|
|
@@ -1550,8 +1593,8 @@ class FileUploadComponent {
|
|
|
1550
1593
|
correctFileType(fileType) {
|
|
1551
1594
|
return this.allowedFileTypeRegex()?.test(fileType) ? true : false;
|
|
1552
1595
|
}
|
|
1553
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1554
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1596
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: FileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1597
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: FileUploadComponent, isStandalone: true, selector: "ndw-file-upload", inputs: { allowedFileTypeRegex: { classPropertyName: "allowedFileTypeRegex", publicName: "allowedFileTypeRegex", isSignal: true, isRequired: false, transformFunction: null }, fileUploadText: { classPropertyName: "fileUploadText", publicName: "fileUploadText", isSignal: true, isRequired: false, transformFunction: null }, uploadDate: { classPropertyName: "uploadDate", publicName: "uploadDate", isSignal: true, isRequired: false, transformFunction: null }, maxFileSizeInBytes: { classPropertyName: "maxFileSizeInBytes", publicName: "maxFileSizeInBytes", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, draggingOver: { classPropertyName: "draggingOver", publicName: "draggingOver", isSignal: true, isRequired: false, transformFunction: null }, selectedFile: { classPropertyName: "selectedFile", publicName: "selectedFile", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, success: { classPropertyName: "success", publicName: "success", isSignal: true, isRequired: false, transformFunction: null }, incorrectFileType: { classPropertyName: "incorrectFileType", publicName: "incorrectFileType", isSignal: true, isRequired: false, transformFunction: null }, incorrectFileSize: { classPropertyName: "incorrectFileSize", publicName: "incorrectFileSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { draggingOver: "draggingOverChange", selectedFile: "selectedFileChange", error: "errorChange", success: "successChange", incorrectFileType: "incorrectFileTypeChange", incorrectFileSize: "incorrectFileSizeChange" }, host: { listeners: { "click": "onClick()", "dragenter": "onDragEnter($event)", "dragleave": "onDragLeave($event)", "dragover": "onDragOver($event)", "drop": "onDrop($event)", "keydown": "onKeyDown($event)" }, properties: { "attr.tabindex": "!this.canEdit() ? -1 : 0", "class.disabled": "disabled()", "class.dragging": "draggingOver()", "class.error": "error()", "class.file-selected": "!!selectedFile()", "class.readonly": "readonly()", "class.success": "success()" } }, providers: [
|
|
1555
1598
|
{
|
|
1556
1599
|
provide: NG_VALUE_ACCESSOR,
|
|
1557
1600
|
useExisting: FileUploadComponent,
|
|
@@ -1559,7 +1602,7 @@ class FileUploadComponent {
|
|
|
1559
1602
|
},
|
|
1560
1603
|
], viewQueries: [{ propertyName: "fileInputElement", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (!draggingOver() && !selectedFile()) {\n <ndw-icon>cloud_upload</ndw-icon>\n} @else if (draggingOver() && !selectedFile()) {\n <ndw-icon>pageless</ndw-icon>\n}\n\n{{ displayText() }}\n\n@if (selectedFile()) {\n <div class=\"file-name\">\n <button\n class=\"file-name-text\"\n (click)=\"onDownloadFileClick()\"\n (keydown.enter)=\"onDownloadFileClick()\"\n >\n {{ selectedFile()?.name }}\n </button>\n\n <div class=\"file-delete-icon\">\n <button (click)=\"onDeleteClick($event)\" (keydown.enter)=\"onDeleteClick($event)\">\n <ndw-icon>delete</ndw-icon>\n </button>\n </div>\n </div>\n\n <p class=\"file-date\">\n {{ uploadDate() }}\n </p>\n}\n\n<input type=\"file\" #fileInput hidden aria-hidden=\"true\" (change)=\"onFileSelected($event)\" />\n", styles: [":host{display:grid;align-items:center;border-radius:var(--ndw-border-radius-sm);border:var(--ndw-border-size-sm) dashed var(--ndw-color-secondary-500);background-color:var(--ndw-color-secondary-050);color:var(--ndw-color-secondary-500);padding:var(--ndw-spacing-lg);text-align:center;cursor:pointer;transition:var(--ndw-animation-speed-fast) ease-out}:host ndw-icon{color:var(--ndw-color-secondary-500);font-size:var(--ndw-font-size-md);pointer-events:none}:host.dragging,:host:hover,:host:focus{background-color:var(--ndw-color-secondary-100);outline:none}:host.success.file-selected{background-color:var(--ndw-color-positive-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-positive-500);color:var(--ndw-color-positive-500)}:host.error{background-color:var(--ndw-color-critical-100);border:var(--ndw-border-size-sm) dashed var(--ndw-color-critical-500);color:var(--ndw-color-critical-500)}:host.error ndw-icon{color:var(--ndw-color-critical-500);pointer-events:none}:host.error.file-selected{background-color:var(--ndw-color-critical-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-critical-500);color:var(--ndw-color-critical-500)}:host.error.file-selected ndw-icon{color:var(--ndw-color-secondary-500);pointer-events:all}:host.disabled,:host.readonly{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) dashed var(--ndw-color-grey-500);color:var(--ndw-color-grey-500);cursor:not-allowed}:host.disabled ndw-icon,:host.readonly ndw-icon{color:var(--ndw-color-grey-500);pointer-events:none}:host.disabled.file-selected .file-name,:host.readonly.file-selected .file-name{color:var(--ndw-color-secondary-500)}:host.disabled.file-selected .file-name .file-name-text:hover,:host.readonly.file-selected .file-name .file-name-text:hover{text-decoration:none}:host.disabled.file-selected .file-delete-icon,:host.readonly.file-selected .file-delete-icon{display:none}:host.file-selected{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-spacing-sm);align-items:baseline;word-break:break-all;cursor:auto;text-align:left}:host.file-selected .file-name{display:flex;align-items:center}:host.file-selected .file-name .file-name-text{background:transparent;border:none;padding:0;color:var(--ndw-color-secondary-500);cursor:pointer}:host.file-selected .file-name .file-name-text:hover,:host.file-selected .file-name .file-name-text:focus{text-decoration:underline;outline:none}:host.file-selected .file-date{font-size:var(--ndw-font-size-xs);color:var(--ndw-color-grey-500);margin:0}:host.file-selected .file-delete-icon{display:flex;flex:1;justify-content:end;pointer-events:all}:host.file-selected .file-delete-icon button{background:transparent;border:none;cursor:pointer;padding:var(--ndw-spacing-2xs);border-radius:var(--ndw-border-radius-md);transition:background-color .15s ease-in-out}:host.file-selected .file-delete-icon button:hover{background-color:var(--ndw-alpha-black-007)}:host.file-selected .file-delete-icon button:active,:host.file-selected .file-delete-icon button:focus,:host.file-selected .file-delete-icon button:focus-visible{background-color:var(--ndw-alpha-black-015)}:host.file-selected .file-delete-icon button:focus-visible{color:var(--ndw-color-primary);outline-color:var(--ndw-color-secondary-500)}:host.file-selected .file-delete-icon ndw-icon{pointer-events:all}:host.file-selected .file-delete-icon ndw-icon:focus{color:var(--ndw-color-secondary-500);outline:none}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1561
1604
|
}
|
|
1562
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1605
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: FileUploadComponent, decorators: [{
|
|
1563
1606
|
type: Component,
|
|
1564
1607
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1565
1608
|
'[attr.tabindex]': '!this.canEdit() ? -1 : 0',
|
|
@@ -1581,21 +1624,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
1581
1624
|
useExisting: FileUploadComponent,
|
|
1582
1625
|
multi: true,
|
|
1583
1626
|
},
|
|
1584
|
-
], selector: 'ndw-file-upload',
|
|
1627
|
+
], selector: 'ndw-file-upload', template: "@if (!draggingOver() && !selectedFile()) {\n <ndw-icon>cloud_upload</ndw-icon>\n} @else if (draggingOver() && !selectedFile()) {\n <ndw-icon>pageless</ndw-icon>\n}\n\n{{ displayText() }}\n\n@if (selectedFile()) {\n <div class=\"file-name\">\n <button\n class=\"file-name-text\"\n (click)=\"onDownloadFileClick()\"\n (keydown.enter)=\"onDownloadFileClick()\"\n >\n {{ selectedFile()?.name }}\n </button>\n\n <div class=\"file-delete-icon\">\n <button (click)=\"onDeleteClick($event)\" (keydown.enter)=\"onDeleteClick($event)\">\n <ndw-icon>delete</ndw-icon>\n </button>\n </div>\n </div>\n\n <p class=\"file-date\">\n {{ uploadDate() }}\n </p>\n}\n\n<input type=\"file\" #fileInput hidden aria-hidden=\"true\" (change)=\"onFileSelected($event)\" />\n", styles: [":host{display:grid;align-items:center;border-radius:var(--ndw-border-radius-sm);border:var(--ndw-border-size-sm) dashed var(--ndw-color-secondary-500);background-color:var(--ndw-color-secondary-050);color:var(--ndw-color-secondary-500);padding:var(--ndw-spacing-lg);text-align:center;cursor:pointer;transition:var(--ndw-animation-speed-fast) ease-out}:host ndw-icon{color:var(--ndw-color-secondary-500);font-size:var(--ndw-font-size-md);pointer-events:none}:host.dragging,:host:hover,:host:focus{background-color:var(--ndw-color-secondary-100);outline:none}:host.success.file-selected{background-color:var(--ndw-color-positive-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-positive-500);color:var(--ndw-color-positive-500)}:host.error{background-color:var(--ndw-color-critical-100);border:var(--ndw-border-size-sm) dashed var(--ndw-color-critical-500);color:var(--ndw-color-critical-500)}:host.error ndw-icon{color:var(--ndw-color-critical-500);pointer-events:none}:host.error.file-selected{background-color:var(--ndw-color-critical-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-critical-500);color:var(--ndw-color-critical-500)}:host.error.file-selected ndw-icon{color:var(--ndw-color-secondary-500);pointer-events:all}:host.disabled,:host.readonly{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) dashed var(--ndw-color-grey-500);color:var(--ndw-color-grey-500);cursor:not-allowed}:host.disabled ndw-icon,:host.readonly ndw-icon{color:var(--ndw-color-grey-500);pointer-events:none}:host.disabled.file-selected .file-name,:host.readonly.file-selected .file-name{color:var(--ndw-color-secondary-500)}:host.disabled.file-selected .file-name .file-name-text:hover,:host.readonly.file-selected .file-name .file-name-text:hover{text-decoration:none}:host.disabled.file-selected .file-delete-icon,:host.readonly.file-selected .file-delete-icon{display:none}:host.file-selected{background-color:var(--ndw-color-grey-100);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);padding:var(--ndw-spacing-sm);align-items:baseline;word-break:break-all;cursor:auto;text-align:left}:host.file-selected .file-name{display:flex;align-items:center}:host.file-selected .file-name .file-name-text{background:transparent;border:none;padding:0;color:var(--ndw-color-secondary-500);cursor:pointer}:host.file-selected .file-name .file-name-text:hover,:host.file-selected .file-name .file-name-text:focus{text-decoration:underline;outline:none}:host.file-selected .file-date{font-size:var(--ndw-font-size-xs);color:var(--ndw-color-grey-500);margin:0}:host.file-selected .file-delete-icon{display:flex;flex:1;justify-content:end;pointer-events:all}:host.file-selected .file-delete-icon button{background:transparent;border:none;cursor:pointer;padding:var(--ndw-spacing-2xs);border-radius:var(--ndw-border-radius-md);transition:background-color .15s ease-in-out}:host.file-selected .file-delete-icon button:hover{background-color:var(--ndw-alpha-black-007)}:host.file-selected .file-delete-icon button:active,:host.file-selected .file-delete-icon button:focus,:host.file-selected .file-delete-icon button:focus-visible{background-color:var(--ndw-alpha-black-015)}:host.file-selected .file-delete-icon button:focus-visible{color:var(--ndw-color-primary);outline-color:var(--ndw-color-secondary-500)}:host.file-selected .file-delete-icon ndw-icon{pointer-events:all}:host.file-selected .file-delete-icon ndw-icon:focus{color:var(--ndw-color-secondary-500);outline:none}\n"] }]
|
|
1585
1628
|
}] });
|
|
1586
1629
|
|
|
1587
1630
|
class TooltipComponent {
|
|
1588
1631
|
constructor() {
|
|
1589
1632
|
this.text = input.required();
|
|
1590
1633
|
}
|
|
1591
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1592
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: TooltipComponent, isStandalone: true, selector: "ndw-tooltip", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tooltip" } }, ngImport: i0, template: "{{ text() }}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;padding-inline:var(--ndw-spacing-xs);gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;justify-items:right}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;animation:.3s fadeIn;background-color:var(--ndw-color-grey-700);border-radius:var(--ndw-border-radius-sm);box-shadow:0 0 var(--ndw-border-size-md) 0 var(--ndw-alpha-white-040);color:var(--ndw-color-white);display:inline-block;line-height:var(--ndw-line-height-md);max-width:18.75rem;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-2xs) var(--ndw-spacing-3xs);position:relative;word-break:break-word}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1634
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1635
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: TooltipComponent, isStandalone: true, selector: "ndw-tooltip", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tooltip" } }, ngImport: i0, template: "{{ text() }}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.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,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>select[ndwInput]){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput]):has(>ndw-input-icon){padding-inline:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has(>ndw-picker-button){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]:is(textarea){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}.input-container:has(>[ndwInput]):has(textarea){padding-inline:0}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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));padding-inline:var(--ndw-spacing-sm);line-height:normal;white-space:pre-wrap;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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;display:flex;justify-content:flex-end}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;animation:.3s fadeIn;background-color:var(--ndw-color-grey-700);border-radius:var(--ndw-border-radius-sm);box-shadow:0 0 var(--ndw-border-size-md) 0 var(--ndw-alpha-white-040);color:var(--ndw-color-white);display:inline-block;max-width:18.75rem;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-2xs) var(--ndw-spacing-3xs);position:relative;word-break:break-word}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1593
1636
|
}
|
|
1594
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1637
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
1595
1638
|
type: Component,
|
|
1596
1639
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1597
1640
|
role: 'tooltip',
|
|
1598
|
-
}, selector: 'ndw-tooltip', standalone: true, template: "{{ text() }}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;padding-inline:var(--ndw-spacing-xs);gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;justify-items:right}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;animation:.3s fadeIn;background-color:var(--ndw-color-grey-700);border-radius:var(--ndw-border-radius-sm);box-shadow:0 0 var(--ndw-border-size-md) 0 var(--ndw-alpha-white-040);color:var(--ndw-color-white);display:inline-block;line-height:var(--ndw-line-height-md);max-width:18.75rem;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-2xs) var(--ndw-spacing-3xs);position:relative;word-break:break-word}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
|
|
1641
|
+
}, selector: 'ndw-tooltip', template: "{{ text() }}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.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,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>select[ndwInput]){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput]):has(>ndw-input-icon){padding-inline:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has(>ndw-picker-button){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]:is(textarea){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}.input-container:has(>[ndwInput]):has(textarea){padding-inline:0}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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));padding-inline:var(--ndw-spacing-sm);line-height:normal;white-space:pre-wrap;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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;display:flex;justify-content:flex-end}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;animation:.3s fadeIn;background-color:var(--ndw-color-grey-700);border-radius:var(--ndw-border-radius-sm);box-shadow:0 0 var(--ndw-border-size-md) 0 var(--ndw-alpha-white-040);color:var(--ndw-color-white);display:inline-block;max-width:18.75rem;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-2xs) var(--ndw-spacing-3xs);position:relative;word-break:break-word}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
|
|
1599
1642
|
}] });
|
|
1600
1643
|
|
|
1601
1644
|
class TooltipDirective {
|
|
@@ -1660,14 +1703,13 @@ class TooltipDirective {
|
|
|
1660
1703
|
},
|
|
1661
1704
|
]);
|
|
1662
1705
|
}
|
|
1663
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1664
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "
|
|
1706
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1707
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.1", type: TooltipDirective, isStandalone: true, selector: "[ndwTooltip]", inputs: { text: { classPropertyName: "text", publicName: "ndwTooltip", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "aria-hidden": "false", "tabindex": "0" }, listeners: { "focus": "show()", "blur": "hide()", "document:keydown.escape": "hideOnEscape()", "keydown.escape": "hide()", "mouseenter": "show()", "mouseleave": "hide()" } }, usesOnChanges: true, ngImport: i0 }); }
|
|
1665
1708
|
}
|
|
1666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1709
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: TooltipDirective, decorators: [{
|
|
1667
1710
|
type: Directive,
|
|
1668
1711
|
args: [{
|
|
1669
1712
|
selector: '[ndwTooltip]',
|
|
1670
|
-
standalone: true,
|
|
1671
1713
|
host: {
|
|
1672
1714
|
'aria-hidden': 'false',
|
|
1673
1715
|
'(focus)': 'show()',
|
|
@@ -1693,12 +1735,12 @@ class InputButtonComponent {
|
|
|
1693
1735
|
this.input()?.element?.focus();
|
|
1694
1736
|
this.buttonClicked.emit();
|
|
1695
1737
|
}
|
|
1696
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1697
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
1738
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: InputButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1739
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: InputButtonComponent, isStandalone: true, selector: "ndw-input-button", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, input: { classPropertyName: "input", publicName: "input", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, alternative: { classPropertyName: "alternative", publicName: "alternative", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button\n ndwButton\n extra-small\n tertiary\n type=\"button\"\n [attr.alternative]=\"alternative() ? true : null\"\n class=\"input-icon\"\n [class.disabled]=\"disabled()\"\n [attr.aria-label]=\"ariaLabel()\"\n (click)=\"onClick()\"\n>\n <ndw-icon>\n <ng-content />\n </ndw-icon>\n</button>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1698
1740
|
}
|
|
1699
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1741
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: InputButtonComponent, decorators: [{
|
|
1700
1742
|
type: Component,
|
|
1701
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], selector: 'ndw-input-button',
|
|
1743
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], selector: 'ndw-input-button', template: "<button\n ndwButton\n extra-small\n tertiary\n type=\"button\"\n [attr.alternative]=\"alternative() ? true : null\"\n class=\"input-icon\"\n [class.disabled]=\"disabled()\"\n [attr.aria-label]=\"ariaLabel()\"\n (click)=\"onClick()\"\n>\n <ndw-icon>\n <ng-content />\n </ndw-icon>\n</button>\n" }]
|
|
1702
1744
|
}] });
|
|
1703
1745
|
|
|
1704
1746
|
class ClearSearchButtonComponent {
|
|
@@ -1706,6 +1748,7 @@ class ClearSearchButtonComponent {
|
|
|
1706
1748
|
this.disabled = input(false);
|
|
1707
1749
|
this.input = input();
|
|
1708
1750
|
this.ariaLabel = input('');
|
|
1751
|
+
this.buttonClicked = output();
|
|
1709
1752
|
this.inputValue = signal('');
|
|
1710
1753
|
this.onInput = () => {
|
|
1711
1754
|
this.inputValue.set(this.input()?.element.value ?? '');
|
|
@@ -1726,13 +1769,14 @@ class ClearSearchButtonComponent {
|
|
|
1726
1769
|
inputElement.value = '';
|
|
1727
1770
|
inputElement.dispatchEvent(new Event('input'));
|
|
1728
1771
|
this.inputValue.set('');
|
|
1772
|
+
this.buttonClicked.emit();
|
|
1729
1773
|
}
|
|
1730
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1731
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1774
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ClearSearchButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1775
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: ClearSearchButtonComponent, isStandalone: true, selector: "ndw-clear-search-button", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, input: { classPropertyName: "input", publicName: "input", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "@if (inputValue() !== '') {\n <ndw-input-button [alternative]=\"true\" (buttonClicked)=\"clear()\">close</ndw-input-button>\n}\n", styles: [":host:empty{display:none}\n"], dependencies: [{ kind: "component", type: InputButtonComponent, selector: "ndw-input-button", inputs: ["disabled", "input", "ariaLabel", "alternative"], outputs: ["buttonClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1732
1776
|
}
|
|
1733
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1777
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ClearSearchButtonComponent, decorators: [{
|
|
1734
1778
|
type: Component,
|
|
1735
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [InputButtonComponent], selector: 'ndw-clear-search-button',
|
|
1779
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [InputButtonComponent], selector: 'ndw-clear-search-button', template: "@if (inputValue() !== '') {\n <ndw-input-button [alternative]=\"true\" (buttonClicked)=\"clear()\">close</ndw-input-button>\n}\n", styles: [":host:empty{display:none}\n"] }]
|
|
1736
1780
|
}] });
|
|
1737
1781
|
|
|
1738
1782
|
var FormFieldElement;
|
|
@@ -1744,12 +1788,12 @@ var FormFieldElement;
|
|
|
1744
1788
|
})(FormFieldElement || (FormFieldElement = {}));
|
|
1745
1789
|
|
|
1746
1790
|
class InfoComponent {
|
|
1747
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1748
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1791
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1792
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: InfoComponent, isStandalone: true, selector: "ndw-info", ngImport: i0, template: "<ng-content />\n", styles: [":host{align-items:center;color:var(--ndw-color-grey-500);display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-xs);word-break:break-word}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1749
1793
|
}
|
|
1750
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1794
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: InfoComponent, decorators: [{
|
|
1751
1795
|
type: Component,
|
|
1752
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-info',
|
|
1796
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-info', template: "<ng-content />\n", styles: [":host{align-items:center;color:var(--ndw-color-grey-500);display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-xs);word-break:break-word}\n"] }]
|
|
1753
1797
|
}] });
|
|
1754
1798
|
|
|
1755
1799
|
class InputDirective {
|
|
@@ -1804,37 +1848,23 @@ class InputDirective {
|
|
|
1804
1848
|
this.element.required = this.control.hasValidator(Validators.required);
|
|
1805
1849
|
}
|
|
1806
1850
|
}
|
|
1807
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1808
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1851
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: InputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1852
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.1", type: InputDirective, isStandalone: true, selector: "input[ndwInput], select[ndwInput], textarea[ndwInput]", ngImport: i0 }); }
|
|
1809
1853
|
}
|
|
1810
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1854
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: InputDirective, decorators: [{
|
|
1811
1855
|
type: Directive,
|
|
1812
1856
|
args: [{
|
|
1813
1857
|
selector: 'input[ndwInput], select[ndwInput], textarea[ndwInput]',
|
|
1814
|
-
standalone: true,
|
|
1815
1858
|
}]
|
|
1816
1859
|
}] });
|
|
1817
1860
|
|
|
1818
|
-
var InputType;
|
|
1819
|
-
(function (InputType) {
|
|
1820
|
-
InputType["Date"] = "date";
|
|
1821
|
-
InputType["Email"] = "email";
|
|
1822
|
-
InputType["Number"] = "number";
|
|
1823
|
-
InputType["Password"] = "password";
|
|
1824
|
-
InputType["Search"] = "search";
|
|
1825
|
-
InputType["Tel"] = "tel";
|
|
1826
|
-
InputType["Text"] = "text";
|
|
1827
|
-
InputType["Time"] = "time";
|
|
1828
|
-
InputType["Url"] = "url";
|
|
1829
|
-
})(InputType || (InputType = {}));
|
|
1830
|
-
|
|
1831
1861
|
class InputIconComponent {
|
|
1832
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1833
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1862
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: InputIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1863
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: InputIconComponent, isStandalone: true, selector: "ndw-input-icon", ngImport: i0, template: "<ndw-icon class=\"input-icon\">\n <ng-content />\n</ndw-icon>\n", styles: [":host{height:var(--ndw-font-size-lg)}.input-icon{font-size:var(--ndw-font-size-lg)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1834
1864
|
}
|
|
1835
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1865
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: InputIconComponent, decorators: [{
|
|
1836
1866
|
type: Component,
|
|
1837
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], selector: 'ndw-input-icon',
|
|
1867
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], selector: 'ndw-input-icon', template: "<ndw-icon class=\"input-icon\">\n <ng-content />\n</ndw-icon>\n", styles: [":host{height:var(--ndw-font-size-lg)}.input-icon{font-size:var(--ndw-font-size-lg)}\n"] }]
|
|
1838
1868
|
}] });
|
|
1839
1869
|
|
|
1840
1870
|
class OptionComponent {
|
|
@@ -1844,15 +1874,14 @@ class OptionComponent {
|
|
|
1844
1874
|
this.description = input();
|
|
1845
1875
|
this.required = input(false);
|
|
1846
1876
|
}
|
|
1847
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1848
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
1877
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1878
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: OptionComponent, isStandalone: true, selector: "ndw-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1849
1879
|
}
|
|
1850
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1880
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: OptionComponent, decorators: [{
|
|
1851
1881
|
type: Component,
|
|
1852
1882
|
args: [{
|
|
1853
1883
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1854
1884
|
selector: 'ndw-option',
|
|
1855
|
-
standalone: true,
|
|
1856
1885
|
template: '',
|
|
1857
1886
|
}]
|
|
1858
1887
|
}] });
|
|
@@ -1869,7 +1898,9 @@ class OptionGroupComponent {
|
|
|
1869
1898
|
this.ngControl = inject(NgControl, { optional: true });
|
|
1870
1899
|
this.fluidColumnStyle = computed(() => this.fluidColumns() ? `repeat(${this.fluidColumns()}, 1fr)` : null);
|
|
1871
1900
|
this.uuid = crypto.randomUUID();
|
|
1872
|
-
this.onChange = () => {
|
|
1901
|
+
this.onChange = () => {
|
|
1902
|
+
// noop
|
|
1903
|
+
};
|
|
1873
1904
|
if (this.ngControl) {
|
|
1874
1905
|
this.ngControl.valueAccessor = this;
|
|
1875
1906
|
}
|
|
@@ -1887,7 +1918,12 @@ class OptionGroupComponent {
|
|
|
1887
1918
|
else {
|
|
1888
1919
|
const state = [...this.checkedValues()];
|
|
1889
1920
|
const index = state.indexOf(value);
|
|
1890
|
-
index >= 0
|
|
1921
|
+
if (index >= 0) {
|
|
1922
|
+
state.splice(index, 1);
|
|
1923
|
+
}
|
|
1924
|
+
else {
|
|
1925
|
+
state.push(value);
|
|
1926
|
+
}
|
|
1891
1927
|
this.checkedValues.set(state);
|
|
1892
1928
|
this.onChange(this.checkedValues());
|
|
1893
1929
|
}
|
|
@@ -1904,16 +1940,16 @@ class OptionGroupComponent {
|
|
|
1904
1940
|
setDisabledState(isDisabled) {
|
|
1905
1941
|
this.disabled.set(isDisabled);
|
|
1906
1942
|
}
|
|
1907
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1908
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1943
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: OptionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1944
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: OptionGroupComponent, isStandalone: true, selector: "ndw-option-group", inputs: { fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null }, fluidColumns: { classPropertyName: "fluidColumns", publicName: "fluidColumns", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, checkedValues: { classPropertyName: "checkedValues", publicName: "checkedValues", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", checkedValues: "checkedValuesChange" }, host: { properties: { "attr.required": "isRequiredOrHasRequiredValidator", "class.grid-columns": "fluidColumns() !== null", "style.gridTemplateColumns": "fluidColumnStyle()" } }, queries: [{ propertyName: "children", predicate: OptionComponent, isSignal: true }], ngImport: i0, template: "@for (child of children(); track child.value()) {\n <label\n ndwButton\n [class.fluid]=\"fluid() && fluidColumns() === null\"\n [class.gridCell]=\"fluidColumns() !== null\"\n [attr.disabled]=\"disabled() ? 'true' : null\"\n [attr.secondary]=\"checkedValues().includes(child.value()) ? null : 'true'\"\n [attr.aria-label]=\"child.description() ?? child.label()\"\n >\n <input\n [type]=\"mode() === 'multiple' ? 'checkbox' : 'radio'\"\n [name]=\"mode() === 'multiple' ? 'option-group-radio-' + uuid : null\"\n [value]=\"child.value()\"\n [disabled]=\"disabled()\"\n [checked]=\"checkedValues().includes(child.value())\"\n (change)=\"toggleValue(child.value())\"\n />\n {{ child.label() }}\n </label>\n}\n", styles: [":host{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}:host.grid-columns{display:grid}:host .fluid{flex-grow:1;display:flex;justify-content:center}:host .gridCell{width:100%;display:flex;justify-content:center}:host input[type=checkbox],:host input[type=radio]{position:absolute;top:0;left:0;opacity:0}:host label[ndwButton]{background-color:var(--ndw-color-primary-500);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary-500);color:var(--ndw-color-white)}:host label[ndwButton]:hover,:host label[ndwButton]:active{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600);color:var(--ndw-color-white)}:host label[ndwButton]:focus-within{border-color:var(--ndw-color-secondary-500)}:host label[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-gray-600)}:host label[ndwButton][secondary]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700)}:host label[ndwButton][secondary]:hover{background-color:var(--ndw-color-primary-050);border-color:var(--ndw-color-primary-500);color:var(--ndw-color-grey-700)}:host label[ndwButton][secondary]:active,:host label[ndwButton][secondary]:focus-within{background-color:var(--ndw-color-primary-050);color:var(--ndw-color-grey-700)}:host label[ndwButton][secondary]:focus-within{border-color:var(--ndw-color-secondary-500)}:host label[ndwButton][secondary][disabled]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-gray-400)}:host label[ndwButton][secondary].error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500);color:var(--ndw-color-gray-700)}:host[success] label[ndwButton][secondary]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500);color:var(--ndw-color-gray-700)}:host.ng-invalid label[ndwButton][secondary]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500);color:var(--ndw-color-gray-700)}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1909
1945
|
}
|
|
1910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1946
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: OptionGroupComponent, decorators: [{
|
|
1911
1947
|
type: Component,
|
|
1912
1948
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
1913
1949
|
'[attr.required]': 'isRequiredOrHasRequiredValidator',
|
|
1914
1950
|
'[class.grid-columns]': 'fluidColumns() !== null',
|
|
1915
1951
|
'[style.gridTemplateColumns]': 'fluidColumnStyle()',
|
|
1916
|
-
}, imports: [ButtonDirective], selector: 'ndw-option-group',
|
|
1952
|
+
}, imports: [ButtonDirective], selector: 'ndw-option-group', template: "@for (child of children(); track child.value()) {\n <label\n ndwButton\n [class.fluid]=\"fluid() && fluidColumns() === null\"\n [class.gridCell]=\"fluidColumns() !== null\"\n [attr.disabled]=\"disabled() ? 'true' : null\"\n [attr.secondary]=\"checkedValues().includes(child.value()) ? null : 'true'\"\n [attr.aria-label]=\"child.description() ?? child.label()\"\n >\n <input\n [type]=\"mode() === 'multiple' ? 'checkbox' : 'radio'\"\n [name]=\"mode() === 'multiple' ? 'option-group-radio-' + uuid : null\"\n [value]=\"child.value()\"\n [disabled]=\"disabled()\"\n [checked]=\"checkedValues().includes(child.value())\"\n (change)=\"toggleValue(child.value())\"\n />\n {{ child.label() }}\n </label>\n}\n", styles: [":host{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}:host.grid-columns{display:grid}:host .fluid{flex-grow:1;display:flex;justify-content:center}:host .gridCell{width:100%;display:flex;justify-content:center}:host input[type=checkbox],:host input[type=radio]{position:absolute;top:0;left:0;opacity:0}:host label[ndwButton]{background-color:var(--ndw-color-primary-500);border:var(--ndw-border-size-sm) solid var(--ndw-color-primary-500);color:var(--ndw-color-white)}:host label[ndwButton]:hover,:host label[ndwButton]:active{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600);color:var(--ndw-color-white)}:host label[ndwButton]:focus-within{border-color:var(--ndw-color-secondary-500)}:host label[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-gray-600)}:host label[ndwButton][secondary]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700)}:host label[ndwButton][secondary]:hover{background-color:var(--ndw-color-primary-050);border-color:var(--ndw-color-primary-500);color:var(--ndw-color-grey-700)}:host label[ndwButton][secondary]:active,:host label[ndwButton][secondary]:focus-within{background-color:var(--ndw-color-primary-050);color:var(--ndw-color-grey-700)}:host label[ndwButton][secondary]:focus-within{border-color:var(--ndw-color-secondary-500)}:host label[ndwButton][secondary][disabled]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-gray-400)}:host label[ndwButton][secondary].error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500);color:var(--ndw-color-gray-700)}:host[success] label[ndwButton][secondary]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500);color:var(--ndw-color-gray-700)}:host.ng-invalid label[ndwButton][secondary]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500);color:var(--ndw-color-gray-700)}\n"] }]
|
|
1917
1953
|
}], ctorParameters: () => [] });
|
|
1918
1954
|
|
|
1919
1955
|
function createYearRange(minDate, maxDate) {
|
|
@@ -1972,7 +2008,9 @@ class MonthInputComponent {
|
|
|
1972
2008
|
this.ngControl = inject(NgControl, { optional: true });
|
|
1973
2009
|
this.years = computed(() => createYearRange(this.minDate(), this.maxDate()));
|
|
1974
2010
|
this.months = computed(() => createMonthOptions(this.monthLabels()));
|
|
1975
|
-
this.onChange = () => {
|
|
2011
|
+
this.onChange = () => {
|
|
2012
|
+
// noop
|
|
2013
|
+
};
|
|
1976
2014
|
this.destroyRef = inject(DestroyRef);
|
|
1977
2015
|
if (this.ngControl) {
|
|
1978
2016
|
this.ngControl.valueAccessor = this;
|
|
@@ -2056,10 +2094,10 @@ class MonthInputComponent {
|
|
|
2056
2094
|
this.onChange(this.selectedDate());
|
|
2057
2095
|
}
|
|
2058
2096
|
}
|
|
2059
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2060
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2097
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: MonthInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2098
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: MonthInputComponent, isStandalone: true, selector: "ndw-month-input", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, showMonthPickerLabel: { classPropertyName: "showMonthPickerLabel", publicName: "showMonthPickerLabel", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, yearPlaceholder: { classPropertyName: "yearPlaceholder", publicName: "yearPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, monthLabels: { classPropertyName: "monthLabels", publicName: "monthLabels", isSignal: true, isRequired: false, transformFunction: null }, selectedYear: { classPropertyName: "selectedYear", publicName: "selectedYear", isSignal: true, isRequired: false, transformFunction: null }, selectedMonth: { classPropertyName: "selectedMonth", publicName: "selectedMonth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", selectedYear: "selectedYearChange", selectedMonth: "selectedMonthChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: InputDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<input\n ndwInput\n #input\n type=\"text\"\n minlength=\"6\"\n maxlength=\"7\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [value]=\"inputValue()\"\n (change)=\"onInputChanged(input.value)\"\n (keydown)=\"onKeyDown($event)\"\n/>\n\n<button\n ndwButton\n extra-small\n tertiary\n class=\"input-suffix-button\"\n [disabled]=\"disabled()\"\n [ariaLabel]=\"showMonthPickerLabel()\"\n (click)=\"showMonthPicker = !showMonthPicker\"\n [ndwPopoverTrigger]=\"monthPicker\"\n [popoverPosition]=\"'nextToTriggerButton'\"\n>\n <ndw-icon>calendar_month</ndw-icon>\n</button>\n\n<ng-template #monthPicker>\n <input\n ndwInput\n #yearSelect\n type=\"number\"\n [placeholder]=\"yearPlaceholder()\"\n [min]=\"minDate().getFullYear()\"\n [max]=\"maxDate().getFullYear()\"\n [ngModel]=\"selectedYear()\"\n (ngModelChange)=\"onYearSelected(yearSelect.value)\"\n />\n\n <ndw-option-group\n [ngModel]=\"selectedMonth() ? [selectedMonth()] : []\"\n (ngModelChange)=\"onMonthSelected($event?.[0])\"\n [fluid]=\"true\"\n [fluidColumns]=\"4\"\n mode=\"single\"\n >\n @for (month of months(); track month) {\n <ndw-option [label]=\"month.label\" [value]=\"month.value\">\n {{ month }}\n </ndw-option>\n }\n </ndw-option-group>\n</ng-template>\n", styles: [":host{display:block;position:relative;width:100%}.input-suffix-button{position:absolute;z-index:1;top:var(--ndw-spacing-xs);right:var(--ndw-spacing-xs)}.input-suffix-button[disabled]{background-color:transparent;border-color:transparent;color:var(--ndw-color-grey-400)}input[type=number]{margin-bottom:var(--ndw-spacing-xs)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: PopoverTriggerDirective, selector: "[ndwPopoverTrigger]", inputs: ["popoverPosition", "ndwPopoverTrigger", "toggleOnClick", "isOpen"], outputs: ["popoverToggled", "isOpenChange"], exportAs: ["ndwPopoverTrigger"] }, { kind: "component", type: OptionGroupComponent, selector: "ndw-option-group", inputs: ["fluid", "fluidColumns", "disabled", "mode", "required", "checkedValues"], outputs: ["disabledChange", "checkedValuesChange"] }, { kind: "component", type: OptionComponent, selector: "ndw-option", inputs: ["value", "label", "description", "required"] }, { kind: "directive", type: InputDirective, selector: "input[ndwInput], select[ndwInput], textarea[ndwInput]" }, { kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2061
2099
|
}
|
|
2062
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: MonthInputComponent, decorators: [{
|
|
2063
2101
|
type: Component,
|
|
2064
2102
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
2065
2103
|
FormsModule,
|
|
@@ -2069,7 +2107,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
2069
2107
|
OptionComponent,
|
|
2070
2108
|
InputDirective,
|
|
2071
2109
|
ButtonDirective,
|
|
2072
|
-
], selector: 'ndw-month-input',
|
|
2110
|
+
], selector: 'ndw-month-input', template: "<input\n ndwInput\n #input\n type=\"text\"\n minlength=\"6\"\n maxlength=\"7\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [value]=\"inputValue()\"\n (change)=\"onInputChanged(input.value)\"\n (keydown)=\"onKeyDown($event)\"\n/>\n\n<button\n ndwButton\n extra-small\n tertiary\n class=\"input-suffix-button\"\n [disabled]=\"disabled()\"\n [ariaLabel]=\"showMonthPickerLabel()\"\n (click)=\"showMonthPicker = !showMonthPicker\"\n [ndwPopoverTrigger]=\"monthPicker\"\n [popoverPosition]=\"'nextToTriggerButton'\"\n>\n <ndw-icon>calendar_month</ndw-icon>\n</button>\n\n<ng-template #monthPicker>\n <input\n ndwInput\n #yearSelect\n type=\"number\"\n [placeholder]=\"yearPlaceholder()\"\n [min]=\"minDate().getFullYear()\"\n [max]=\"maxDate().getFullYear()\"\n [ngModel]=\"selectedYear()\"\n (ngModelChange)=\"onYearSelected(yearSelect.value)\"\n />\n\n <ndw-option-group\n [ngModel]=\"selectedMonth() ? [selectedMonth()] : []\"\n (ngModelChange)=\"onMonthSelected($event?.[0])\"\n [fluid]=\"true\"\n [fluidColumns]=\"4\"\n mode=\"single\"\n >\n @for (month of months(); track month) {\n <ndw-option [label]=\"month.label\" [value]=\"month.value\">\n {{ month }}\n </ndw-option>\n }\n </ndw-option-group>\n</ng-template>\n", styles: [":host{display:block;position:relative;width:100%}.input-suffix-button{position:absolute;z-index:1;top:var(--ndw-spacing-xs);right:var(--ndw-spacing-xs)}.input-suffix-button[disabled]{background-color:transparent;border-color:transparent;color:var(--ndw-color-grey-400)}input[type=number]{margin-bottom:var(--ndw-spacing-xs)}\n"] }]
|
|
2073
2111
|
}], ctorParameters: () => [] });
|
|
2074
2112
|
|
|
2075
2113
|
class PickerButtonComponent {
|
|
@@ -2096,10 +2134,10 @@ class PickerButtonComponent {
|
|
|
2096
2134
|
isFirefox = navigator.userAgent.toLowerCase().includes('firefox');
|
|
2097
2135
|
}
|
|
2098
2136
|
switch (this.input()?.element.type) {
|
|
2099
|
-
case
|
|
2137
|
+
case 'date':
|
|
2100
2138
|
// Firefox always shows its own date picker
|
|
2101
2139
|
return isFirefox ? undefined : 'calendar_month';
|
|
2102
|
-
case
|
|
2140
|
+
case 'time':
|
|
2103
2141
|
// Firefox always shows its own time picker
|
|
2104
2142
|
return isFirefox ? undefined : 'schedule';
|
|
2105
2143
|
}
|
|
@@ -2108,21 +2146,21 @@ class PickerButtonComponent {
|
|
|
2108
2146
|
}
|
|
2109
2147
|
return undefined;
|
|
2110
2148
|
}
|
|
2111
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2112
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2149
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: PickerButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2150
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: PickerButtonComponent, isStandalone: true, selector: "ndw-picker-button", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, input: { classPropertyName: "input", publicName: "input", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (icon(); as icon) {\n <ndw-input-button (buttonClicked)=\"onClick()\">{{ icon }}</ndw-input-button>\n}\n", dependencies: [{ kind: "component", type: InputButtonComponent, selector: "ndw-input-button", inputs: ["disabled", "input", "ariaLabel", "alternative"], outputs: ["buttonClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2113
2151
|
}
|
|
2114
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: PickerButtonComponent, decorators: [{
|
|
2115
2153
|
type: Component,
|
|
2116
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [InputButtonComponent], selector: 'ndw-picker-button',
|
|
2154
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [InputButtonComponent], selector: 'ndw-picker-button', template: "@if (icon(); as icon) {\n <ndw-input-button (buttonClicked)=\"onClick()\">{{ icon }}</ndw-input-button>\n}\n" }]
|
|
2117
2155
|
}] });
|
|
2118
2156
|
|
|
2119
2157
|
class SuccessComponent {
|
|
2120
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2121
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2158
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2159
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SuccessComponent, isStandalone: true, selector: "ndw-success", ngImport: i0, template: "<ndw-icon>check</ndw-icon>\n<ng-content />\n", styles: [":host{align-content:center;color:var(--ndw-color-positive-500);display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-xs);gap:var(--ndw-spacing-2xs);grid-template-columns:auto 1fr;align-items:flex-start;word-break:break-word}ndw-icon{font-size:.875rem}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2122
2160
|
}
|
|
2123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SuccessComponent, decorators: [{
|
|
2124
2162
|
type: Component,
|
|
2125
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], selector: 'ndw-success',
|
|
2163
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], selector: 'ndw-success', template: "<ndw-icon>check</ndw-icon>\n<ng-content />\n", styles: [":host{align-content:center;color:var(--ndw-color-positive-500);display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-xs);gap:var(--ndw-spacing-2xs);grid-template-columns:auto 1fr;align-items:flex-start;word-break:break-word}ndw-icon{font-size:.875rem}\n"] }]
|
|
2126
2164
|
}] });
|
|
2127
2165
|
|
|
2128
2166
|
class FormFieldComponent {
|
|
@@ -2135,13 +2173,14 @@ class FormFieldComponent {
|
|
|
2135
2173
|
this.success = input();
|
|
2136
2174
|
this.info = input();
|
|
2137
2175
|
this.tooltip = input('');
|
|
2176
|
+
this.clearButtonClicked = output();
|
|
2138
2177
|
this.monthInput = contentChild(MonthInputComponent);
|
|
2139
2178
|
this.regularInput = contentChild(InputDirective);
|
|
2140
2179
|
this.input = computed(() => this.regularInput() ?? this.monthInput()?.input());
|
|
2141
2180
|
this.inputType = computed(() => this.input()?.element.type);
|
|
2142
|
-
this.isSearchInput = computed(() => this.inputType() ===
|
|
2143
|
-
this.hasPickerButton = computed(() => this.inputType() ===
|
|
2144
|
-
this.inputType() ===
|
|
2181
|
+
this.isSearchInput = computed(() => this.inputType() === 'search');
|
|
2182
|
+
this.hasPickerButton = computed(() => this.inputType() === 'date' ||
|
|
2183
|
+
this.inputType() === 'time' ||
|
|
2145
2184
|
this.input()?.element.nodeName.toLowerCase() === FormFieldElement.Select);
|
|
2146
2185
|
this.uuid = crypto.randomUUID();
|
|
2147
2186
|
this.descriptionUuid = crypto.randomUUID();
|
|
@@ -2173,10 +2212,10 @@ class FormFieldComponent {
|
|
|
2173
2212
|
setAriaDescribedBy(input) {
|
|
2174
2213
|
input.ariaDescribedBy = this.descriptionUuid;
|
|
2175
2214
|
}
|
|
2176
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2177
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2215
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2216
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: FormFieldComponent, isStandalone: true, selector: "ndw-form-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, suffixAriaLabel: { classPropertyName: "suffixAriaLabel", publicName: "suffixAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, hideLabel: { classPropertyName: "hideLabel", publicName: "hideLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, success: { classPropertyName: "success", publicName: "success", isSignal: true, isRequired: false, transformFunction: null }, info: { classPropertyName: "info", publicName: "info", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clearButtonClicked: "clearButtonClicked" }, queries: [{ propertyName: "monthInput", first: true, predicate: MonthInputComponent, descendants: true, isSignal: true }, { propertyName: "regularInput", first: true, predicate: InputDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (input() === undefined) {\n <fieldset>\n <legend ndwLabel [class.sr-only]=\"hideLabel()\">\n <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n </legend>\n <ng-container *ngTemplateOutlet=\"fieldTemplate\" />\n </fieldset>\n} @else {\n <label ndwLabel [attr.for]=\"input() ? 'input-' + uuid : null\" [class.sr-only]=\"hideLabel()\">\n <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n </label>\n <ng-container *ngTemplateOutlet=\"fieldTemplate\" />\n}\n\n<ng-template #fieldTemplate>\n <div\n [class]=\"inputContainerClass\"\n [attr.success]=\"success() ? true : null\"\n [attr.error]=\"error() ? true : null\"\n [attr.disabled]=\"disabled() ? true : null\"\n [attr.readonly]=\"input()?.element?.hasAttribute('readonly') ? true : null\"\n >\n @if (isSearchInput()) {\n <ndw-input-icon>search</ndw-input-icon>\n }\n\n <ng-content />\n\n @if (isSearchInput()) {\n <ndw-clear-search-button\n [input]=\"input()\"\n [disabled]=\"disabled()\"\n [ariaLabel]=\"suffixAriaLabel()\"\n (buttonClicked)=\"clearButtonClicked.emit()\"\n />\n }\n @if (hasPickerButton()) {\n <ndw-picker-button\n [input]=\"input()\"\n [disabled]=\"disabled()\"\n [ariaLabel]=\"suffixAriaLabel()\"\n />\n }\n </div>\n\n @if (info(); as info) {\n <ndw-info [id]=\"descriptionUuid\">{{ info }}</ndw-info>\n }\n @if (error(); as error) {\n <ndw-error role=\"alert\" aria-live=\"polite\">{{ error }}</ndw-error>\n }\n @if (success(); as success) {\n <ndw-success role=\"alert\" aria-live=\"polite\">{{ success }}</ndw-success>\n }\n</ng-template>\n\n<ng-template #labelTemplate>\n <span class=\"required-label required\"> * </span>\n {{ label() }}\n @if (tooltip(); as tooltip) {\n <ndw-icon [ndwTooltip]=\"tooltip\">info</ndw-icon>\n }\n</ng-template>\n", styles: [":host{position:relative;display:grid;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm)}:host .required-label{display:none}:host:has([required]) .required-label{display:inline}fieldset{border:0;margin:0;padding:0}fieldset legend{padding-inline:0;word-break:break-word}label{word-break:break-word}ndw-error,ndw-success,ndw-info{margin-top:var(--ndw-spacing-2xs)}\n"], dependencies: [{ kind: "component", type: ErrorComponent, selector: "ndw-error" }, { kind: "component", type: SuccessComponent, selector: "ndw-success" }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "component", type: InfoComponent, selector: "ndw-info" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TooltipDirective, selector: "[ndwTooltip]", inputs: ["ndwTooltip"] }, { kind: "component", type: InputIconComponent, selector: "ndw-input-icon" }, { kind: "component", type: ClearSearchButtonComponent, selector: "ndw-clear-search-button", inputs: ["disabled", "input", "ariaLabel"], outputs: ["buttonClicked"] }, { kind: "component", type: PickerButtonComponent, selector: "ndw-picker-button", inputs: ["disabled", "input", "ariaLabel", "required"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2178
2217
|
}
|
|
2179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2218
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: FormFieldComponent, decorators: [{
|
|
2180
2219
|
type: Component,
|
|
2181
2220
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
2182
2221
|
ErrorComponent,
|
|
@@ -2188,7 +2227,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
2188
2227
|
InputIconComponent,
|
|
2189
2228
|
ClearSearchButtonComponent,
|
|
2190
2229
|
PickerButtonComponent,
|
|
2191
|
-
], selector: 'ndw-form-field',
|
|
2230
|
+
], selector: 'ndw-form-field', template: "@if (input() === undefined) {\n <fieldset>\n <legend ndwLabel [class.sr-only]=\"hideLabel()\">\n <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n </legend>\n <ng-container *ngTemplateOutlet=\"fieldTemplate\" />\n </fieldset>\n} @else {\n <label ndwLabel [attr.for]=\"input() ? 'input-' + uuid : null\" [class.sr-only]=\"hideLabel()\">\n <ng-container *ngTemplateOutlet=\"labelTemplate\" />\n </label>\n <ng-container *ngTemplateOutlet=\"fieldTemplate\" />\n}\n\n<ng-template #fieldTemplate>\n <div\n [class]=\"inputContainerClass\"\n [attr.success]=\"success() ? true : null\"\n [attr.error]=\"error() ? true : null\"\n [attr.disabled]=\"disabled() ? true : null\"\n [attr.readonly]=\"input()?.element?.hasAttribute('readonly') ? true : null\"\n >\n @if (isSearchInput()) {\n <ndw-input-icon>search</ndw-input-icon>\n }\n\n <ng-content />\n\n @if (isSearchInput()) {\n <ndw-clear-search-button\n [input]=\"input()\"\n [disabled]=\"disabled()\"\n [ariaLabel]=\"suffixAriaLabel()\"\n (buttonClicked)=\"clearButtonClicked.emit()\"\n />\n }\n @if (hasPickerButton()) {\n <ndw-picker-button\n [input]=\"input()\"\n [disabled]=\"disabled()\"\n [ariaLabel]=\"suffixAriaLabel()\"\n />\n }\n </div>\n\n @if (info(); as info) {\n <ndw-info [id]=\"descriptionUuid\">{{ info }}</ndw-info>\n }\n @if (error(); as error) {\n <ndw-error role=\"alert\" aria-live=\"polite\">{{ error }}</ndw-error>\n }\n @if (success(); as success) {\n <ndw-success role=\"alert\" aria-live=\"polite\">{{ success }}</ndw-success>\n }\n</ng-template>\n\n<ng-template #labelTemplate>\n <span class=\"required-label required\"> * </span>\n {{ label() }}\n @if (tooltip(); as tooltip) {\n <ndw-icon [ndwTooltip]=\"tooltip\">info</ndw-icon>\n }\n</ng-template>\n", styles: [":host{position:relative;display:grid;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm)}:host .required-label{display:none}:host:has([required]) .required-label{display:inline}fieldset{border:0;margin:0;padding:0}fieldset legend{padding-inline:0;word-break:break-word}label{word-break:break-word}ndw-error,ndw-success,ndw-info{margin-top:var(--ndw-spacing-2xs)}\n"] }]
|
|
2192
2231
|
}], ctorParameters: () => [] });
|
|
2193
2232
|
|
|
2194
2233
|
class RadioButtonComponent {
|
|
@@ -2227,8 +2266,8 @@ class RadioButtonComponent {
|
|
|
2227
2266
|
setDisabledState(isDisabled) {
|
|
2228
2267
|
this.disabled.set(isDisabled);
|
|
2229
2268
|
}
|
|
2230
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2231
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2269
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2270
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: RadioButtonComponent, isStandalone: true, selector: "ndw-radio-button", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, success: { classPropertyName: "success", publicName: "success", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", disabled: "disabledChange", name: "nameChange", value: "valueChange" }, host: { properties: { "class.checked": "checked()", "class.disabled": "disabled()" } }, providers: [
|
|
2232
2271
|
{
|
|
2233
2272
|
provide: NG_VALUE_ACCESSOR,
|
|
2234
2273
|
useExisting: RadioButtonComponent,
|
|
@@ -2236,7 +2275,7 @@ class RadioButtonComponent {
|
|
|
2236
2275
|
},
|
|
2237
2276
|
], ngImport: i0, template: "<input\n type=\"radio\"\n [id]=\"'radio-button-' + uuid\"\n [name]=\"name()\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n aria-hidden=\"true\"\n/>\n<div\n class=\"radio-button\"\n role=\"radio\"\n [ngClass]=\"{ error: error(), success: success() }\"\n [tabindex]=\"disabled() ? -1 : 0\"\n [attr.aria-checked]=\"checked()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-labelledby]=\"'radio-button-label-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n @if (checked()) {\n <span class=\"check\"></span>\n }\n</div>\n<label\n tabindex=\"-1\"\n id=\"radio-button-label-{{ uuid }}\"\n [for]=\"'radio-button-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <ng-content />\n</label>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:host{--checkable-input-size: 1.25rem;cursor:pointer;display:inline-grid;gap:var(--ndw-spacing-xs);grid-template-columns:auto 1fr;min-height:1.375rem;width:fit-content}input{display:none}div{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;color:var(--ndw-color-white);display:flex;height:var(--checkable-input-size);position:relative;transition:background-color var(--ndw-animation-speed-fast) ease-out,border-color var(--ndw-animation-speed-fast) ease-out,box-shadow var(--ndw-animation-speed-fast) ease-out;width:var(--checkable-input-size)}div.success{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}div.error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}label{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:center;color:var(--ndw-color-grey-600);cursor:pointer;display:flex;line-height:var(--ndw-line-height-sm);width:fit-content;word-break:break-word}label:focus{outline:none}:host(.checked) div,:host(.indeterminate) div{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) div.success,:host(.indeterminate) div.success{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) div.error,:host(.indeterminate) div.error{background-color:var(--ndw-color-critical-500);border-color:var(--ndw-color-critical-500)}:host(:focus){outline:none}:host(:focus) div{box-shadow:var(--ndw-elevation-info)}:host(:active) div,:host(:focus) div,:host(:not(.checked):active) div,:host(:not(.indeterminate):active) div{border-color:var(--ndw-color-secondary-500)}:host(.checked:focus) div,:host(.indeterminate:focus) div{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) div{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-200)}:host(.disabled) label{color:var(--ndw-color-grey-400)}:host(.checked.disabled) div{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}\n", "div{border-radius:50%}div .check{background-color:var(--ndw-color-white);border-radius:inherit;height:.5rem;margin:auto;width:.5rem}:host(:hover) div{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(:not(.checked):hover) div{background-color:var(--ndw-color-white);border-color:var(--ndw-color-primary-500)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2238
2277
|
}
|
|
2239
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2278
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: RadioButtonComponent, decorators: [{
|
|
2240
2279
|
type: Component,
|
|
2241
2280
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2242
2281
|
'[class.checked]': 'checked()',
|
|
@@ -2247,14 +2286,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
2247
2286
|
useExisting: RadioButtonComponent,
|
|
2248
2287
|
multi: true,
|
|
2249
2288
|
},
|
|
2250
|
-
], selector: 'ndw-radio-button',
|
|
2289
|
+
], selector: 'ndw-radio-button', template: "<input\n type=\"radio\"\n [id]=\"'radio-button-' + uuid\"\n [name]=\"name()\"\n [checked]=\"checked()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n aria-hidden=\"true\"\n/>\n<div\n class=\"radio-button\"\n role=\"radio\"\n [ngClass]=\"{ error: error(), success: success() }\"\n [tabindex]=\"disabled() ? -1 : 0\"\n [attr.aria-checked]=\"checked()\"\n [attr.aria-disabled]=\"disabled()\"\n [attr.aria-labelledby]=\"'radio-button-label-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n @if (checked()) {\n <span class=\"check\"></span>\n }\n</div>\n<label\n tabindex=\"-1\"\n id=\"radio-button-label-{{ uuid }}\"\n [for]=\"'radio-button-' + uuid\"\n (click)=\"onClick()\"\n (keydown)=\"onKeyDown($event)\"\n>\n <ng-content />\n</label>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:host{--checkable-input-size: 1.25rem;cursor:pointer;display:inline-grid;gap:var(--ndw-spacing-xs);grid-template-columns:auto 1fr;min-height:1.375rem;width:fit-content}input{display:none}div{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;color:var(--ndw-color-white);display:flex;height:var(--checkable-input-size);position:relative;transition:background-color var(--ndw-animation-speed-fast) ease-out,border-color var(--ndw-animation-speed-fast) ease-out,box-shadow var(--ndw-animation-speed-fast) ease-out;width:var(--checkable-input-size)}div.success{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}div.error{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}label{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;align-items:center;color:var(--ndw-color-grey-600);cursor:pointer;display:flex;line-height:var(--ndw-line-height-sm);width:fit-content;word-break:break-word}label:focus{outline:none}:host(.checked) div,:host(.indeterminate) div{background-color:var(--ndw-color-primary-500);border-color:var(--ndw-color-primary-500)}:host(.checked) div.success,:host(.indeterminate) div.success{background-color:var(--ndw-color-positive-500);border-color:var(--ndw-color-positive-500)}:host(.checked) div.error,:host(.indeterminate) div.error{background-color:var(--ndw-color-critical-500);border-color:var(--ndw-color-critical-500)}:host(:focus){outline:none}:host(:focus) div{box-shadow:var(--ndw-elevation-info)}:host(:active) div,:host(:focus) div,:host(:not(.checked):active) div,:host(:not(.indeterminate):active) div{border-color:var(--ndw-color-secondary-500)}:host(.checked:focus) div,:host(.indeterminate:focus) div{background-color:var(--ndw-color-primary-700)}:host(.disabled){pointer-events:none;-webkit-user-select:none;user-select:none}:host(.disabled) div{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-200)}:host(.disabled) label{color:var(--ndw-color-grey-400)}:host(.checked.disabled) div{background-color:var(--ndw-color-grey-200);border-color:var(--ndw-color-grey-200)}\n", "div{border-radius:50%}div .check{background-color:var(--ndw-color-white);border-radius:inherit;height:.5rem;margin:auto;width:.5rem}:host(:hover) div{background-color:var(--ndw-color-primary-600);border-color:var(--ndw-color-primary-600)}:host(:not(.checked):hover) div{background-color:var(--ndw-color-white);border-color:var(--ndw-color-primary-500)}\n"] }]
|
|
2251
2290
|
}] });
|
|
2252
2291
|
|
|
2253
2292
|
class RadioGroupComponent {
|
|
2254
2293
|
constructor() {
|
|
2255
2294
|
this.radioButtons = contentChildren(RadioButtonComponent);
|
|
2256
2295
|
this.uuid = crypto.randomUUID();
|
|
2257
|
-
this.onChange = () => {
|
|
2296
|
+
this.onChange = () => {
|
|
2297
|
+
// noop
|
|
2298
|
+
};
|
|
2258
2299
|
}
|
|
2259
2300
|
ngAfterContentInit() {
|
|
2260
2301
|
this.setRadioButtonsName();
|
|
@@ -2294,8 +2335,8 @@ class RadioGroupComponent {
|
|
|
2294
2335
|
});
|
|
2295
2336
|
});
|
|
2296
2337
|
}
|
|
2297
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2298
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
2338
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: RadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2339
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.1", type: RadioGroupComponent, isStandalone: true, selector: "ndw-radio-group", host: { attributes: { "role": "radiogroup" } }, providers: [
|
|
2299
2340
|
{
|
|
2300
2341
|
provide: NG_VALUE_ACCESSOR,
|
|
2301
2342
|
useExisting: RadioGroupComponent,
|
|
@@ -2303,7 +2344,7 @@ class RadioGroupComponent {
|
|
|
2303
2344
|
},
|
|
2304
2345
|
], queries: [{ propertyName: "radioButtons", predicate: RadioButtonComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:grid;gap:var(--ndw-spacing-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2305
2346
|
}
|
|
2306
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2347
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: RadioGroupComponent, decorators: [{
|
|
2307
2348
|
type: Component,
|
|
2308
2349
|
args: [{ host: {
|
|
2309
2350
|
role: 'radiogroup',
|
|
@@ -2313,7 +2354,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
2313
2354
|
useExisting: RadioGroupComponent,
|
|
2314
2355
|
multi: true,
|
|
2315
2356
|
},
|
|
2316
|
-
], selector: 'ndw-radio-group',
|
|
2357
|
+
], selector: 'ndw-radio-group', template: "<ng-content />\n", styles: [":host{display:grid;gap:var(--ndw-spacing-2xs)}\n"] }]
|
|
2317
2358
|
}] });
|
|
2318
2359
|
|
|
2319
2360
|
/**
|
|
@@ -2328,6 +2369,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
2328
2369
|
class AutoGrowDirective {
|
|
2329
2370
|
constructor() {
|
|
2330
2371
|
this.elementRef = inject(ElementRef);
|
|
2372
|
+
this.ngControl = inject(NgControl, { optional: true });
|
|
2373
|
+
this.destroyRef = inject(DestroyRef);
|
|
2331
2374
|
}
|
|
2332
2375
|
get element() {
|
|
2333
2376
|
return this.elementRef.nativeElement;
|
|
@@ -2335,35 +2378,107 @@ class AutoGrowDirective {
|
|
|
2335
2378
|
ngAfterViewInit() {
|
|
2336
2379
|
this.element.style.resize = 'none';
|
|
2337
2380
|
this.element.style.overflow = 'hidden';
|
|
2338
|
-
this.element.addEventListener('input', fitContentInTextArea);
|
|
2339
2381
|
// Use set timeout to make sure the textarea is rendered before
|
|
2340
2382
|
// we set the initial height. This is needed for Firefox.
|
|
2341
|
-
setTimeout(() => fitContentInTextArea(
|
|
2383
|
+
setTimeout(() => this.fitContentInTextArea());
|
|
2384
|
+
this.updateHeightOnNgControlUpdate();
|
|
2342
2385
|
}
|
|
2343
|
-
|
|
2344
|
-
this.element.
|
|
2386
|
+
fitContentInTextArea() {
|
|
2387
|
+
this.element.style.height = 'auto'; // Make the textarea shrink when a lot of text is removed.
|
|
2388
|
+
this.element.style.height = `${this.element.scrollHeight}px`;
|
|
2345
2389
|
}
|
|
2346
|
-
|
|
2347
|
-
|
|
2390
|
+
updateHeightOnNgControlUpdate() {
|
|
2391
|
+
if (!this.ngControl?.control) {
|
|
2392
|
+
return;
|
|
2393
|
+
}
|
|
2394
|
+
this.ngControl.control.valueChanges
|
|
2395
|
+
.pipe(startWith(this.ngControl.value), takeUntilDestroyed(this.destroyRef))
|
|
2396
|
+
.subscribe(() => this.fitContentInTextArea());
|
|
2397
|
+
}
|
|
2398
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AutoGrowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2399
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.1", type: AutoGrowDirective, isStandalone: true, selector: "textarea[ndwAutoGrow]", host: { listeners: { "input": "fitContentInTextArea()" } }, ngImport: i0 }); }
|
|
2348
2400
|
}
|
|
2349
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2401
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: AutoGrowDirective, decorators: [{
|
|
2350
2402
|
type: Directive,
|
|
2351
2403
|
args: [{
|
|
2352
2404
|
selector: 'textarea[ndwAutoGrow]',
|
|
2353
|
-
|
|
2405
|
+
host: {
|
|
2406
|
+
'(input)': 'fitContentInTextArea()',
|
|
2407
|
+
},
|
|
2354
2408
|
}]
|
|
2355
2409
|
}] });
|
|
2356
|
-
function fitContentInTextArea(event) {
|
|
2357
|
-
const element = event.target;
|
|
2358
|
-
element.style.height = 'auto'; // Make the textarea shrink when a lot of text is removed.
|
|
2359
|
-
element.style.height = `${element.scrollHeight}px`;
|
|
2360
|
-
}
|
|
2361
2410
|
|
|
2362
|
-
|
|
2363
|
-
|
|
2364
|
-
|
|
2365
|
-
|
|
2366
|
-
|
|
2411
|
+
class MaxCharDirective {
|
|
2412
|
+
get element() {
|
|
2413
|
+
return this.elementRef.nativeElement;
|
|
2414
|
+
}
|
|
2415
|
+
constructor() {
|
|
2416
|
+
this.ndwMaxChar = input(0);
|
|
2417
|
+
this.maxCharText = input('');
|
|
2418
|
+
this.elementRef = inject(ElementRef);
|
|
2419
|
+
this.renderer = inject(Renderer2);
|
|
2420
|
+
effect(() => {
|
|
2421
|
+
// Needs to be optimised to prevent using setTimeout as a solution in task: 88237
|
|
2422
|
+
setTimeout(() => {
|
|
2423
|
+
if (this.ndwMaxChar() > 0 && !this.elementRef.nativeElement.disabled) {
|
|
2424
|
+
if (!this.counterElement) {
|
|
2425
|
+
this.createCounterElement();
|
|
2426
|
+
}
|
|
2427
|
+
this.onInput();
|
|
2428
|
+
this.elementRef.nativeElement.parentNode.style.display = 'block';
|
|
2429
|
+
this.renderer.appendChild(this.elementRef.nativeElement.parentNode, this.counterElement);
|
|
2430
|
+
}
|
|
2431
|
+
else if (this.counterElement) {
|
|
2432
|
+
this.removeCounterElement();
|
|
2433
|
+
}
|
|
2434
|
+
});
|
|
2435
|
+
});
|
|
2436
|
+
}
|
|
2437
|
+
onInput() {
|
|
2438
|
+
this.counterElement.textContent = `${this.elementRef.nativeElement.value.length} /
|
|
2439
|
+
${this.ndwMaxChar()} ${this.maxCharText()}`;
|
|
2440
|
+
if (this.elementRef.nativeElement.value.length > this.ndwMaxChar()) {
|
|
2441
|
+
this.renderer.setStyle(this.counterElement, 'color', 'var(--ndw-color-critical-500)');
|
|
2442
|
+
}
|
|
2443
|
+
else {
|
|
2444
|
+
this.renderer.setStyle(this.counterElement, 'color', 'var(--ndw-color-grey-500)');
|
|
2445
|
+
}
|
|
2446
|
+
}
|
|
2447
|
+
createCounterElement() {
|
|
2448
|
+
this.counterElement = this.renderer.createElement('span');
|
|
2449
|
+
this.renderer.setStyle(this.counterElement, 'display', 'flex');
|
|
2450
|
+
this.renderer.setStyle(this.counterElement, 'padding-bottom', 'var(--ndw-spacing-xs)');
|
|
2451
|
+
this.renderer.setStyle(this.counterElement, 'padding-left', 'var(--ndw-spacing-sm)');
|
|
2452
|
+
this.renderer.setStyle(this.counterElement, 'position', 'absolute');
|
|
2453
|
+
this.renderer.setStyle(this.counterElement, 'bottom', '0');
|
|
2454
|
+
this.renderer.setStyle(this.counterElement, 'background-color', 'var(--ndw-color-white)');
|
|
2455
|
+
this.renderer.setStyle(this.counterElement, 'width', 'calc(100% - 1rem)');
|
|
2456
|
+
this.elementRef.nativeElement.parentNode.style.position = 'relative';
|
|
2457
|
+
const counterHeight = this.counterElement.offsetHeight;
|
|
2458
|
+
this.elementRef.nativeElement.parentNode.querySelector('textarea').style.minHeight =
|
|
2459
|
+
`calc(4rem + ${counterHeight}px)`;
|
|
2460
|
+
this.elementRef.nativeElement.parentNode.querySelector('textarea').style.paddingBottom =
|
|
2461
|
+
'var(--ndw-spacing-xl)';
|
|
2462
|
+
}
|
|
2463
|
+
removeCounterElement() {
|
|
2464
|
+
this.elementRef.nativeElement.parentNode.style.display = 'flex';
|
|
2465
|
+
this.elementRef.nativeElement.parentNode.style.paddingBottom = 'var(--ndw-spacing-lg)';
|
|
2466
|
+
this.renderer.removeChild(this.elementRef.nativeElement.parentNode, this.counterElement);
|
|
2467
|
+
this.elementRef.nativeElement.parentNode.querySelector('textarea').style.minHeight = '4rem';
|
|
2468
|
+
this.counterElement = null;
|
|
2469
|
+
}
|
|
2470
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: MaxCharDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2471
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.1", type: MaxCharDirective, isStandalone: true, selector: "textarea[ndwMaxChar]", inputs: { ndwMaxChar: { classPropertyName: "ndwMaxChar", publicName: "ndwMaxChar", isSignal: true, isRequired: false, transformFunction: null }, maxCharText: { classPropertyName: "maxCharText", publicName: "maxCharText", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "onInput()" } }, ngImport: i0 }); }
|
|
2472
|
+
}
|
|
2473
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: MaxCharDirective, decorators: [{
|
|
2474
|
+
type: Directive,
|
|
2475
|
+
args: [{
|
|
2476
|
+
selector: 'textarea[ndwMaxChar]',
|
|
2477
|
+
host: {
|
|
2478
|
+
'(input)': 'onInput()',
|
|
2479
|
+
},
|
|
2480
|
+
}]
|
|
2481
|
+
}], ctorParameters: () => [] });
|
|
2367
2482
|
|
|
2368
2483
|
class MainNavigationMenuComponent {
|
|
2369
2484
|
constructor() {
|
|
@@ -2375,12 +2490,12 @@ class MainNavigationMenuComponent {
|
|
|
2375
2490
|
activeItem.callback?.(activeItem.id);
|
|
2376
2491
|
this.close.emit(activeItem);
|
|
2377
2492
|
}
|
|
2378
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2379
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2493
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: MainNavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2494
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: MainNavigationMenuComponent, isStandalone: true, selector: "ndw-main-navigation-menu", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: true, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, ngImport: i0, template: "@for (item of menuItems(); track item.id) {\n <button\n ndwButton\n menu\n [attr.clickable]=\"!!item.callback || undefined\"\n [attr.selected]=\"isMobile() || item.active || undefined\"\n (click)=\"handleSelected(item)\"\n >\n {{ item.label }}\n </button>\n}\n", styles: [":host{background-color:var(--ndw-color-grey-700);min-width:10rem}[ndwButton][menu]{justify-content:flex-start;padding-inline:var(--ndw-spacing-sm)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2380
2495
|
}
|
|
2381
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: MainNavigationMenuComponent, decorators: [{
|
|
2382
2497
|
type: Component,
|
|
2383
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-main-navigation-menu',
|
|
2498
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-main-navigation-menu', template: "@for (item of menuItems(); track item.id) {\n <button\n ndwButton\n menu\n [attr.clickable]=\"!!item.callback || undefined\"\n [attr.selected]=\"isMobile() || item.active || undefined\"\n (click)=\"handleSelected(item)\"\n >\n {{ item.label }}\n </button>\n}\n", styles: [":host{background-color:var(--ndw-color-grey-700);min-width:10rem}[ndwButton][menu]{justify-content:flex-start;padding-inline:var(--ndw-spacing-sm)}\n"] }]
|
|
2384
2499
|
}] });
|
|
2385
2500
|
|
|
2386
2501
|
const MAIN_NAVIGATION_IMPORTS = [
|
|
@@ -2413,7 +2528,7 @@ class MainNavigationComponent {
|
|
|
2413
2528
|
this.applicationName = input.required();
|
|
2414
2529
|
this.topMenuItems = input.required();
|
|
2415
2530
|
this.bottomMenuItems = input();
|
|
2416
|
-
this.brand = input(
|
|
2531
|
+
this.brand = input('NDW');
|
|
2417
2532
|
this.footerTexts = input();
|
|
2418
2533
|
this.isCollapsible = input(true);
|
|
2419
2534
|
this.version = input();
|
|
@@ -2467,14 +2582,21 @@ class MainNavigationComponent {
|
|
|
2467
2582
|
close(activeItem, toggleMobileView) {
|
|
2468
2583
|
this.activeChildItems = [];
|
|
2469
2584
|
this.activeId = undefined;
|
|
2470
|
-
this.isMobile()
|
|
2585
|
+
if (this.isMobile()) {
|
|
2586
|
+
this.mobilePortal?.detach();
|
|
2587
|
+
}
|
|
2588
|
+
else {
|
|
2589
|
+
this.overlayRef?.detach();
|
|
2590
|
+
}
|
|
2471
2591
|
if (activeItem) {
|
|
2472
2592
|
this.#allMenuItems().forEach((item) => {
|
|
2473
2593
|
item.children?.forEach((child) => (child.active = child.id === activeItem.id));
|
|
2474
2594
|
item.active = item.children?.some((child) => child.active) ?? false;
|
|
2475
2595
|
});
|
|
2476
2596
|
}
|
|
2477
|
-
|
|
2597
|
+
if (toggleMobileView) {
|
|
2598
|
+
this.toggleMobileView();
|
|
2599
|
+
}
|
|
2478
2600
|
}
|
|
2479
2601
|
handleClick(activeItem) {
|
|
2480
2602
|
activeItem.callback?.(activeItem.id);
|
|
@@ -2514,7 +2636,12 @@ class MainNavigationComponent {
|
|
|
2514
2636
|
if (event && event?.key !== 'Enter') {
|
|
2515
2637
|
return;
|
|
2516
2638
|
}
|
|
2517
|
-
this.mobilePortal?.isAttached && this.selectedId === item.id
|
|
2639
|
+
if (this.mobilePortal?.isAttached && this.selectedId === item.id) {
|
|
2640
|
+
this.close();
|
|
2641
|
+
}
|
|
2642
|
+
else {
|
|
2643
|
+
this.open(item);
|
|
2644
|
+
}
|
|
2518
2645
|
}
|
|
2519
2646
|
toggleMobileView() {
|
|
2520
2647
|
this.isMobileExpanded.set(!this.isMobileExpanded());
|
|
@@ -2531,10 +2658,10 @@ class MainNavigationComponent {
|
|
|
2531
2658
|
.flexibleConnectedTo(trigger)
|
|
2532
2659
|
.withPositions(this.overlayPositions);
|
|
2533
2660
|
}
|
|
2534
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2535
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: MainNavigationComponent, isStandalone: true, selector: "ndw-main-navigation", inputs: { applicationName: { classPropertyName: "applicationName", publicName: "applicationName", isSignal: true, isRequired: true, transformFunction: null }, topMenuItems: { classPropertyName: "topMenuItems", publicName: "topMenuItems", isSignal: true, isRequired: true, transformFunction: null }, bottomMenuItems: { classPropertyName: "bottomMenuItems", publicName: "bottomMenuItems", isSignal: true, isRequired: false, transformFunction: null }, brand: { classPropertyName: "brand", publicName: "brand", isSignal: true, isRequired: false, transformFunction: null }, footerTexts: { classPropertyName: "footerTexts", publicName: "footerTexts", isSignal: true, isRequired: false, transformFunction: null }, isCollapsible: { classPropertyName: "isCollapsible", publicName: "isCollapsible", isSignal: true, isRequired: false, transformFunction: null }, version: { classPropertyName: "version", publicName: "version", isSignal: true, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, menuButtonLabel: { classPropertyName: "menuButtonLabel", publicName: "menuButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null }, isMobileExpanded: { classPropertyName: "isMobileExpanded", publicName: "isMobileExpanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isExpanded: "isExpandedChange", isMobileExpanded: "isMobileExpandedChange" }, host: { listeners: { "document:mousemove": "onMouseMove($event)", "window:resize": "onWindowResize()" }, properties: { "attr.brand": "brand().toLowerCase()", "class.expanded": "isExpanded()", "class.mobile": "isMobile()" } }, viewQueries: [{ propertyName: "buttons", predicate: ["menuTrigger"], descendants: true, isSignal: true }, { propertyName: "childMenuTemplate", first: true, predicate: ["childMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<header>\n <a routerLink=\"/\" (click)=\"handleLogoClick()\" (keydown)=\"handleLogoClick()\">\n <img [src]=\"brandImagePath()\" [alt]=\"brand() + ' logo'\" />\n @if (isExpanded() || isMobile()) {\n {{ applicationName() }}\n }\n </a>\n <button ndwButton class=\"menu-button\" aria-label=\"menu-button\" (click)=\"toggleMobileView()\">\n @if (!isMobileExpanded()) {\n {{ menuButtonLabel() }}\n <ndw-icon>menu</ndw-icon>\n } @else {\n {{ closeButtonLabel() }}\n <ndw-icon>close</ndw-icon>\n }\n </button>\n</header>\n<div class=\"content\" [ngClass]=\"{ expanded: isMobileExpanded() }\">\n <main>\n <div class=\"menu-items\">\n @for (item of topMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n </div>\n </main>\n <footer>\n <div class=\"menu-items\">\n @for (item of bottomMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n </div>\n <div class=\"texts\">\n @if (isExpanded() || isMobile()) {\n @for (text of footerTexts(); track $index) {\n <p>{{ text }}</p>\n }\n }\n </div>\n <div class=\"version\">\n <p>{{ version() }}</p>\n @if (isCollapsible()) {\n <button ndwButton menu aria-label=\"expand-button\" (click)=\"toggleView()\">\n <ndw-icon>keyboard_double_arrow_right</ndw-icon>\n </button>\n }\n </div>\n </footer>\n</div>\n\n<!-- Templates -->\n<ng-template #menuItem let-item>\n <button\n ndwButton\n menu\n #menuTrigger\n [attr.active]=\"item.id === activeId || undefined\"\n [attr.clickable]=\"!!item.callback || undefined\"\n [attr.selected]=\"(isMobile() && activeChildItems === item.children) || item.active || undefined\"\n [id]=\"item.id\"\n [ndwTooltip]=\"!isExpanded() && !isMobile() ? item.label : ''\"\n (click)=\"!!item.callback && handleClick(item)\"\n (focus)=\"!isMobile() && open(item)\"\n (keydown)=\"isMobile() && toggleChildMenu(item, $event)\"\n (mousedown)=\"isMobile() && toggleChildMenu(item)\"\n (mouseover)=\"!isMobile() && open(item)\"\n >\n @if (item.icon) {\n <ndw-icon>{{ item.icon }}</ndw-icon>\n }\n @if (isExpanded() || isMobile()) {\n {{ item.label }}\n }\n @if (item.notifications) {\n <ndw-badge [ngClass]=\"{ collapsed: !isExpanded() }\" [value]=\"item.notifications\" />\n }\n @if (isExpanded() && item.children) {\n <ndw-icon\n class=\"suffix\"\n [ngClass]=\"{ open: !!mobilePortal && activeChildItems === item.children }\"\n >arrow_right</ndw-icon\n >\n }\n </button>\n @if (activeChildItems === item.children) {\n <ng-template [cdkPortalOutlet]=\"mobilePortal\" />\n }\n</ng-template>\n\n<ng-template #childMenu>\n <ndw-main-navigation-menu\n [isMobile]=\"isMobile()\"\n [menuItems]=\"activeChildItems\"\n (close)=\"close($event, true)\"\n />\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-navigation-collapse-width: 2.75rem;--main-navigation-mobile-header-height: 6.25rem;background-color:var(--ndw-color-grey-700);box-sizing:border-box;color:var(--ndw-color-grey-400);display:grid;grid-template-rows:auto 1fr;height:100%;padding-top:var(--ndw-spacing-lg);width:var(--main-navigation-collapse-width)}:host header{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;color:var(--ndw-color-white);display:flex;gap:var(--ndw-spacing-xs);justify-content:center;letter-spacing:.2em;margin-bottom:var(--ndw-spacing-xl);padding-inline:0;text-transform:uppercase}:host header a{align-items:baseline;color:var(--ndw-color-white);cursor:pointer;display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs);text-decoration:none}:host header a img{width:1rem}:host header .menu-button{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);border-radius:var(--ndw-border-radius-lg);display:none;text-transform:uppercase}:host header .menu-button ndw-icon{font-size:var(--ndw-font-size-lg)}:host .content{background-color:var(--ndw-color-grey-700);display:grid;grid-template-rows:1fr auto;overflow-y:auto}:host .content main [ndwButton],:host .content footer [ndwButton]{justify-content:center}:host .content main [ndwButton] ndw-badge,:host .content footer [ndwButton] ndw-badge{margin-left:var(--ndw-spacing-2xs);position:absolute;right:.375rem;top:.375rem}:host .content main [ndwButton] .suffix,:host .content footer [ndwButton] .suffix{position:absolute;right:var(--ndw-spacing-sm)}:host .content footer .texts{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;display:grid;gap:var(--ndw-spacing-xs);min-height:2.625rem;padding-inline:var(--ndw-spacing-md);padding-top:var(--ndw-spacing-md)}:host .content footer .texts p{margin:auto;text-align:center}:host .content footer .version{align-items:center;display:grid;grid-template-columns:1fr}:host .content footer .version p{display:none;font-size:var(--ndw-font-size-2xs);padding-left:var(--main-navigation-collapse-width);text-align:center}:host.expanded header,:host.mobile header{padding-inline:var(--ndw-spacing-md)}:host.expanded header a img,:host.mobile header a img{width:4rem}:host.expanded .content main .menu-items [ndwButton],:host.expanded .content footer .menu-items [ndwButton],:host.mobile .content main .menu-items [ndwButton],:host.mobile .content footer .menu-items [ndwButton]{justify-content:flex-start;padding-inline:var(--ndw-spacing-md)}:host.expanded .content main .menu-items [ndwButton] ndw-badge,:host.expanded .content footer .menu-items [ndwButton] ndw-badge,:host.mobile .content main .menu-items [ndwButton] ndw-badge,:host.mobile .content footer .menu-items [ndwButton] ndw-badge{position:relative;right:auto;top:auto}:host.expanded{width:12.5rem}:host.expanded header{justify-content:flex-start}:host.expanded .content footer{position:relative}:host.expanded .content footer .version{grid-template-columns:1fr var(--main-navigation-collapse-width)}:host.expanded .content footer .version p{display:block}:host.expanded .content footer .version [ndwButton] ndw-icon{transform:var(--ndw-rotate-half)}:host[brand=nwb] header{font-size:.5rem}:host.expanded[brand=nwb] header{flex-direction:column}:host.expanded[brand=nwb] header img{width:8rem}@media screen and (max-width: 1024px){:host{align-items:flex-end;grid-template-rows:initial;height:var(--main-navigation-mobile-header-height);width:100%}:host header{align-items:flex-end;justify-content:space-between;margin-bottom:var(--ndw-spacing-md)}:host header .menu-button{display:flex}:host .content{display:none;grid-template-rows:auto 1fr;inset:var(--main-navigation-mobile-header-height) 0 0;position:absolute;z-index:9999}:host .content [ndwButton] .suffix{rotate:90deg}:host .content [ndwButton] .suffix.open{rotate:-90deg}:host .content footer{display:grid;grid-template-rows:1fr repeat(2,auto)}:host .content footer .version button{display:none}:host .content.expanded{display:grid}:host.expanded{width:100%}:host.expanded header{justify-content:space-between}}\n"], dependencies: [{ kind: "component", type: BadgeComponent, selector: "ndw-badge", inputs: ["value", "ariaLabel"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "component", type: MainNavigationMenuComponent, selector: "ndw-main-navigation-menu", inputs: ["menuItems", "isMobile"], outputs: ["close"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: i6.OverlayModule }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TooltipDirective, selector: "[ndwTooltip]", inputs: ["ndwTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2661
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: MainNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2662
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: MainNavigationComponent, isStandalone: true, selector: "ndw-main-navigation", inputs: { applicationName: { classPropertyName: "applicationName", publicName: "applicationName", isSignal: true, isRequired: true, transformFunction: null }, topMenuItems: { classPropertyName: "topMenuItems", publicName: "topMenuItems", isSignal: true, isRequired: true, transformFunction: null }, bottomMenuItems: { classPropertyName: "bottomMenuItems", publicName: "bottomMenuItems", isSignal: true, isRequired: false, transformFunction: null }, brand: { classPropertyName: "brand", publicName: "brand", isSignal: true, isRequired: false, transformFunction: null }, footerTexts: { classPropertyName: "footerTexts", publicName: "footerTexts", isSignal: true, isRequired: false, transformFunction: null }, isCollapsible: { classPropertyName: "isCollapsible", publicName: "isCollapsible", isSignal: true, isRequired: false, transformFunction: null }, version: { classPropertyName: "version", publicName: "version", isSignal: true, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, menuButtonLabel: { classPropertyName: "menuButtonLabel", publicName: "menuButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null }, isMobileExpanded: { classPropertyName: "isMobileExpanded", publicName: "isMobileExpanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isExpanded: "isExpandedChange", isMobileExpanded: "isMobileExpandedChange" }, host: { listeners: { "document:mousemove": "onMouseMove($event)", "window:resize": "onWindowResize()" }, properties: { "attr.brand": "brand().toLowerCase()", "class.expanded": "isExpanded()", "class.mobile": "isMobile()" } }, viewQueries: [{ propertyName: "buttons", predicate: ["menuTrigger"], descendants: true, isSignal: true }, { propertyName: "childMenuTemplate", first: true, predicate: ["childMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<header>\n <a routerLink=\"/\" (click)=\"handleLogoClick()\" (keydown)=\"handleLogoClick()\">\n <img [src]=\"brandImagePath()\" [alt]=\"brand() + ' logo'\" />\n @if (isExpanded() || isMobile()) {\n {{ applicationName() }}\n }\n </a>\n <button ndwButton class=\"menu-button\" aria-label=\"menu-button\" (click)=\"toggleMobileView()\">\n @if (!isMobileExpanded()) {\n {{ menuButtonLabel() }}\n <ndw-icon>menu</ndw-icon>\n } @else {\n {{ closeButtonLabel() }}\n <ndw-icon>close</ndw-icon>\n }\n </button>\n</header>\n<div class=\"content\" [ngClass]=\"{ expanded: isMobileExpanded() }\">\n <main>\n <div class=\"menu-items\">\n @for (item of topMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n </div>\n </main>\n <footer>\n <div class=\"menu-items\">\n @for (item of bottomMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n </div>\n <div class=\"texts\">\n @if (isExpanded() || isMobile()) {\n @for (text of footerTexts(); track $index) {\n <p>{{ text }}</p>\n }\n }\n </div>\n <div class=\"version\">\n <p>{{ version() }}</p>\n @if (isCollapsible()) {\n <button ndwButton menu aria-label=\"expand-button\" (click)=\"toggleView()\">\n <ndw-icon>keyboard_double_arrow_right</ndw-icon>\n </button>\n }\n </div>\n </footer>\n</div>\n\n<!-- Templates -->\n<ng-template #menuItem let-item>\n <button\n ndwButton\n menu\n #menuTrigger\n [attr.active]=\"item.id === activeId || undefined\"\n [attr.clickable]=\"!!item.callback || undefined\"\n [attr.selected]=\"(isMobile() && activeChildItems === item.children) || item.active || undefined\"\n [id]=\"item.id\"\n [ndwTooltip]=\"!isExpanded() && !isMobile() ? item.label : ''\"\n (click)=\"!!item.callback && handleClick(item)\"\n (focus)=\"!isMobile() && open(item)\"\n (keydown)=\"isMobile() && toggleChildMenu(item, $event)\"\n (mousedown)=\"isMobile() && toggleChildMenu(item)\"\n (mouseover)=\"!isMobile() && open(item)\"\n >\n @if (item.icon) {\n <ndw-icon>{{ item.icon }}</ndw-icon>\n }\n @if (isExpanded() || isMobile()) {\n {{ item.label }}\n }\n @if (item.notifications) {\n <ndw-badge [ngClass]=\"{ collapsed: !isExpanded() }\" [value]=\"item.notifications\" />\n }\n @if (isExpanded() && item.children) {\n <ndw-icon\n class=\"suffix\"\n [ngClass]=\"{ open: !!mobilePortal && activeChildItems === item.children }\"\n >arrow_right</ndw-icon\n >\n }\n </button>\n @if (activeChildItems === item.children) {\n <ng-template [cdkPortalOutlet]=\"mobilePortal\" />\n }\n</ng-template>\n\n<ng-template #childMenu>\n <ndw-main-navigation-menu\n [isMobile]=\"isMobile()\"\n [menuItems]=\"activeChildItems\"\n (close)=\"close($event, true)\"\n />\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-navigation-collapse-width: 2.75rem;--main-navigation-mobile-header-height: 6.25rem;background-color:var(--ndw-color-grey-700);box-sizing:border-box;color:var(--ndw-color-grey-400);display:grid;grid-template-rows:auto 1fr;height:100%;padding-top:var(--ndw-spacing-lg);width:var(--main-navigation-collapse-width)}:host header{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;color:var(--ndw-color-white);display:flex;gap:var(--ndw-spacing-xs);justify-content:center;letter-spacing:.2em;margin-bottom:var(--ndw-spacing-xl);padding-inline:0;text-transform:uppercase}:host header a{align-items:baseline;color:var(--ndw-color-white);cursor:pointer;display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs);text-decoration:none}:host header a img{width:1rem}:host header .menu-button{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);border-radius:var(--ndw-border-radius-lg);display:none;text-transform:uppercase}:host header .menu-button ndw-icon{font-size:var(--ndw-font-size-lg)}:host .content{background-color:var(--ndw-color-grey-700);display:grid;grid-template-rows:1fr auto;overflow-y:auto}:host .content main [ndwButton],:host .content footer [ndwButton]{justify-content:center}:host .content main [ndwButton] ndw-badge,:host .content footer [ndwButton] ndw-badge{margin-left:var(--ndw-spacing-2xs);position:absolute;right:.375rem;top:.375rem}:host .content main [ndwButton] .suffix,:host .content footer [ndwButton] .suffix{position:absolute;right:var(--ndw-spacing-sm)}:host .content footer .texts{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;display:grid;gap:var(--ndw-spacing-xs);min-height:2.625rem;padding-inline:var(--ndw-spacing-md);padding-top:var(--ndw-spacing-md)}:host .content footer .texts p{margin:auto;text-align:center}:host .content footer .version{align-items:center;display:grid;grid-template-columns:1fr}:host .content footer .version p{display:none;font-size:var(--ndw-font-size-2xs);padding-left:var(--main-navigation-collapse-width);text-align:center}:host.expanded header,:host.mobile header{padding-inline:var(--ndw-spacing-md)}:host.expanded header a img,:host.mobile header a img{width:4rem}:host.expanded .content main .menu-items [ndwButton],:host.expanded .content footer .menu-items [ndwButton],:host.mobile .content main .menu-items [ndwButton],:host.mobile .content footer .menu-items [ndwButton]{justify-content:flex-start;padding-inline:var(--ndw-spacing-md)}:host.expanded .content main .menu-items [ndwButton] ndw-badge,:host.expanded .content footer .menu-items [ndwButton] ndw-badge,:host.mobile .content main .menu-items [ndwButton] ndw-badge,:host.mobile .content footer .menu-items [ndwButton] ndw-badge{position:relative;right:auto;top:auto}:host.expanded{width:12.5rem}:host.expanded header{justify-content:flex-start}:host.expanded .content footer{position:relative}:host.expanded .content footer .version{grid-template-columns:1fr var(--main-navigation-collapse-width)}:host.expanded .content footer .version p{display:block}:host.expanded .content footer .version [ndwButton] ndw-icon{transform:var(--ndw-rotate-half)}:host[brand=nwb] header{font-size:.5rem}:host.expanded[brand=nwb] header{flex-direction:column}:host.expanded[brand=nwb] header img{width:8rem}@media screen and (max-width: 1024px){:host{align-items:flex-end;grid-template-rows:initial;height:var(--main-navigation-mobile-header-height);width:100%}:host header{align-items:flex-end;justify-content:space-between;margin-bottom:var(--ndw-spacing-md)}:host header .menu-button{display:flex}:host .content{display:none;grid-template-rows:auto 1fr;inset:var(--main-navigation-mobile-header-height) 0 0;position:absolute;z-index:9999}:host .content [ndwButton] .suffix{rotate:90deg}:host .content [ndwButton] .suffix.open{rotate:-90deg}:host .content footer{display:grid;grid-template-rows:1fr repeat(2,auto)}:host .content footer .version button{display:none}:host .content.expanded{display:grid}:host.expanded{width:100%}:host.expanded header{justify-content:space-between}}\n"], dependencies: [{ kind: "component", type: BadgeComponent, selector: "ndw-badge", inputs: ["value", "ariaLabel"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "component", type: MainNavigationMenuComponent, selector: "ndw-main-navigation-menu", inputs: ["menuItems", "isMobile"], outputs: ["close"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: i6.OverlayModule }, { kind: "directive", type: i7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: TooltipDirective, selector: "[ndwTooltip]", inputs: ["ndwTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2536
2663
|
}
|
|
2537
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2664
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: MainNavigationComponent, decorators: [{
|
|
2538
2665
|
type: Component,
|
|
2539
2666
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2540
2667
|
'[attr.brand]': 'brand().toLowerCase()',
|
|
@@ -2542,7 +2669,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
2542
2669
|
'[class.mobile]': 'isMobile()',
|
|
2543
2670
|
'(document:mousemove)': 'onMouseMove($event)',
|
|
2544
2671
|
'(window:resize)': 'onWindowResize()',
|
|
2545
|
-
}, imports: MAIN_NAVIGATION_IMPORTS, selector: 'ndw-main-navigation', standalone: true, template: "<header>\n <a routerLink=\"/\" (click)=\"handleLogoClick()\" (keydown)=\"handleLogoClick()\">\n <img [src]=\"brandImagePath()\" [alt]=\"brand() + ' logo'\" />\n @if (isExpanded() || isMobile()) {\n {{ applicationName() }}\n }\n </a>\n <button ndwButton class=\"menu-button\" aria-label=\"menu-button\" (click)=\"toggleMobileView()\">\n @if (!isMobileExpanded()) {\n {{ menuButtonLabel() }}\n <ndw-icon>menu</ndw-icon>\n } @else {\n {{ closeButtonLabel() }}\n <ndw-icon>close</ndw-icon>\n }\n </button>\n</header>\n<div class=\"content\" [ngClass]=\"{ expanded: isMobileExpanded() }\">\n <main>\n <div class=\"menu-items\">\n @for (item of topMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n </div>\n </main>\n <footer>\n <div class=\"menu-items\">\n @for (item of bottomMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n </div>\n <div class=\"texts\">\n @if (isExpanded() || isMobile()) {\n @for (text of footerTexts(); track $index) {\n <p>{{ text }}</p>\n }\n }\n </div>\n <div class=\"version\">\n <p>{{ version() }}</p>\n @if (isCollapsible()) {\n <button ndwButton menu aria-label=\"expand-button\" (click)=\"toggleView()\">\n <ndw-icon>keyboard_double_arrow_right</ndw-icon>\n </button>\n }\n </div>\n </footer>\n</div>\n\n<!-- Templates -->\n<ng-template #menuItem let-item>\n <button\n ndwButton\n menu\n #menuTrigger\n [attr.active]=\"item.id === activeId || undefined\"\n [attr.clickable]=\"!!item.callback || undefined\"\n [attr.selected]=\"(isMobile() && activeChildItems === item.children) || item.active || undefined\"\n [id]=\"item.id\"\n [ndwTooltip]=\"!isExpanded() && !isMobile() ? item.label : ''\"\n (click)=\"!!item.callback && handleClick(item)\"\n (focus)=\"!isMobile() && open(item)\"\n (keydown)=\"isMobile() && toggleChildMenu(item, $event)\"\n (mousedown)=\"isMobile() && toggleChildMenu(item)\"\n (mouseover)=\"!isMobile() && open(item)\"\n >\n @if (item.icon) {\n <ndw-icon>{{ item.icon }}</ndw-icon>\n }\n @if (isExpanded() || isMobile()) {\n {{ item.label }}\n }\n @if (item.notifications) {\n <ndw-badge [ngClass]=\"{ collapsed: !isExpanded() }\" [value]=\"item.notifications\" />\n }\n @if (isExpanded() && item.children) {\n <ndw-icon\n class=\"suffix\"\n [ngClass]=\"{ open: !!mobilePortal && activeChildItems === item.children }\"\n >arrow_right</ndw-icon\n >\n }\n </button>\n @if (activeChildItems === item.children) {\n <ng-template [cdkPortalOutlet]=\"mobilePortal\" />\n }\n</ng-template>\n\n<ng-template #childMenu>\n <ndw-main-navigation-menu\n [isMobile]=\"isMobile()\"\n [menuItems]=\"activeChildItems\"\n (close)=\"close($event, true)\"\n />\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-navigation-collapse-width: 2.75rem;--main-navigation-mobile-header-height: 6.25rem;background-color:var(--ndw-color-grey-700);box-sizing:border-box;color:var(--ndw-color-grey-400);display:grid;grid-template-rows:auto 1fr;height:100%;padding-top:var(--ndw-spacing-lg);width:var(--main-navigation-collapse-width)}:host header{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;color:var(--ndw-color-white);display:flex;gap:var(--ndw-spacing-xs);justify-content:center;letter-spacing:.2em;margin-bottom:var(--ndw-spacing-xl);padding-inline:0;text-transform:uppercase}:host header a{align-items:baseline;color:var(--ndw-color-white);cursor:pointer;display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs);text-decoration:none}:host header a img{width:1rem}:host header .menu-button{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);border-radius:var(--ndw-border-radius-lg);display:none;text-transform:uppercase}:host header .menu-button ndw-icon{font-size:var(--ndw-font-size-lg)}:host .content{background-color:var(--ndw-color-grey-700);display:grid;grid-template-rows:1fr auto;overflow-y:auto}:host .content main [ndwButton],:host .content footer [ndwButton]{justify-content:center}:host .content main [ndwButton] ndw-badge,:host .content footer [ndwButton] ndw-badge{margin-left:var(--ndw-spacing-2xs);position:absolute;right:.375rem;top:.375rem}:host .content main [ndwButton] .suffix,:host .content footer [ndwButton] .suffix{position:absolute;right:var(--ndw-spacing-sm)}:host .content footer .texts{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;display:grid;gap:var(--ndw-spacing-xs);min-height:2.625rem;padding-inline:var(--ndw-spacing-md);padding-top:var(--ndw-spacing-md)}:host .content footer .texts p{margin:auto;text-align:center}:host .content footer .version{align-items:center;display:grid;grid-template-columns:1fr}:host .content footer .version p{display:none;font-size:var(--ndw-font-size-2xs);padding-left:var(--main-navigation-collapse-width);text-align:center}:host.expanded header,:host.mobile header{padding-inline:var(--ndw-spacing-md)}:host.expanded header a img,:host.mobile header a img{width:4rem}:host.expanded .content main .menu-items [ndwButton],:host.expanded .content footer .menu-items [ndwButton],:host.mobile .content main .menu-items [ndwButton],:host.mobile .content footer .menu-items [ndwButton]{justify-content:flex-start;padding-inline:var(--ndw-spacing-md)}:host.expanded .content main .menu-items [ndwButton] ndw-badge,:host.expanded .content footer .menu-items [ndwButton] ndw-badge,:host.mobile .content main .menu-items [ndwButton] ndw-badge,:host.mobile .content footer .menu-items [ndwButton] ndw-badge{position:relative;right:auto;top:auto}:host.expanded{width:12.5rem}:host.expanded header{justify-content:flex-start}:host.expanded .content footer{position:relative}:host.expanded .content footer .version{grid-template-columns:1fr var(--main-navigation-collapse-width)}:host.expanded .content footer .version p{display:block}:host.expanded .content footer .version [ndwButton] ndw-icon{transform:var(--ndw-rotate-half)}:host[brand=nwb] header{font-size:.5rem}:host.expanded[brand=nwb] header{flex-direction:column}:host.expanded[brand=nwb] header img{width:8rem}@media screen and (max-width: 1024px){:host{align-items:flex-end;grid-template-rows:initial;height:var(--main-navigation-mobile-header-height);width:100%}:host header{align-items:flex-end;justify-content:space-between;margin-bottom:var(--ndw-spacing-md)}:host header .menu-button{display:flex}:host .content{display:none;grid-template-rows:auto 1fr;inset:var(--main-navigation-mobile-header-height) 0 0;position:absolute;z-index:9999}:host .content [ndwButton] .suffix{rotate:90deg}:host .content [ndwButton] .suffix.open{rotate:-90deg}:host .content footer{display:grid;grid-template-rows:1fr repeat(2,auto)}:host .content footer .version button{display:none}:host .content.expanded{display:grid}:host.expanded{width:100%}:host.expanded header{justify-content:space-between}}\n"] }]
|
|
2672
|
+
}, imports: MAIN_NAVIGATION_IMPORTS, selector: 'ndw-main-navigation', template: "<header>\n <a routerLink=\"/\" (click)=\"handleLogoClick()\" (keydown)=\"handleLogoClick()\">\n <img [src]=\"brandImagePath()\" [alt]=\"brand() + ' logo'\" />\n @if (isExpanded() || isMobile()) {\n {{ applicationName() }}\n }\n </a>\n <button ndwButton class=\"menu-button\" aria-label=\"menu-button\" (click)=\"toggleMobileView()\">\n @if (!isMobileExpanded()) {\n {{ menuButtonLabel() }}\n <ndw-icon>menu</ndw-icon>\n } @else {\n {{ closeButtonLabel() }}\n <ndw-icon>close</ndw-icon>\n }\n </button>\n</header>\n<div class=\"content\" [ngClass]=\"{ expanded: isMobileExpanded() }\">\n <main>\n <div class=\"menu-items\">\n @for (item of topMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n </div>\n </main>\n <footer>\n <div class=\"menu-items\">\n @for (item of bottomMenuItems(); track $index) {\n <ng-container *ngTemplateOutlet=\"menuItem; context: { $implicit: item }\" />\n }\n </div>\n <div class=\"texts\">\n @if (isExpanded() || isMobile()) {\n @for (text of footerTexts(); track $index) {\n <p>{{ text }}</p>\n }\n }\n </div>\n <div class=\"version\">\n <p>{{ version() }}</p>\n @if (isCollapsible()) {\n <button ndwButton menu aria-label=\"expand-button\" (click)=\"toggleView()\">\n <ndw-icon>keyboard_double_arrow_right</ndw-icon>\n </button>\n }\n </div>\n </footer>\n</div>\n\n<!-- Templates -->\n<ng-template #menuItem let-item>\n <button\n ndwButton\n menu\n #menuTrigger\n [attr.active]=\"item.id === activeId || undefined\"\n [attr.clickable]=\"!!item.callback || undefined\"\n [attr.selected]=\"(isMobile() && activeChildItems === item.children) || item.active || undefined\"\n [id]=\"item.id\"\n [ndwTooltip]=\"!isExpanded() && !isMobile() ? item.label : ''\"\n (click)=\"!!item.callback && handleClick(item)\"\n (focus)=\"!isMobile() && open(item)\"\n (keydown)=\"isMobile() && toggleChildMenu(item, $event)\"\n (mousedown)=\"isMobile() && toggleChildMenu(item)\"\n (mouseover)=\"!isMobile() && open(item)\"\n >\n @if (item.icon) {\n <ndw-icon>{{ item.icon }}</ndw-icon>\n }\n @if (isExpanded() || isMobile()) {\n {{ item.label }}\n }\n @if (item.notifications) {\n <ndw-badge [ngClass]=\"{ collapsed: !isExpanded() }\" [value]=\"item.notifications\" />\n }\n @if (isExpanded() && item.children) {\n <ndw-icon\n class=\"suffix\"\n [ngClass]=\"{ open: !!mobilePortal && activeChildItems === item.children }\"\n >arrow_right</ndw-icon\n >\n }\n </button>\n @if (activeChildItems === item.children) {\n <ng-template [cdkPortalOutlet]=\"mobilePortal\" />\n }\n</ng-template>\n\n<ng-template #childMenu>\n <ndw-main-navigation-menu\n [isMobile]=\"isMobile()\"\n [menuItems]=\"activeChildItems\"\n (close)=\"close($event, true)\"\n />\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}:host{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-navigation-collapse-width: 2.75rem;--main-navigation-mobile-header-height: 6.25rem;background-color:var(--ndw-color-grey-700);box-sizing:border-box;color:var(--ndw-color-grey-400);display:grid;grid-template-rows:auto 1fr;height:100%;padding-top:var(--ndw-spacing-lg);width:var(--main-navigation-collapse-width)}:host header{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;color:var(--ndw-color-white);display:flex;gap:var(--ndw-spacing-xs);justify-content:center;letter-spacing:.2em;margin-bottom:var(--ndw-spacing-xl);padding-inline:0;text-transform:uppercase}:host header a{align-items:baseline;color:var(--ndw-color-white);cursor:pointer;display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs);text-decoration:none}:host header a img{width:1rem}:host header .menu-button{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);border-radius:var(--ndw-border-radius-lg);display:none;text-transform:uppercase}:host header .menu-button ndw-icon{font-size:var(--ndw-font-size-lg)}:host .content{background-color:var(--ndw-color-grey-700);display:grid;grid-template-rows:1fr auto;overflow-y:auto}:host .content main [ndwButton],:host .content footer [ndwButton]{justify-content:center}:host .content main [ndwButton] ndw-badge,:host .content footer [ndwButton] ndw-badge{margin-left:var(--ndw-spacing-2xs);position:absolute;right:.375rem;top:.375rem}:host .content main [ndwButton] .suffix,:host .content footer [ndwButton] .suffix{position:absolute;right:var(--ndw-spacing-sm)}:host .content footer .texts{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%;display:grid;gap:var(--ndw-spacing-xs);min-height:2.625rem;padding-inline:var(--ndw-spacing-md);padding-top:var(--ndw-spacing-md)}:host .content footer .texts p{margin:auto;text-align:center}:host .content footer .version{align-items:center;display:grid;grid-template-columns:1fr}:host .content footer .version p{display:none;font-size:var(--ndw-font-size-2xs);padding-left:var(--main-navigation-collapse-width);text-align:center}:host.expanded header,:host.mobile header{padding-inline:var(--ndw-spacing-md)}:host.expanded header a img,:host.mobile header a img{width:4rem}:host.expanded .content main .menu-items [ndwButton],:host.expanded .content footer .menu-items [ndwButton],:host.mobile .content main .menu-items [ndwButton],:host.mobile .content footer .menu-items [ndwButton]{justify-content:flex-start;padding-inline:var(--ndw-spacing-md)}:host.expanded .content main .menu-items [ndwButton] ndw-badge,:host.expanded .content footer .menu-items [ndwButton] ndw-badge,:host.mobile .content main .menu-items [ndwButton] ndw-badge,:host.mobile .content footer .menu-items [ndwButton] ndw-badge{position:relative;right:auto;top:auto}:host.expanded{width:12.5rem}:host.expanded header{justify-content:flex-start}:host.expanded .content footer{position:relative}:host.expanded .content footer .version{grid-template-columns:1fr var(--main-navigation-collapse-width)}:host.expanded .content footer .version p{display:block}:host.expanded .content footer .version [ndwButton] ndw-icon{transform:var(--ndw-rotate-half)}:host[brand=nwb] header{font-size:.5rem}:host.expanded[brand=nwb] header{flex-direction:column}:host.expanded[brand=nwb] header img{width:8rem}@media screen and (max-width: 1024px){:host{align-items:flex-end;grid-template-rows:initial;height:var(--main-navigation-mobile-header-height);width:100%}:host header{align-items:flex-end;justify-content:space-between;margin-bottom:var(--ndw-spacing-md)}:host header .menu-button{display:flex}:host .content{display:none;grid-template-rows:auto 1fr;inset:var(--main-navigation-mobile-header-height) 0 0;position:absolute;z-index:9999}:host .content [ndwButton] .suffix{rotate:90deg}:host .content [ndwButton] .suffix.open{rotate:-90deg}:host .content footer{display:grid;grid-template-rows:1fr repeat(2,auto)}:host .content footer .version button{display:none}:host .content.expanded{display:grid}:host.expanded{width:100%}:host.expanded header{justify-content:space-between}}\n"] }]
|
|
2546
2673
|
}], ctorParameters: () => [] });
|
|
2547
2674
|
|
|
2548
2675
|
class LayoutComponent {
|
|
@@ -2550,54 +2677,54 @@ class LayoutComponent {
|
|
|
2550
2677
|
this.applicationName = input.required();
|
|
2551
2678
|
this.topMenuItems = input.required();
|
|
2552
2679
|
this.bottomMenuItems = input();
|
|
2553
|
-
this.brand = input(
|
|
2680
|
+
this.brand = input('NDW');
|
|
2554
2681
|
this.isCollapsible = input(true);
|
|
2555
2682
|
this.isExpanded = input(true);
|
|
2556
2683
|
this.menuFooterTexts = input();
|
|
2557
2684
|
this.version = input();
|
|
2558
2685
|
}
|
|
2559
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2560
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: LayoutComponent, isStandalone: true, selector: "ndw-layout", inputs: { applicationName: { classPropertyName: "applicationName", publicName: "applicationName", isSignal: true, isRequired: true, transformFunction: null }, topMenuItems: { classPropertyName: "topMenuItems", publicName: "topMenuItems", isSignal: true, isRequired: true, transformFunction: null }, bottomMenuItems: { classPropertyName: "bottomMenuItems", publicName: "bottomMenuItems", isSignal: true, isRequired: false, transformFunction: null }, brand: { classPropertyName: "brand", publicName: "brand", isSignal: true, isRequired: false, transformFunction: null }, isCollapsible: { classPropertyName: "isCollapsible", publicName: "isCollapsible", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null }, menuFooterTexts: { classPropertyName: "menuFooterTexts", publicName: "menuFooterTexts", isSignal: true, isRequired: false, transformFunction: null }, version: { classPropertyName: "version", publicName: "version", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ndw-main-navigation\n [applicationName]=\"applicationName()\"\n [bottomMenuItems]=\"bottomMenuItems()\"\n [brand]=\"brand()\"\n [footerTexts]=\"menuFooterTexts()\"\n [isCollapsible]=\"isCollapsible()\"\n [isExpanded]=\"isExpanded()\"\n [topMenuItems]=\"topMenuItems()\"\n [version]=\"version()\"\n/>\n<main cdk-scrollable>\n <ng-content />\n</main>\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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;padding-inline:var(--ndw-spacing-xs);gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;justify-items:right}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{background-color:var(--ndw-color-grey-100);display:grid;grid-template-columns:auto 1fr;height:100svh;position:absolute;width:100svw}:host main{align-content:flex-start;display:grid;grid-template-columns:1fr;height:100%;overflow-y:auto;width:100%;z-index:1}@media screen and (max-width: 1024px){:host{grid-template-columns:1fr;grid-template-rows:auto 1fr}}\n"], dependencies: [{ kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: MainNavigationComponent, selector: "ndw-main-navigation", inputs: ["applicationName", "topMenuItems", "bottomMenuItems", "brand", "footerTexts", "isCollapsible", "version", "closeButtonLabel", "menuButtonLabel", "isExpanded", "isMobileExpanded"], outputs: ["isExpandedChange", "isMobileExpandedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2686
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: LayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2687
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: LayoutComponent, isStandalone: true, selector: "ndw-layout", inputs: { applicationName: { classPropertyName: "applicationName", publicName: "applicationName", isSignal: true, isRequired: true, transformFunction: null }, topMenuItems: { classPropertyName: "topMenuItems", publicName: "topMenuItems", isSignal: true, isRequired: true, transformFunction: null }, bottomMenuItems: { classPropertyName: "bottomMenuItems", publicName: "bottomMenuItems", isSignal: true, isRequired: false, transformFunction: null }, brand: { classPropertyName: "brand", publicName: "brand", isSignal: true, isRequired: false, transformFunction: null }, isCollapsible: { classPropertyName: "isCollapsible", publicName: "isCollapsible", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null }, menuFooterTexts: { classPropertyName: "menuFooterTexts", publicName: "menuFooterTexts", isSignal: true, isRequired: false, transformFunction: null }, version: { classPropertyName: "version", publicName: "version", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ndw-main-navigation\n [applicationName]=\"applicationName()\"\n [bottomMenuItems]=\"bottomMenuItems()\"\n [brand]=\"brand()\"\n [footerTexts]=\"menuFooterTexts()\"\n [isCollapsible]=\"isCollapsible()\"\n [isExpanded]=\"isExpanded()\"\n [topMenuItems]=\"topMenuItems()\"\n [version]=\"version()\"\n/>\n<main cdk-scrollable>\n <ng-content />\n</main>\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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.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,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>select[ndwInput]){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput]):has(>ndw-input-icon){padding-inline:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has(>ndw-picker-button){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]:is(textarea){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}.input-container:has(>[ndwInput]):has(textarea){padding-inline:0}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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));padding-inline:var(--ndw-spacing-sm);line-height:normal;white-space:pre-wrap;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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;display:flex;justify-content:flex-end}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{background-color:var(--ndw-color-grey-100);display:grid;grid-template-columns:auto 1fr;height:100svh;position:absolute;width:100svw}:host main{align-content:flex-start;display:grid;grid-template-columns:1fr;height:100%;overflow-y:auto;width:100%;z-index:1}@media screen and (max-width: 1024px){:host{grid-template-columns:1fr;grid-template-rows:auto 1fr}}\n"], dependencies: [{ kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: MainNavigationComponent, selector: "ndw-main-navigation", inputs: ["applicationName", "topMenuItems", "bottomMenuItems", "brand", "footerTexts", "isCollapsible", "version", "closeButtonLabel", "menuButtonLabel", "isExpanded", "isMobileExpanded"], outputs: ["isExpandedChange", "isMobileExpandedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2561
2688
|
}
|
|
2562
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2689
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: LayoutComponent, decorators: [{
|
|
2563
2690
|
type: Component,
|
|
2564
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [CdkScrollable, MainNavigationComponent], selector: 'ndw-layout', standalone: true, template: "<ndw-main-navigation\n [applicationName]=\"applicationName()\"\n [bottomMenuItems]=\"bottomMenuItems()\"\n [brand]=\"brand()\"\n [footerTexts]=\"menuFooterTexts()\"\n [isCollapsible]=\"isCollapsible()\"\n [isExpanded]=\"isExpanded()\"\n [topMenuItems]=\"topMenuItems()\"\n [version]=\"version()\"\n/>\n<main cdk-scrollable>\n <ng-content />\n</main>\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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;padding-inline:var(--ndw-spacing-xs);gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;justify-items:right}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{background-color:var(--ndw-color-grey-100);display:grid;grid-template-columns:auto 1fr;height:100svh;position:absolute;width:100svw}:host main{align-content:flex-start;display:grid;grid-template-columns:1fr;height:100%;overflow-y:auto;width:100%;z-index:1}@media screen and (max-width: 1024px){:host{grid-template-columns:1fr;grid-template-rows:auto 1fr}}\n"] }]
|
|
2691
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [CdkScrollable, MainNavigationComponent], selector: 'ndw-layout', template: "<ndw-main-navigation\n [applicationName]=\"applicationName()\"\n [bottomMenuItems]=\"bottomMenuItems()\"\n [brand]=\"brand()\"\n [footerTexts]=\"menuFooterTexts()\"\n [isCollapsible]=\"isCollapsible()\"\n [isExpanded]=\"isExpanded()\"\n [topMenuItems]=\"topMenuItems()\"\n [version]=\"version()\"\n/>\n<main cdk-scrollable>\n <ng-content />\n</main>\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&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=block\";.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.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;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.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,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--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}[data-theme=ntm]{--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .5rem;--ndw-spacing-xs: 1rem;--ndw-spacing-sm: 1.25rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 2rem;--ndw-spacing-xl: 2.5rem;--ndw-spacing-2xl: 3rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-font-family-body: \"Roboto Flex\", sans-serif;--ndw-font-family-heading: \"Roboto Flex\", sans-serif;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: 1.125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem}.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))}.grid .column-2{grid-column:span min(2,var(--grid-columns))}.grid .column-3{grid-column:span min(3,var(--grid-columns))}.grid .column-4{grid-column:span min(4,var(--grid-columns))}.grid .column-5{grid-column:span min(5,var(--grid-columns))}.grid .column-6{grid-column:span min(6,var(--grid-columns))}.grid .column-7{grid-column:span min(7,var(--grid-columns))}.grid .column-8{grid-column:span min(8,var(--grid-columns))}.grid .column-9{grid-column:span min(9,var(--grid-columns))}.grid .column-10{grid-column:span min(10,var(--grid-columns))}.grid .column-11{grid-column:span min(11,var(--grid-columns))}.grid .column-12{grid-column:span min(12,var(--grid-columns))}@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;display:initial}.grid .column-sm-2{grid-column:span 2;display:initial}.grid .column-sm-3{grid-column:span 3;display:initial}.grid .column-sm-4{grid-column:span 4;display:initial}.grid .column-sm-5{grid-column:span 5;display:initial}.grid .column-sm-6{grid-column:span 6;display:initial}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;display:initial}.grid .column-md-2{grid-column:span 2;display:initial}.grid .column-md-3{grid-column:span 3;display:initial}.grid .column-md-4{grid-column:span 4;display:initial}.grid .column-md-5{grid-column:span 5;display:initial}.grid .column-md-6{grid-column:span 6;display:initial}.grid .column-md-7{grid-column:span 7;display:initial}.grid .column-md-8{grid-column:span 8;display:initial}.grid .column-md-9{grid-column:span 9;display:initial}.grid .column-md-10{grid-column:span 10;display:initial}.grid .column-md-11{grid-column:span 11;display:initial}.grid .column-md-12{grid-column:span 12;display:initial}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}.cdk-overlay-pane:has(>ndw-modal){max-height:90vh}button:not(:disabled){cursor:pointer}[ndwButton]{align-items:center;background-color:var(--ndw-color-background);border:var(--ndw-border-size-sm) solid var(--ndw-color-background);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-foreground);cursor:pointer;display:flex;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);text-align:start;text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;width:fit-content}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton] ndw-loader{height:var(--ndw-spacing-md);width:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-color-background-hover);border-color:var(--ndw-color-background-hover);color:var(--ndw-color-foreground-hover)}[ndwButton]:active{background-color:var(--ndw-color-background-active);border-color:var(--ndw-color-background-active);color:var(--ndw-color-foreground-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-color-background)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover,[ndwButton][secondary]:active,[ndwButton][tertiary]:active{color:var(--ndw-color-background)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-text)}[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-color-background)}[ndwButton][secondary]:hover{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-background-hover)}[ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-015);border-color:var(--ndw-color-background-active)}[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;border-radius:var(--button-ter-border-radius, var(--ndw-border-radius-sm));border-width:var(--button-ter-border-width, var(--ndw-spacing-3xs));padding-inline:var(--button-ter-padding-inline, var(--ndw-spacing-xs))}[ndwButton][tertiary]:hover{background-color:var(--button-ter-bg-color-hover, var(--ndw-alpha-primary-007));border-color:var(--button-ter-border-color-hover, transparent)}[ndwButton][tertiary]:active{background-color:var(--button-ter-bg-color-active, var(--ndw-alpha-primary-015));border-color:var(--button-ter-border-color-active, 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-background-disabled);border-color:var(--ndw-color-background-disabled);color:var(--ndw-color-text);pointer-events:none;-webkit-user-select:none;user-select:none}[data-theme=ntm] [ndwButton][secondary]:hover,[data-theme=ntm] [ndwButton][tertiary]:hover{color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active,[data-theme=ntm] [ndwButton][tertiary]:active{color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][secondary]:hover{background-color:transparent;border-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][secondary]:active{background-color:var(--ndw-alpha-primary-007);border-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][tertiary]{border-radius:0;border-width:0 0 var(--ndw-spacing-3xs);padding-inline:0}[data-theme=ntm] [ndwButton][tertiary]:hover{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary)}[data-theme=ntm] [ndwButton][tertiary]:active{background-color:transparent;border-color:transparent;border-bottom-color:var(--ndw-color-secondary-hover)}[data-theme=ntm] [ndwButton][disabled]{border-color:var(--ndw-color-grey-400);color:var(--ndw-color-grey-400)}[data-theme=ntm] [ndwButton][disabled][tertiary]{background-color:transparent}hr[ndwDivider]{background-color:var(--ndw-color-grey-300);border:none;height:var(--ndw-border-size-sm);margin:var(--ndw-spacing-xs) 0}hr[noMargin]{margin-block:0}[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-info-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-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)}.input-container:has(>select[ndwInput]){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]){display:flex;align-items:center;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;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;gap:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]):has([ndwInput]:active),.input-container:has(>[ndwInput]):has([ndwInput]:focus),.input-container:has(>[ndwInput]):has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}.input-container:has(>[ndwInput])[success]{background-color:var(--ndw-color-positive-100);border-color:var(--ndw-color-positive-500)}.input-container:has(>[ndwInput])[success]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[success]:active,.input-container:has(>[ndwInput])[success]:focus,.input-container:has(>[ndwInput])[success]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}.input-container:has(>[ndwInput])[error]:hover{border-color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput])[error]:active,.input-container:has(>[ndwInput])[error]:focus,.input-container:has(>[ndwInput])[error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}.input-container:has(>[ndwInput])[disabled],.input-container:has(>[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}.input-container:has(>[ndwInput])[disabled] ndw-icon,.input-container:has(>[ndwInput])[readonly] ndw-icon{color:var(--ndw-color-grey-300)}.input-container:has(>[ndwInput]):has(>ndw-input-icon){padding-inline:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput]):has(>ndw-picker-button){padding-inline-end:var(--ndw-spacing-xs)}.input-container:has(>[ndwInput])>*:has(~[ndwInput]){color:var(--ndw-color-grey-400)}.input-container:has(>[ndwInput]) *+[ndwInput]{padding-inline-start:0}.input-container:has(>[ndwInput]) [ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]:is(textarea){padding-inline-end:var(--ndw-spacing-sm)}.input-container:has(>[ndwInput]) select[ndwInput]:has(+*){padding-inline-end:0}.input-container:has(>[ndwInput]) [ndwInput]{border:none;outline:none}.input-container:has(>[ndwInput]) [ndwInput]:hover,.input-container:has(>[ndwInput]) [ndwInput]:active,.input-container:has(>[ndwInput]) [ndwInput]:focus,.input-container:has(>[ndwInput]) [ndwInput]:focus-visible{border:none;outline:none}.input-container:has(>[ndwInput]):has(textarea){padding-inline:0}[ndwInput]{display:flex;align-items:center;background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);box-sizing:border-box;outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out;width:100%;padding-inline:var(--ndw-spacing-sm);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);border-radius:var(--ndw-border-radius-sm);text-overflow:ellipsis;white-space:nowrap}[ndwInput]:has([ndwInput]:hover){border-color:var(--ndw-color-grey-400)}[ndwInput]:has([ndwInput]:active),[ndwInput]:has([ndwInput]:focus),[ndwInput]:has([ndwInput]:focus-visible){border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-info-500)}[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][disabled] ndw-icon,[ndwInput][readonly] ndw-icon{color:var(--ndw-color-grey-300)}[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}select[ndwInput]{appearance:none;cursor:pointer}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));padding-inline:var(--ndw-spacing-sm);line-height:normal;white-space:pre-wrap;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);justify-content:start;line-height:100%;margin-bottom:var(--ndw-spacing-2xs)}[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}[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%;cursor:default}[ndwButton][menu]:hover,[ndwButton][menu]:active,[ndwButton][menu][active],[ndwButton][menu][selected]{color:var(--ndw-color-white);cursor:pointer}[ndwButton][menu]:active,[ndwButton][menu][selected]{background-color:transparent;border-color:transparent}[ndwButton][menu]:hover,[ndwButton][menu][active]{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600)}[ndwButton][menu]:not([clickable]){cursor:default}@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)}.ndw-summary-card{display:block}.ndw-summary-card__wrapper{position:relative;overflow:hidden;display:grid;gap:var(--ndw-spacing-md);height:100%;align-items:start;box-sizing:border-box}.ndw-summary-card__wrapper:has(ndw-summary-card-avatar){grid-template-columns:max-content 1fr}.ndw-summary-card__wrapper:has(a:focus:not(:active)){outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.ndw-summary-card__content{display:grid;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tags{display:flex;flex-wrap:wrap;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-tag{display:flex;flex-wrap:nowrap;gap:var(--ndw-spacing-2xs);align-items:center;border:1px solid var(--ndw-color-grey-100);border-radius:var(--ndw-border-radius-xs);padding:var(--ndw-spacing-2xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-tag ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-tag img{display:block;height:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:var(--ndw-spacing-3xs);color:var(--ndw-color-grey-500);font-size:var(--ndw-font-size-xs)}.ndw-summary-card .ndw-summary-card-subtitle ndw-icon{font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-subtitle__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndw-summary-card .ndw-summary-card-header{display:flex;gap:var(--ndw-spacing-xs)}.ndw-summary-card .ndw-summary-card-header__wrapper{display:grid;gap:var(--ndw-spacing-2xs);justify-items:left}.ndw-summary-card .ndw-summary-card-header__title{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:var(--ndw-base-font-size);font-weight:var(--ndw-font-weight-bold);font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a{color:inherit;text-decoration:none;font-family:var(--ndw-font-family-heading)}.ndw-summary-card .ndw-summary-card-header__title a:hover{text-decoration:underline}.ndw-summary-card .ndw-summary-card-header__title a:after{content:\"\";position:absolute;inset:0}.ndw-summary-card .ndw-summary-card-header__title a:focus{outline:0}.ndw-summary-card .ndw-summary-card-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);color:var(--ndw-color-grey-500)}.ndw-summary-card .ndw-summary-card-avatar{display:grid;place-content:center;position:relative;width:30px;aspect-ratio:1/1;border-radius:50%;font-size:var(--ndw-font-size-sm)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--default{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--orange{color:var(--ndw-color-primary-700);background-color:var(--ndw-color-primary-050)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--blue{color:var(--ndw-color-info-500);background-color:var(--ndw-color-info-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--green{color:var(--ndw-color-positive-500);background-color:var(--ndw-color-positive-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--yellow{color:var(--ndw-color-warning-500);background-color:var(--ndw-color-warning-100)}.ndw-summary-card .ndw-summary-card-avatar.ndw-summary-card-avatar--purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}.ndw-summary-card .ndw-summary-card-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ndw-summary-card .ndw-summary-card-avatar ndw-icon{font-size:var(--ndw-font-size-lg)}.ndw-summary-card .ndw-summary-card-actions{flex:1;display:flex;justify-content:flex-end}.ndw-summary-card .ndw-summary-card-actions--auto{container-type:inline-size}.ndw-summary-card .ndw-summary-card-actions .actions{gap:var(--ndw-spacing-2xs)}.ndw-summary-card .ndw-summary-card-actions .actions--popover{display:grid}.ndw-summary-card .ndw-summary-card-actions .actions--visible,.ndw-summary-card .ndw-summary-card-actions .actions--auto{display:flex}.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:block}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .popover-wrapper{display:none}}.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:none}@container (width > 140px){.ndw-summary-card .ndw-summary-card-actions .regular-wrapper{display:block}}:host{background-color:var(--ndw-color-grey-100);display:grid;grid-template-columns:auto 1fr;height:100svh;position:absolute;width:100svw}:host main{align-content:flex-start;display:grid;grid-template-columns:1fr;height:100%;overflow-y:auto;width:100%;z-index:1}@media screen and (max-width: 1024px){:host{grid-template-columns:1fr;grid-template-rows:auto 1fr}}\n"] }]
|
|
2565
2692
|
}] });
|
|
2566
2693
|
|
|
2567
2694
|
class LayoutBannersComponent {
|
|
2568
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2569
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2695
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: LayoutBannersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2696
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: LayoutBannersComponent, isStandalone: true, selector: "ndw-layout-banners", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:grid;position:sticky;top:0;z-index:10}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2570
2697
|
}
|
|
2571
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2698
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: LayoutBannersComponent, decorators: [{
|
|
2572
2699
|
type: Component,
|
|
2573
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-layout-banners',
|
|
2700
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-layout-banners', template: "<ng-content />\n", styles: [":host{display:grid;position:sticky;top:0;z-index:10}\n"] }]
|
|
2574
2701
|
}] });
|
|
2575
2702
|
|
|
2576
2703
|
class LoaderComponent {
|
|
2577
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2578
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2704
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2705
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: LoaderComponent, isStandalone: true, selector: "ndw-loader", ngImport: i0, template: "<svg viewBox=\"0 0 32 32\">\n <circle cx=\"4\" cy=\"16\" r=\"4\" />\n <circle cx=\"16\" cy=\"16\" r=\"4\" />\n <circle cx=\"28\" cy=\"16\" r=\"4\" />\n</svg>\n", styles: [":host{box-sizing:border-box;display:block;height:var(--ndw-spacing-xl);position:relative;width:var(--ndw-spacing-xl)}:host svg{display:block;inset:var(--ndw-border-size-sm);position:absolute}:host svg circle{animation:traffic 1.5s infinite;animation-delay:.1s;fill:currentColor}:host svg circle:first-of-type{animation-delay:.2s}:host svg circle:last-of-type{animation-delay:0s}@keyframes traffic{0%{transform:translate(calc(var(--ndw-spacing-xl) * -1))}33.33%,66.67%{transform:translate(0)}to{transform:translate(var(--ndw-spacing-xl))}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2579
2706
|
}
|
|
2580
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2707
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
2581
2708
|
type: Component,
|
|
2582
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-loader',
|
|
2709
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-loader', template: "<svg viewBox=\"0 0 32 32\">\n <circle cx=\"4\" cy=\"16\" r=\"4\" />\n <circle cx=\"16\" cy=\"16\" r=\"4\" />\n <circle cx=\"28\" cy=\"16\" r=\"4\" />\n</svg>\n", styles: [":host{box-sizing:border-box;display:block;height:var(--ndw-spacing-xl);position:relative;width:var(--ndw-spacing-xl)}:host svg{display:block;inset:var(--ndw-border-size-sm);position:absolute}:host svg circle{animation:traffic 1.5s infinite;animation-delay:.1s;fill:currentColor}:host svg circle:first-of-type{animation-delay:.2s}:host svg circle:last-of-type{animation-delay:0s}@keyframes traffic{0%{transform:translate(calc(var(--ndw-spacing-xl) * -1))}33.33%,66.67%{transform:translate(0)}to{transform:translate(var(--ndw-spacing-xl))}}\n"] }]
|
|
2583
2710
|
}] });
|
|
2584
2711
|
|
|
2585
2712
|
class ModalContentComponent {
|
|
2586
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2587
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2713
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2714
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: ModalContentComponent, isStandalone: true, selector: "ndw-modal-content", ngImport: i0, template: "<ng-content />\n", styles: [":host{font-size:var(--ndw-font-size-sm);max-height:100%;overflow-y:auto;word-break:break-word}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2588
2715
|
}
|
|
2589
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2716
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ModalContentComponent, decorators: [{
|
|
2590
2717
|
type: Component,
|
|
2591
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-modal-content',
|
|
2718
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-modal-content', template: "<ng-content />\n", styles: [":host{font-size:var(--ndw-font-size-sm);max-height:100%;overflow-y:auto;word-break:break-word}\n"] }]
|
|
2592
2719
|
}] });
|
|
2593
2720
|
|
|
2594
2721
|
class ModalFooterComponent {
|
|
2595
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2596
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2722
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2723
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: ModalFooterComponent, isStandalone: true, selector: "ndw-modal-footer", ngImport: i0, template: "<ng-content />\n", styles: [":host{align-items:center;display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md);margin-top:var(--ndw-spacing-xs);word-break:break-word}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2597
2724
|
}
|
|
2598
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2725
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ModalFooterComponent, decorators: [{
|
|
2599
2726
|
type: Component,
|
|
2600
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-modal-footer',
|
|
2727
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ndw-modal-footer', template: "<ng-content />\n", styles: [":host{align-items:center;display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md);margin-top:var(--ndw-spacing-xs);word-break:break-word}\n"] }]
|
|
2601
2728
|
}] });
|
|
2602
2729
|
|
|
2603
2730
|
class ModalService extends Dialog {
|
|
@@ -2618,10 +2745,10 @@ class ModalService extends Dialog {
|
|
|
2618
2745
|
this.backdropClick$ = this.#modalRef.backdropClick;
|
|
2619
2746
|
this.closed$ = this.#modalRef.closed;
|
|
2620
2747
|
}
|
|
2621
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2622
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2748
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ModalService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2749
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ModalService, providedIn: 'root' }); }
|
|
2623
2750
|
}
|
|
2624
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2751
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ModalService, decorators: [{
|
|
2625
2752
|
type: Injectable,
|
|
2626
2753
|
args: [{
|
|
2627
2754
|
providedIn: 'root',
|
|
@@ -2633,28 +2760,27 @@ class ModalHeaderComponent {
|
|
|
2633
2760
|
detachModal() {
|
|
2634
2761
|
this.#modalService?.close();
|
|
2635
2762
|
}
|
|
2636
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2637
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2763
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2764
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: ModalHeaderComponent, isStandalone: true, selector: "ndw-modal-header", ngImport: i0, template: "<ng-content />\n<button\n ndwButton\n tertiary\n extra-small\n ariaLabel=\"Close\"\n data-testid=\"close-button\"\n (click)=\"detachModal()\"\n>\n <ndw-icon>close</ndw-icon>\n</button>\n", styles: [":host{display:block;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700;word-break:break-word}.float{float:right;margin-left:var(--ndw-spacing-sm);transition:transform var(--ndw-animation-speed-fast) ease-in-out}.float.collapsed{transform:rotate(180deg)}\n", ":host{display:grid;grid-template-columns:1fr auto}ndw-icon{color:var(--ndw-color-primary)}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2638
2765
|
}
|
|
2639
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2766
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ModalHeaderComponent, decorators: [{
|
|
2640
2767
|
type: Component,
|
|
2641
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonDirective, IconComponent], selector: 'ndw-modal-header',
|
|
2768
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonDirective, IconComponent], selector: 'ndw-modal-header', template: "<ng-content />\n<button\n ndwButton\n tertiary\n extra-small\n ariaLabel=\"Close\"\n data-testid=\"close-button\"\n (click)=\"detachModal()\"\n>\n <ndw-icon>close</ndw-icon>\n</button>\n", styles: [":host{display:block;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700;word-break:break-word}.float{float:right;margin-left:var(--ndw-spacing-sm);transition:transform var(--ndw-animation-speed-fast) ease-in-out}.float.collapsed{transform:rotate(180deg)}\n", ":host{display:grid;grid-template-columns:1fr auto}ndw-icon{color:var(--ndw-color-primary)}\n"] }]
|
|
2642
2769
|
}] });
|
|
2643
2770
|
|
|
2644
|
-
class ModalComponent
|
|
2771
|
+
class ModalComponent {
|
|
2645
2772
|
constructor() {
|
|
2646
|
-
super(...arguments);
|
|
2647
2773
|
this.size = input('sm');
|
|
2648
2774
|
}
|
|
2649
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2650
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
2775
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2776
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: ModalComponent, isStandalone: true, selector: "ndw-modal", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.modal-size-md": "size() === \"md\"", "class.modal-size-sm": "size() === \"sm\"" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);box-sizing:content-box;display:grid;gap:var(--ndw-spacing-md);padding:var(--ndw-spacing-lg)}\n", ":host{box-sizing:border-box;display:flex;flex-direction:column;max-height:100svh;max-width:var(--ndw-modal-width-sm);width:100vw}:host.modal-size-md{max-width:var(--ndw-modal-width-md)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2651
2777
|
}
|
|
2652
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ModalComponent, decorators: [{
|
|
2653
2779
|
type: Component,
|
|
2654
2780
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2655
2781
|
'[class.modal-size-md]': 'size() === "md"',
|
|
2656
2782
|
'[class.modal-size-sm]': 'size() === "sm"',
|
|
2657
|
-
}, selector: 'ndw-modal',
|
|
2783
|
+
}, selector: 'ndw-modal', template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);box-sizing:content-box;display:grid;gap:var(--ndw-spacing-md);padding:var(--ndw-spacing-lg)}\n", ":host{box-sizing:border-box;display:flex;flex-direction:column;max-height:100svh;max-width:var(--ndw-modal-width-sm);width:100vw}:host.modal-size-md{max-width:var(--ndw-modal-width-md)}\n"] }]
|
|
2658
2784
|
}] });
|
|
2659
2785
|
|
|
2660
2786
|
const MODAL_COMPONENTS = [
|
|
@@ -2672,11 +2798,11 @@ class MultiSelectComponent {
|
|
|
2672
2798
|
this.prefixIcon = input('');
|
|
2673
2799
|
this.searchPlaceholder = input('');
|
|
2674
2800
|
this.noResultText = input('');
|
|
2675
|
-
this.chevron = input(
|
|
2801
|
+
this.chevron = input(true);
|
|
2676
2802
|
this.disabled = input(false);
|
|
2677
2803
|
this.selectAllText = input({ deselect: '', select: '' });
|
|
2678
|
-
this.lastCheckedElementId = model();
|
|
2679
2804
|
this.dataSource = model([]);
|
|
2805
|
+
this.lastCheckedElementId = model();
|
|
2680
2806
|
this.searchInputValue = model('');
|
|
2681
2807
|
this.selectAmount = computed(() => this.dataSource().filter((checkbox) => checkbox.value).length);
|
|
2682
2808
|
this.noSearchResults = computed(() => this.dataSource().filter((checkbox) => checkbox.label.toLowerCase().includes(this.searchInputValue().toLowerCase())).length === 0);
|
|
@@ -2717,10 +2843,10 @@ class MultiSelectComponent {
|
|
|
2717
2843
|
this.lastCheckedElementId.set(null);
|
|
2718
2844
|
}
|
|
2719
2845
|
}
|
|
2720
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2721
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2846
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: MultiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2847
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: MultiSelectComponent, isStandalone: true, selector: "ndw-multi-select", inputs: { buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: true, transformFunction: null }, prefixIcon: { classPropertyName: "prefixIcon", publicName: "prefixIcon", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, noResultText: { classPropertyName: "noResultText", publicName: "noResultText", isSignal: true, isRequired: false, transformFunction: null }, chevron: { classPropertyName: "chevron", publicName: "chevron", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selectAllText: { classPropertyName: "selectAllText", publicName: "selectAllText", isSignal: true, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, lastCheckedElementId: { classPropertyName: "lastCheckedElementId", publicName: "lastCheckedElementId", isSignal: true, isRequired: false, transformFunction: null }, searchInputValue: { classPropertyName: "searchInputValue", publicName: "searchInputValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dataSource: "dataSourceChange", lastCheckedElementId: "lastCheckedElementIdChange", searchInputValue: "searchInputValueChange" }, viewQueries: [{ propertyName: "dropdownTrigger", first: true, predicate: PopoverTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<ndw-dropdown\n prefixIcon=\"filter_alt\"\n [selectAmount]=\"selectAmount()\"\n (tagClicked)=\"toggleSelectAll(false)\"\n (isOpenChange)=\"isOpenChanged($event)\"\n [buttonText]=\"buttonText()\"\n [disabled]=\"disabled()\"\n [chevron]=\"chevron()\"\n [prefixIcon]=\"prefixIcon()\"\n>\n <ndw-form-field [label]=\"searchLabel()\" [hideLabel]=\"true\">\n <input\n ndwInput\n type=\"search\"\n [value]=\"searchInputValue()\"\n (input)=\"searchInputChanged($event)\"\n [placeholder]=\"searchPlaceholder()\"\n />\n </ndw-form-field>\n @if (noSearchResults()) {\n <div class=\"no-search-results\">\n <ndw-icon>sentiment_dissatisfied</ndw-icon>\n {{ noResultText() }}\n </div>\n } @else {\n <ndw-checkbox-group class=\"multi-select-container\">\n @for (checkbox of dataSource(); track checkbox.id) {\n @if (filterSearch(checkbox.label)) {\n <ndw-checkbox\n [ngClass]=\"{ 'last-checked': lastCheckedElementId() === checkbox.id }\"\n [checked]=\"checkbox.value\"\n (checkedChange)=\"checkboxChanged(checkbox.id)\"\n >\n {{ checkbox.label }}\n </ndw-checkbox>\n }\n }\n </ndw-checkbox-group>\n }\n <div class=\"ndw-dialog-footer\">\n @if (selectAmount() === dataSource().length) {\n <button ndwLink (click)=\"toggleSelectAll(false)\">\n {{ selectAllText().deselect }}\n </button>\n } @else {\n <button ndwLink (click)=\"toggleSelectAll(true)\">\n {{ selectAllText().select }}\n </button>\n }\n <div class=\"ndw-dialog-footer-total\" aria-live=\"polite\">\n Geselecteerd: <strong>{{ selectAmount() }}</strong>\n </div>\n </div>\n</ndw-dropdown>\n", styles: [":host{display:flex}ndw-form-field{margin-bottom:var(--ndw-spacing-md)}.no-search-results{display:grid;justify-items:center;width:var(--multi-select-default-width);margin:auto;padding:0 var(--ndw-spacing-md);font-size:var(--ndw-font-size-sm);text-align:center;color:var(--ndw-color-grey-400)}.multi-select-container{max-height:var(--multi-select-default-width);min-width:var(--multi-select-default-width);overflow-y:auto}.multi-select-container ndw-checkbox.last-checked{width:100%;height:auto;padding-bottom:var(--ndw-spacing-sm);margin-bottom:var(--ndw-spacing-sm);border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}ndw-dropdown{width:inherit}.ndw-dialog-footer{display:flex;margin-top:var(--ndw-spacing-md);border-top:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);padding-top:var(--ndw-spacing-md);font-size:var(--ndw-font-size-xs)}.ndw-dialog-footer .ndw-dialog-footer-total{display:flex;flex:1;justify-content:end;gap:var(--ndw-spacing-2xs)}\n"], dependencies: [{ kind: "component", type: FormFieldComponent, selector: "ndw-form-field", inputs: ["label", "suffixAriaLabel", "hideLabel", "disabled", "error", "success", "info", "tooltip"], outputs: ["clearButtonClicked"] }, { kind: "component", type: CheckboxComponent, selector: "ndw-checkbox", inputs: ["checked", "switch", "disabled", "error", "success", "indeterminate", "required"], outputs: ["checkedChange"] }, { kind: "component", type: CheckboxGroupComponent, selector: "ndw-checkbox-group" }, { kind: "component", type: DropdownComponent, selector: "ndw-dropdown", inputs: ["disabled", "chevron", "buttonText", "prefixIcon", "selectAmount"], outputs: ["tagClicked", "isOpenChange"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: InputDirective, selector: "input[ndwInput], select[ndwInput], textarea[ndwInput]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2722
2848
|
}
|
|
2723
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2849
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: MultiSelectComponent, decorators: [{
|
|
2724
2850
|
type: Component,
|
|
2725
2851
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
2726
2852
|
FormFieldComponent,
|
|
@@ -2730,40 +2856,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
2730
2856
|
IconComponent,
|
|
2731
2857
|
InputDirective,
|
|
2732
2858
|
NgClass,
|
|
2733
|
-
], selector: 'ndw-multi-select',
|
|
2859
|
+
], selector: 'ndw-multi-select', template: "<ndw-dropdown\n prefixIcon=\"filter_alt\"\n [selectAmount]=\"selectAmount()\"\n (tagClicked)=\"toggleSelectAll(false)\"\n (isOpenChange)=\"isOpenChanged($event)\"\n [buttonText]=\"buttonText()\"\n [disabled]=\"disabled()\"\n [chevron]=\"chevron()\"\n [prefixIcon]=\"prefixIcon()\"\n>\n <ndw-form-field [label]=\"searchLabel()\" [hideLabel]=\"true\">\n <input\n ndwInput\n type=\"search\"\n [value]=\"searchInputValue()\"\n (input)=\"searchInputChanged($event)\"\n [placeholder]=\"searchPlaceholder()\"\n />\n </ndw-form-field>\n @if (noSearchResults()) {\n <div class=\"no-search-results\">\n <ndw-icon>sentiment_dissatisfied</ndw-icon>\n {{ noResultText() }}\n </div>\n } @else {\n <ndw-checkbox-group class=\"multi-select-container\">\n @for (checkbox of dataSource(); track checkbox.id) {\n @if (filterSearch(checkbox.label)) {\n <ndw-checkbox\n [ngClass]=\"{ 'last-checked': lastCheckedElementId() === checkbox.id }\"\n [checked]=\"checkbox.value\"\n (checkedChange)=\"checkboxChanged(checkbox.id)\"\n >\n {{ checkbox.label }}\n </ndw-checkbox>\n }\n }\n </ndw-checkbox-group>\n }\n <div class=\"ndw-dialog-footer\">\n @if (selectAmount() === dataSource().length) {\n <button ndwLink (click)=\"toggleSelectAll(false)\">\n {{ selectAllText().deselect }}\n </button>\n } @else {\n <button ndwLink (click)=\"toggleSelectAll(true)\">\n {{ selectAllText().select }}\n </button>\n }\n <div class=\"ndw-dialog-footer-total\" aria-live=\"polite\">\n Geselecteerd: <strong>{{ selectAmount() }}</strong>\n </div>\n </div>\n</ndw-dropdown>\n", styles: [":host{display:flex}ndw-form-field{margin-bottom:var(--ndw-spacing-md)}.no-search-results{display:grid;justify-items:center;width:var(--multi-select-default-width);margin:auto;padding:0 var(--ndw-spacing-md);font-size:var(--ndw-font-size-sm);text-align:center;color:var(--ndw-color-grey-400)}.multi-select-container{max-height:var(--multi-select-default-width);min-width:var(--multi-select-default-width);overflow-y:auto}.multi-select-container ndw-checkbox.last-checked{width:100%;height:auto;padding-bottom:var(--ndw-spacing-sm);margin-bottom:var(--ndw-spacing-sm);border-bottom:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200)}ndw-dropdown{width:inherit}.ndw-dialog-footer{display:flex;margin-top:var(--ndw-spacing-md);border-top:var(--ndw-border-size-sm) solid var(--ndw-color-grey-200);padding-top:var(--ndw-spacing-md);font-size:var(--ndw-font-size-xs)}.ndw-dialog-footer .ndw-dialog-footer-total{display:flex;flex:1;justify-content:end;gap:var(--ndw-spacing-2xs)}\n"] }]
|
|
2734
2860
|
}] });
|
|
2735
2861
|
|
|
2736
|
-
var PillColor;
|
|
2737
|
-
(function (PillColor) {
|
|
2738
|
-
PillColor["Green"] = "green";
|
|
2739
|
-
PillColor["Gray"] = "gray";
|
|
2740
|
-
PillColor["Blue"] = "blue";
|
|
2741
|
-
PillColor["Purple"] = "purple";
|
|
2742
|
-
PillColor["Yellow"] = "yellow";
|
|
2743
|
-
PillColor["Red"] = "red";
|
|
2744
|
-
})(PillColor || (PillColor = {}));
|
|
2745
|
-
|
|
2746
2862
|
class PillComponent {
|
|
2747
2863
|
constructor() {
|
|
2748
2864
|
/**
|
|
2749
2865
|
* The color of the pill.
|
|
2750
2866
|
*/
|
|
2751
|
-
this.color = input(
|
|
2867
|
+
this.color = input('green');
|
|
2752
2868
|
/**
|
|
2753
2869
|
* The content of the pill.
|
|
2754
2870
|
*/
|
|
2755
2871
|
this.content = viewChild('content');
|
|
2756
2872
|
}
|
|
2757
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2758
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
2873
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: PillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2874
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.1", type: PillComponent, isStandalone: true, selector: "ndw-pill", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "color()", "attr.title": "this.content()?.nativeElement?.textContent" }, classAttribute: "ndw-paragraph-md" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #content>\n <ng-content />\n</div>\n", styles: [":host{display:inline-block;line-height:1rem;border-radius:var(--ndw-border-radius-sm);padding:var(--ndw-spacing-3xs) var(--ndw-spacing-2xs);max-width:20rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host.green{color:var(--ndw-color-positive-600);background-color:var(--ndw-color-positive-100)}:host.gray{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-grey-200)}:host.blue{color:var(--ndw-color-secondary-500);background-color:var(--ndw-color-secondary-100)}:host.purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}:host.yellow{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-warning-100)}:host.red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2759
2875
|
}
|
|
2760
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2876
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: PillComponent, decorators: [{
|
|
2761
2877
|
type: Component,
|
|
2762
2878
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2763
2879
|
'[class]': 'color()',
|
|
2764
2880
|
class: 'ndw-paragraph-md',
|
|
2765
2881
|
'[attr.title]': 'this.content()?.nativeElement?.textContent',
|
|
2766
|
-
}, selector: 'ndw-pill',
|
|
2882
|
+
}, selector: 'ndw-pill', template: "<div #content>\n <ng-content />\n</div>\n", styles: [":host{display:inline-block;line-height:1rem;border-radius:var(--ndw-border-radius-sm);padding:var(--ndw-spacing-3xs) var(--ndw-spacing-2xs);max-width:20rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host.green{color:var(--ndw-color-positive-600);background-color:var(--ndw-color-positive-100)}:host.gray{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-grey-200)}:host.blue{color:var(--ndw-color-secondary-500);background-color:var(--ndw-color-secondary-100)}:host.purple{color:var(--ndw-color-alternative-500);background-color:var(--ndw-color-alternative-100)}:host.yellow{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-warning-100)}:host.red{color:var(--ndw-color-critical-500);background-color:var(--ndw-color-critical-100)}\n"] }]
|
|
2767
2883
|
}] });
|
|
2768
2884
|
|
|
2769
2885
|
const breadcrumbRouteDataKey = 'breadcrumb';
|
|
@@ -2788,12 +2904,12 @@ class RouterBreadcrumbsComponent {
|
|
|
2788
2904
|
}
|
|
2789
2905
|
return breadcrumbs;
|
|
2790
2906
|
}
|
|
2791
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2792
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2907
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: RouterBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2908
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: RouterBreadcrumbsComponent, isStandalone: true, selector: "ndw-router-breadcrumbs", ngImport: i0, template: "<ndw-breadcrumb-group>\n @for (breadcrumb of breadcrumbs$ | async; track breadcrumb.url) {\n <ndw-breadcrumb [link]=\"breadcrumb.url\">{{ breadcrumb.title }}</ndw-breadcrumb>\n }\n</ndw-breadcrumb-group>\n", dependencies: [{ kind: "component", type: BreadcrumbGroupComponent, selector: "ndw-breadcrumb-group" }, { kind: "component", type: BreadcrumbComponent, selector: "ndw-breadcrumb", inputs: ["link"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2793
2909
|
}
|
|
2794
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2910
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: RouterBreadcrumbsComponent, decorators: [{
|
|
2795
2911
|
type: Component,
|
|
2796
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [BreadcrumbGroupComponent, BreadcrumbComponent, AsyncPipe], selector: 'ndw-router-breadcrumbs',
|
|
2912
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [BreadcrumbGroupComponent, BreadcrumbComponent, AsyncPipe], selector: 'ndw-router-breadcrumbs', template: "<ndw-breadcrumb-group>\n @for (breadcrumb of breadcrumbs$ | async; track breadcrumb.url) {\n <ndw-breadcrumb [link]=\"breadcrumb.url\">{{ breadcrumb.title }}</ndw-breadcrumb>\n }\n</ndw-breadcrumb-group>\n" }]
|
|
2797
2913
|
}] });
|
|
2798
2914
|
|
|
2799
2915
|
class TabComponent {
|
|
@@ -2811,10 +2927,10 @@ class TabComponent {
|
|
|
2811
2927
|
event.preventDefault();
|
|
2812
2928
|
this.active.set(true);
|
|
2813
2929
|
}
|
|
2814
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2815
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
2930
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2931
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: TabComponent, isStandalone: true, selector: "ndw-tab", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange" }, host: { attributes: { "role": "tab", "tabindex": "0" }, listeners: { "click": "onClick($event)", "keydown": "onTabKeyDown($event)" }, properties: { "attr.active": "active() || null" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{border-bottom:var(--ndw-border-size-lg) solid transparent;color:var(--ndw-color-grey-400);cursor:pointer;display:block;font-weight:700;padding:var(--ndw-spacing-md) 0;position:relative;transition:border-bottom .2s ease-out,color .2s ease-out;word-break:break-word}:host:hover{border-color:var(--ndw-color-grey-500);color:var(--ndw-color-grey-500)}:host:active,:host:focus{border-color:transparent;color:var(--ndw-color-grey-400)}:host[active]{border-color:var(--ndw-color-primary);color:var(--ndw-color-primary)}:host[active]:hover{border-color:var(--ndw-color-primary-hover);color:var(--ndw-color-primary-hover)}:host[active]:active{border-color:var(--ndw-color-primary);color:var(--ndw-color-primary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2816
2932
|
}
|
|
2817
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2933
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: TabComponent, decorators: [{
|
|
2818
2934
|
type: Component,
|
|
2819
2935
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2820
2936
|
'[attr.active]': 'active() || null',
|
|
@@ -2822,7 +2938,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
2822
2938
|
'(keydown)': 'onTabKeyDown($event)',
|
|
2823
2939
|
role: 'tab',
|
|
2824
2940
|
tabindex: '0',
|
|
2825
|
-
}, selector: 'ndw-tab',
|
|
2941
|
+
}, selector: 'ndw-tab', template: "<ng-content />\n", styles: [":host{border-bottom:var(--ndw-border-size-lg) solid transparent;color:var(--ndw-color-grey-400);cursor:pointer;display:block;font-weight:700;padding:var(--ndw-spacing-md) 0;position:relative;transition:border-bottom .2s ease-out,color .2s ease-out;word-break:break-word}:host:hover{border-color:var(--ndw-color-grey-500);color:var(--ndw-color-grey-500)}:host:active,:host:focus{border-color:transparent;color:var(--ndw-color-grey-400)}:host[active]{border-color:var(--ndw-color-primary);color:var(--ndw-color-primary)}:host[active]:hover{border-color:var(--ndw-color-primary-hover);color:var(--ndw-color-primary-hover)}:host[active]:active{border-color:var(--ndw-color-primary);color:var(--ndw-color-primary)}\n"] }]
|
|
2826
2942
|
}] });
|
|
2827
2943
|
|
|
2828
2944
|
class TabGroupComponent {
|
|
@@ -2846,14 +2962,14 @@ class TabGroupComponent {
|
|
|
2846
2962
|
});
|
|
2847
2963
|
});
|
|
2848
2964
|
}
|
|
2849
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2850
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
2965
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: TabGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2966
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.1", type: TabGroupComponent, isStandalone: true, selector: "ndw-tab-group", inputs: { activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeTab: "activeTabChange" }, host: { attributes: { "role": "tablist" } }, queries: [{ propertyName: "tabs", predicate: TabComponent, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:flex;gap:var(--ndw-spacing-lg);overflow:auto hidden;padding-left:0;position:relative;z-index:1}:host:after{background-color:var(--ndw-color-grey-200);bottom:0;content:\"\";height:var(--ndw-border-size-sm);position:absolute;width:100%;z-index:-1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2851
2967
|
}
|
|
2852
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2968
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: TabGroupComponent, decorators: [{
|
|
2853
2969
|
type: Component,
|
|
2854
2970
|
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2855
2971
|
role: 'tablist',
|
|
2856
|
-
}, selector: 'ndw-tab-group',
|
|
2972
|
+
}, selector: 'ndw-tab-group', template: "<ng-content />\n", styles: [":host{display:flex;gap:var(--ndw-spacing-lg);overflow:auto hidden;padding-left:0;position:relative;z-index:1}:host:after{background-color:var(--ndw-color-grey-200);bottom:0;content:\"\";height:var(--ndw-border-size-sm);position:absolute;width:100%;z-index:-1}\n"] }]
|
|
2857
2973
|
}] });
|
|
2858
2974
|
|
|
2859
2975
|
class ToastComponent {
|
|
@@ -2922,12 +3038,12 @@ class ToastComponent {
|
|
|
2922
3038
|
}
|
|
2923
3039
|
return text;
|
|
2924
3040
|
}
|
|
2925
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2926
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
3041
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3042
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.1", type: ToastComponent, isStandalone: true, selector: "ndw-toast", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { message: "messageChange", close: "close" }, viewQueries: [{ propertyName: "toastContainer", first: true, predicate: ["toastContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #toastContainer>\n <p>\n {{ message() }}\n </p>\n <button ndwButton tertiary alternative extra-small (click)=\"startFadeOut()\">\n <ndw-icon>close</ndw-icon>\n </button>\n</div>\n", styles: ["div{align-items:center;background:var(--ndw-color-grey-700);border-radius:var(--ndw-spacing-2xs);color:var(--ndw-color-white);display:grid;font-size:var(--ndw-font-size-sm);gap:var(--ndw-spacing-xs);grid-template-columns:1fr auto;height:var(--ndw-spacing-lg);opacity:1;padding-left:var(--ndw-spacing-xs);transition:opacity .2s ease-in;width:fit-content}div.fade-out{opacity:0}div p{display:inline-block;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div [ndwButton] ndw-icon{color:var(--ndw-color-white)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2927
3043
|
}
|
|
2928
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ToastComponent, decorators: [{
|
|
2929
3045
|
type: Component,
|
|
2930
|
-
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], selector: 'ndw-toast',
|
|
3046
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], selector: 'ndw-toast', template: "<div #toastContainer>\n <p>\n {{ message() }}\n </p>\n <button ndwButton tertiary alternative extra-small (click)=\"startFadeOut()\">\n <ndw-icon>close</ndw-icon>\n </button>\n</div>\n", styles: ["div{align-items:center;background:var(--ndw-color-grey-700);border-radius:var(--ndw-spacing-2xs);color:var(--ndw-color-white);display:grid;font-size:var(--ndw-font-size-sm);gap:var(--ndw-spacing-xs);grid-template-columns:1fr auto;height:var(--ndw-spacing-lg);opacity:1;padding-left:var(--ndw-spacing-xs);transition:opacity .2s ease-in;width:fit-content}div.fade-out{opacity:0}div p{display:inline-block;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div [ndwButton] ndw-icon{color:var(--ndw-color-white)}\n"] }]
|
|
2931
3047
|
}] });
|
|
2932
3048
|
|
|
2933
3049
|
class ToastService {
|
|
@@ -2958,10 +3074,10 @@ class ToastService {
|
|
|
2958
3074
|
});
|
|
2959
3075
|
this.isOpen = true;
|
|
2960
3076
|
}
|
|
2961
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2962
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
3077
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3078
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ToastService, providedIn: 'root' }); }
|
|
2963
3079
|
}
|
|
2964
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3080
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: ToastService, decorators: [{
|
|
2965
3081
|
type: Injectable,
|
|
2966
3082
|
args: [{
|
|
2967
3083
|
providedIn: 'root',
|
|
@@ -2969,12 +3085,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
2969
3085
|
}] });
|
|
2970
3086
|
|
|
2971
3087
|
class SummaryCardComponent {
|
|
2972
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2973
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3088
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3089
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SummaryCardComponent, isStandalone: true, selector: "ndw-summary-card", host: { classAttribute: "ndw-summary-card" }, ngImport: i0, template: "<ndw-card class=\"ndw-summary-card__wrapper\">\n <ng-content select=\"ndw-summary-card-avatar\" />\n <div class=\"ndw-summary-card__content\">\n <ng-content select=\"ndw-summary-card-header\" />\n <ng-content select=\"ndw-summary-card-content\" />\n <ng-content select=\"ndw-summary-card-tags\" />\n </div>\n</ndw-card>\n", dependencies: [{ kind: "component", type: CardComponent, selector: "ndw-card", inputs: ["isCollapsed"], outputs: ["isCollapsedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2974
3090
|
}
|
|
2975
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3091
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardComponent, decorators: [{
|
|
2976
3092
|
type: Component,
|
|
2977
|
-
args: [{ selector: 'ndw-summary-card',
|
|
3093
|
+
args: [{ selector: 'ndw-summary-card', imports: [CardComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2978
3094
|
class: 'ndw-summary-card',
|
|
2979
3095
|
}, template: "<ndw-card class=\"ndw-summary-card__wrapper\">\n <ng-content select=\"ndw-summary-card-avatar\" />\n <div class=\"ndw-summary-card__content\">\n <ng-content select=\"ndw-summary-card-header\" />\n <ng-content select=\"ndw-summary-card-content\" />\n <ng-content select=\"ndw-summary-card-tags\" />\n </div>\n</ndw-card>\n" }]
|
|
2980
3096
|
}] });
|
|
@@ -2987,12 +3103,12 @@ class SummaryCardActionComponent {
|
|
|
2987
3103
|
this.action = output();
|
|
2988
3104
|
this.template = viewChild.required(TemplateRef);
|
|
2989
3105
|
}
|
|
2990
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2991
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
3106
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3107
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.1", type: SummaryCardActionComponent, isStandalone: true, selector: "ndw-summary-card-action", inputs: { iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { attributes: { "role": "listitem" }, classAttribute: "ndw-summary-card-action" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n <button\n ndwButton\n type=\"button\"\n tertiary\n extra-small\n [title]=\"label()\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"label()\"\n (click)=\"action.emit()\"\n >\n <ndw-icon>{{ iconName() }}</ndw-icon>\n </button>\n</ng-template>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2992
3108
|
}
|
|
2993
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardActionComponent, decorators: [{
|
|
2994
3110
|
type: Component,
|
|
2995
|
-
args: [{ selector: 'ndw-summary-card-action',
|
|
3111
|
+
args: [{ selector: 'ndw-summary-card-action', imports: [IconComponent, ButtonDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
2996
3112
|
role: 'listitem',
|
|
2997
3113
|
class: 'ndw-summary-card-action',
|
|
2998
3114
|
}, template: "<ng-template>\n <button\n ndwButton\n type=\"button\"\n tertiary\n extra-small\n [title]=\"label()\"\n [disabled]=\"disabled()\"\n [attr.aria-label]=\"label()\"\n (click)=\"action.emit()\"\n >\n <ndw-icon>{{ iconName() }}</ndw-icon>\n </button>\n</ng-template>\n" }]
|
|
@@ -3005,12 +3121,12 @@ class SummaryCardActionsComponent {
|
|
|
3005
3121
|
descendants: true,
|
|
3006
3122
|
});
|
|
3007
3123
|
}
|
|
3008
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3009
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3124
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3125
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.1", type: SummaryCardActionsComponent, isStandalone: true, selector: "ndw-summary-card-actions", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "list" }, properties: { "class.ndw-summary-card-actions--auto": "view() === \"auto\"" }, classAttribute: "ndw-summary-card-actions" }, queries: [{ propertyName: "actions", predicate: SummaryCardActionComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (view() === 'popover') {\n <ng-container *ngTemplateOutlet=\"popoverActions\"></ng-container>\n} @else if (view() === 'visible') {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n <div class=\"popover-wrapper\">\n <ng-container *ngTemplateOutlet=\"popoverActions\"></ng-container>\n </div>\n <div class=\"regular-wrapper\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n}\n\n<ng-template #popoverActions>\n <button\n ndwButton\n extra-small\n tertiary\n aria-label=\"Open menu\"\n [ndwPopoverTrigger]=\"content\"\n [popoverPosition]=\"'nextToTriggerButton'\"\n >\n <ndw-icon>more_horiz</ndw-icon>\n </button>\n</ng-template>\n\n<ng-template #content>\n <div\n class=\"actions\"\n [ngClass]=\"{\n 'actions--popover': view() === 'popover',\n 'actions--visible': view() === 'visible',\n 'actions--auto': view() === 'auto',\n }\"\n >\n @for (action of actions(); track action) {\n <ng-template [ngTemplateOutlet]=\"action.template()\" />\n }\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: PopoverTriggerDirective, selector: "[ndwPopoverTrigger]", inputs: ["popoverPosition", "ndwPopoverTrigger", "toggleOnClick", "isOpen"], outputs: ["popoverToggled", "isOpenChange"], exportAs: ["ndwPopoverTrigger"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3010
3126
|
}
|
|
3011
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardActionsComponent, decorators: [{
|
|
3012
3128
|
type: Component,
|
|
3013
|
-
args: [{ selector: 'ndw-summary-card-actions',
|
|
3129
|
+
args: [{ selector: 'ndw-summary-card-actions', imports: [PopoverTriggerDirective, IconComponent, NgTemplateOutlet, NgClass, ButtonDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
3014
3130
|
role: 'list',
|
|
3015
3131
|
class: 'ndw-summary-card-actions',
|
|
3016
3132
|
'[class.ndw-summary-card-actions--auto]': 'view() === "auto"',
|
|
@@ -3022,14 +3138,13 @@ class SummaryCardAvatarComponent {
|
|
|
3022
3138
|
this.variant = input('default');
|
|
3023
3139
|
this.variantClass = computed(() => `ndw-summary-card-avatar--${this.variant()}`);
|
|
3024
3140
|
}
|
|
3025
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3026
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
3141
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3142
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.1", type: SummaryCardAvatarComponent, isStandalone: true, selector: "ndw-summary-card-avatar", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-hidden": "true", "class": "variantClass()" }, classAttribute: "ndw-summary-card-avatar" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3027
3143
|
}
|
|
3028
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3144
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardAvatarComponent, decorators: [{
|
|
3029
3145
|
type: Component,
|
|
3030
3146
|
args: [{
|
|
3031
3147
|
selector: 'ndw-summary-card-avatar',
|
|
3032
|
-
standalone: true,
|
|
3033
3148
|
template: '<ng-content />',
|
|
3034
3149
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3035
3150
|
host: {
|
|
@@ -3041,14 +3156,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
3041
3156
|
}] });
|
|
3042
3157
|
|
|
3043
3158
|
class SummaryCardContentComponent {
|
|
3044
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3045
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3159
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3160
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SummaryCardContentComponent, isStandalone: true, selector: "ndw-summary-card-content", host: { classAttribute: "ndw-summary-card-content" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3046
3161
|
}
|
|
3047
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardContentComponent, decorators: [{
|
|
3048
3163
|
type: Component,
|
|
3049
3164
|
args: [{
|
|
3050
3165
|
selector: 'ndw-summary-card-content',
|
|
3051
|
-
standalone: true,
|
|
3052
3166
|
template: '<ng-content />',
|
|
3053
3167
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3054
3168
|
host: {
|
|
@@ -3058,25 +3172,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
3058
3172
|
}] });
|
|
3059
3173
|
|
|
3060
3174
|
class SummaryCardHeaderComponent {
|
|
3061
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3062
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3175
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3176
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SummaryCardHeaderComponent, isStandalone: true, selector: "ndw-summary-card-header", host: { classAttribute: "ndw-summary-card-header" }, ngImport: i0, template: "<div class=\"ndw-summary-card-header__wrapper\">\n <ng-content select=\"ndw-pill\" />\n <h3 class=\"ndw-summary-card-header__title\"><ng-content /></h3>\n <ng-content select=\"ndw-summary-card-subtitle\" />\n</div>\n\n<ng-content select=\"ndw-summary-card-actions\" />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3063
3177
|
}
|
|
3064
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3178
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardHeaderComponent, decorators: [{
|
|
3065
3179
|
type: Component,
|
|
3066
|
-
args: [{ selector: 'ndw-summary-card-header',
|
|
3180
|
+
args: [{ selector: 'ndw-summary-card-header', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
3067
3181
|
class: 'ndw-summary-card-header',
|
|
3068
3182
|
}, template: "<div class=\"ndw-summary-card-header__wrapper\">\n <ng-content select=\"ndw-pill\" />\n <h3 class=\"ndw-summary-card-header__title\"><ng-content /></h3>\n <ng-content select=\"ndw-summary-card-subtitle\" />\n</div>\n\n<ng-content select=\"ndw-summary-card-actions\" />\n" }]
|
|
3069
3183
|
}] });
|
|
3070
3184
|
|
|
3071
3185
|
class SummaryCardTagsComponent {
|
|
3072
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3073
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3186
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardTagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3187
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SummaryCardTagsComponent, isStandalone: true, selector: "ndw-summary-card-tags", host: { attributes: { "role": "list" }, classAttribute: "ndw-summary-card-tags" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3074
3188
|
}
|
|
3075
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardTagsComponent, decorators: [{
|
|
3076
3190
|
type: Component,
|
|
3077
3191
|
args: [{
|
|
3078
3192
|
selector: 'ndw-summary-card-tags',
|
|
3079
|
-
standalone: true,
|
|
3080
3193
|
template: '<ng-content />',
|
|
3081
3194
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3082
3195
|
host: {
|
|
@@ -3087,14 +3200,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
3087
3200
|
}] });
|
|
3088
3201
|
|
|
3089
3202
|
class SummaryCardTagComponent {
|
|
3090
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3091
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3203
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3204
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SummaryCardTagComponent, isStandalone: true, selector: "ndw-summary-card-tag", host: { attributes: { "role": "listitem" }, classAttribute: "ndw-summary-card-tag" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3092
3205
|
}
|
|
3093
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardTagComponent, decorators: [{
|
|
3094
3207
|
type: Component,
|
|
3095
3208
|
args: [{
|
|
3096
3209
|
selector: 'ndw-summary-card-tag',
|
|
3097
|
-
standalone: true,
|
|
3098
3210
|
template: '<ng-content />',
|
|
3099
3211
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3100
3212
|
host: {
|
|
@@ -3105,12 +3217,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
3105
3217
|
}] });
|
|
3106
3218
|
|
|
3107
3219
|
class SummaryCardSubtitleComponent {
|
|
3108
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3109
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3220
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3221
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.1", type: SummaryCardSubtitleComponent, isStandalone: true, selector: "ndw-summary-card-subtitle", ngImport: i0, template: "<div class=\"ndw-summary-card-subtitle\">\n <ng-content select=\"ndw-icon\" />\n\n <div class=\"ndw-summary-card-subtitle__text\">\n <ng-content />\n </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3110
3222
|
}
|
|
3111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3223
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.1", ngImport: i0, type: SummaryCardSubtitleComponent, decorators: [{
|
|
3112
3224
|
type: Component,
|
|
3113
|
-
args: [{ selector: 'ndw-summary-card-subtitle',
|
|
3225
|
+
args: [{ selector: 'ndw-summary-card-subtitle', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ndw-summary-card-subtitle\">\n <ng-content select=\"ndw-icon\" />\n\n <div class=\"ndw-summary-card-subtitle__text\">\n <ng-content />\n </div>\n</div>\n" }]
|
|
3114
3226
|
}] });
|
|
3115
3227
|
|
|
3116
3228
|
/*
|
|
@@ -3121,5 +3233,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImpor
|
|
|
3121
3233
|
* Generated bundle index. Do not edit.
|
|
3122
3234
|
*/
|
|
3123
3235
|
|
|
3124
|
-
export { AccordionComponent, AccordionService, ActionIconComponent, AlertComponent,
|
|
3236
|
+
export { AccordionComponent, AccordionService, ActionIconComponent, AlertComponent, AutoGrowDirective, AutocompleteOptionSelectionChange, AutosuggestAddOptionComponent, AutosuggestDirective, AutosuggestOptionComponent, AutosuggestPanelComponent, BadgeComponent, BannerComponent, BreadcrumbComponent, BreadcrumbGroupComponent, ButtonDirective, CARD_COMPONENTS, CARD_ID_TOKEN, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CheckboxComponent, CheckboxGroupComponent, CollapsibleComponent, DashboardCardComponent, DropdownComponent, ErrorComponent, FileUploadComponent, FormFieldComponent, FormFieldElement, IconComponent, InfoComponent, InputButtonComponent, InputDirective, InputIconComponent, LayoutBannersComponent, LayoutComponent, LoaderComponent, MODAL_COMPONENTS, MainNavigationComponent, MaxCharDirective, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalService, MonthInputComponent, MultiSelectComponent, OptionComponent, OptionGroupComponent, PillComponent, PopoverTriggerDirective, RadioButtonComponent, RadioGroupComponent, RouterBreadcrumbsComponent, SummaryCardActionComponent, SummaryCardActionsComponent, SummaryCardAvatarComponent, SummaryCardComponent, SummaryCardContentComponent, SummaryCardHeaderComponent, SummaryCardSubtitleComponent, SummaryCardTagComponent, SummaryCardTagsComponent, TabComponent, TabGroupComponent, TagComponent, ToastComponent, ToastService, TooltipComponent, TooltipDirective, breadcrumbRouteDataKey };
|
|
3125
3237
|
//# sourceMappingURL=ndwnu-design-system.mjs.map
|