@ndwnu/design-system 1.1.0 → 2.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/accordion/accordion.component.d.ts +1 -0
- package/components/alert/alert.component.d.ts +18 -2
- package/components/alert/alert.model.d.ts +1 -0
- package/components/badge/badge.component.d.ts +8 -1
- package/components/card/card-footer/card-footer.component.d.ts +0 -1
- package/components/card/card-header/card-header.component.d.ts +0 -3
- package/components/card/card.component.d.ts +2 -8
- package/components/card/index.d.ts +3 -1
- package/components/collapsible/collapsible.component.d.ts +4 -3
- package/components/dropdown/dropdown.component.d.ts +5 -5
- package/components/form-field/checkbox/checkbox.component.d.ts +0 -1
- package/components/form-field/file-upload/file-upload-text.interface.d.ts +4 -0
- package/components/form-field/file-upload/file-upload.component.d.ts +44 -0
- package/components/form-field/file-upload/index.d.ts +2 -0
- package/components/form-field/form-field.component.d.ts +8 -2
- package/components/form-field/index.d.ts +3 -0
- package/components/form-field/input/input.directive.d.ts +1 -0
- package/components/form-field/option-group/index.d.ts +2 -0
- package/components/form-field/option-group/option-group.component.d.ts +18 -0
- package/components/form-field/option-group/option.component.d.ts +8 -0
- package/components/form-field/radio-button/radio-button.component.d.ts +0 -4
- package/components/form-field/radio-group/radio-group.component.d.ts +1 -1
- package/components/form-field/textarea/auto-grow.directive.d.ts +19 -0
- package/components/form-field/textarea/index.d.ts +1 -0
- package/components/icon/action-icon/action-icon.component.d.ts +33 -0
- package/components/icon/icon.component.d.ts +4 -6
- package/components/icon/index.d.ts +1 -0
- package/components/index.d.ts +1 -0
- package/components/main-navigation/main-navigation.component.d.ts +2 -1
- package/components/modal/index.d.ts +7 -1
- package/components/modal/modal-content/index.d.ts +1 -0
- package/components/modal/modal-content/modal-content.component.d.ts +5 -0
- package/components/modal/modal-footer/index.d.ts +1 -0
- package/components/modal/modal-footer/modal-footer.component.d.ts +5 -0
- package/components/modal/modal-header/index.d.ts +1 -0
- package/components/modal/modal-header/modal-header.component.d.ts +7 -0
- package/components/modal/modal.component.d.ts +11 -0
- package/components/modal/modal.service.d.ts +0 -1
- package/components/multi-select/multi-select.component.d.ts +6 -5
- package/components/pill/pill.component.d.ts +8 -0
- package/components/removable-pill/removable-pill.component.d.ts +9 -2
- package/components/toast/index.d.ts +2 -0
- package/components/toast/toast.component.d.ts +18 -0
- package/components/toast/toast.service.d.ts +12 -0
- package/components/tooltip/tooltip.directive.d.ts +4 -0
- package/core/styles/ndw-styles.scss +99 -31
- package/core/styles/nwb-styles.scss +99 -31
- package/esm2022/components/accordion/accordion.component.mjs +9 -5
- package/esm2022/components/accordion/accordion.service.mjs +3 -6
- package/esm2022/components/alert/alert.component.mjs +28 -4
- package/esm2022/components/alert/alert.model.mjs +1 -1
- package/esm2022/components/badge/badge.component.mjs +10 -3
- package/esm2022/components/breadcrumb-group/breadcrumb-group.component.mjs +3 -3
- package/esm2022/components/card/card-footer/card-footer.component.mjs +1 -4
- package/esm2022/components/card/card-header/card-header.component.mjs +4 -12
- package/esm2022/components/card/card.component.mjs +5 -22
- package/esm2022/components/card/index.mjs +12 -2
- package/esm2022/components/collapsible/collapsible.component.mjs +6 -13
- package/esm2022/components/dropdown/dropdown.component.mjs +8 -9
- package/esm2022/components/form-field/checkbox/checkbox.component.mjs +8 -17
- package/esm2022/components/form-field/error/error.component.mjs +3 -3
- package/esm2022/components/form-field/file-upload/file-upload-text.interface.mjs +2 -0
- package/esm2022/components/form-field/file-upload/file-upload.component.mjs +210 -0
- package/esm2022/components/form-field/file-upload/index.mjs +3 -0
- package/esm2022/components/form-field/form-field.component.mjs +30 -5
- package/esm2022/components/form-field/index.mjs +4 -1
- package/esm2022/components/form-field/info/info.component.mjs +2 -2
- package/esm2022/components/form-field/input/input.directive.mjs +5 -3
- package/esm2022/components/form-field/option-group/index.mjs +3 -0
- package/esm2022/components/form-field/option-group/option-group.component.mjs +53 -0
- package/esm2022/components/form-field/option-group/option.component.mjs +22 -0
- package/esm2022/components/form-field/radio-button/radio-button.component.mjs +8 -35
- package/esm2022/components/form-field/radio-group/radio-group.component.mjs +4 -6
- package/esm2022/components/form-field/textarea/auto-grow.directive.mjs +45 -0
- package/esm2022/components/form-field/textarea/index.mjs +2 -0
- package/esm2022/components/icon/action-icon/action-icon.component.mjs +39 -0
- package/esm2022/components/icon/icon.component.mjs +10 -24
- package/esm2022/components/icon/index.mjs +2 -1
- package/esm2022/components/index.mjs +2 -1
- package/esm2022/components/main-navigation/main-navigation.component.mjs +4 -3
- package/esm2022/components/modal/index.mjs +18 -2
- package/esm2022/components/modal/modal-content/index.mjs +2 -0
- package/esm2022/components/modal/modal-content/modal-content.component.mjs +11 -0
- package/esm2022/components/modal/modal-footer/index.mjs +2 -0
- package/esm2022/components/modal/modal-footer/modal-footer.component.mjs +11 -0
- package/esm2022/components/modal/modal-header/index.mjs +2 -0
- package/esm2022/components/modal/modal-header/modal-header.component.mjs +19 -0
- package/esm2022/components/modal/modal.component.mjs +32 -0
- package/esm2022/components/modal/modal.service.mjs +5 -10
- package/esm2022/components/multi-select/multi-select.component.mjs +10 -8
- package/esm2022/components/pill/pill.component.mjs +17 -4
- package/esm2022/components/removable-pill/removable-pill.component.mjs +13 -11
- package/esm2022/components/toast/index.mjs +3 -0
- package/esm2022/components/toast/toast.component.mjs +74 -0
- package/esm2022/components/toast/toast.service.mjs +43 -0
- package/esm2022/components/tooltip/tooltip.component.mjs +5 -3
- package/esm2022/components/tooltip/tooltip.directive.mjs +43 -18
- package/fesm2022/ndwnu-design-system.mjs +884 -334
- package/fesm2022/ndwnu-design-system.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -9,13 +9,13 @@ export class BreadcrumbGroupComponent {
|
|
|
9
9
|
this.breadcrumbs = contentChildren(BreadcrumbComponent);
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BreadcrumbGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: BreadcrumbGroupComponent, isStandalone: true, selector: "ndw-breadcrumb-group", host: { attributes: { "role": "navigation", "aria-label": "Breadcrumb" } }, queries: [{ propertyName: "breadcrumbs", predicate: BreadcrumbComponent, isSignal: true }], ngImport: i0, template: "@for (breadcrumb of breadcrumbs(); track breadcrumb) {\n @if ($count > 1 && $index === $count - 2) {\n <ndw-icon class=\"icon-back\" aria-hidden=\"true\">chevron_left</ndw-icon>\n }\n\n <a\n class=\"breadcrumb\"\n [class.current-page]=\"$last\"\n [class.show-on-small-screen]=\"$count === 1 || $index === $count - 2\"\n [attr.aria-current]=\"$last ? 'page' : null\"\n [routerLink]=\"$last ? null : breadcrumb.link()\"\n >\n <ng-template [ngTemplateOutlet]=\"breadcrumb.content()\"></ng-template>\n </a>\n\n @if (!$last) {\n <ndw-icon class=\"icon-forward\" aria-hidden=\"true\">chevron_right</ndw-icon>\n }\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375em;--ndw-line-height-md: 1.5em;--ndw-rotate-half: rotate(180deg)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][outline]{background-color:transparent;border-color:var(--ndw-background-primary);color:var(--ndw-text-primary)}[ndwButton][outline]:hover{background-color:var(--ndw-background-primary);border-color:var(--ndw-background-primary);color:var(--ndw-foreground-primary)}[ndwButton][outline]:active{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton][secondary]{background-color:transparent;border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700)}[ndwButton][secondary]:hover{background-color:var(--ndw-color-grey-500);border-color:var(--ndw-color-grey-500);color:var(--ndw-color-white)}[ndwButton][secondary]:active{background-color:var(--ndw-color-grey-700);border-color:var(--ndw-color-grey-700);color:var(--ndw-color-white)}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}a[ndwLink]{align-items:baseline;color:var(--ndw-color-link-400);display:inline-flex;font-size:inherit;gap:var(--ndw-spacing-2xs);text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}a[ndwLink]>*{align-self:center}a[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}a[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}a[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel{animation:show var(--ndw-animation-speed-default) ease-in;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}:host{display:flex;align-items:center;background-color:var(--ndw-color-white);padding:var(--ndw-spacing-md)}.breadcrumb{--transition: color var(--ndw-animation-speed-fast) ease-out, background-color var(--ndw-animation-speed-fast) ease-out;font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;text-decoration:none;line-height:100%;color:var(--ndw-color-grey-500);background-color:inherit;padding:calc(var(--ndw-spacing-3xs) * 2.5) var(--ndw-spacing-xs);border-radius:var(--ndw-border-radius-sm);transition:var(--transition)}.breadcrumb:hover{text-decoration:none}.breadcrumb:not(.current-page):hover{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-grey-100);transition:var(--transition)}.breadcrumb:not(.current-page):focus:not(:active){color:var(--ndw-color-grey-500);outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.breadcrumb:not(.current-page):active{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300);transition:var(--transition)}.breadcrumb.current-page{color:var(--ndw-color-grey-700)}.icon-back{display:none}.icon-forward{display:block}.icon-back,.icon-forward{margin:0 0 var(--ndw-spacing-3xs) 0;font-size:var(--ndw-font-size-md);color:var(--ndw-color-primary-500)}@media screen and (max-width: 1024px){.breadcrumb:not(.show-on-small-screen){display:none}.icon-back{display:block}.icon-forward{display:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["interactive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: BreadcrumbGroupComponent, isStandalone: true, selector: "ndw-breadcrumb-group", host: { attributes: { "role": "navigation", "aria-label": "Breadcrumb" } }, queries: [{ propertyName: "breadcrumbs", predicate: BreadcrumbComponent, isSignal: true }], ngImport: i0, template: "@for (breadcrumb of breadcrumbs(); track breadcrumb.link()) {\n @if ($count > 1 && $index === $count - 2) {\n <ndw-icon class=\"icon-back\" aria-hidden=\"true\">chevron_left</ndw-icon>\n }\n\n <a\n class=\"breadcrumb\"\n [class.current-page]=\"$last\"\n [class.show-on-small-screen]=\"$count === 1 || $index === $count - 2\"\n [attr.aria-current]=\"$last ? 'page' : null\"\n [routerLink]=\"$last ? null : breadcrumb.link()\"\n >\n <ng-template [ngTemplateOutlet]=\"breadcrumb.content()\"></ng-template>\n </a>\n\n @if (!$last) {\n <ndw-icon class=\"icon-forward\" aria-hidden=\"true\">chevron_right</ndw-icon>\n }\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375em;--ndw-line-height-md: 1.5em;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel [role=dialog]{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}.toast-container{color:var(--ndw-color-white);background:var(--ndw-color-grey-700);padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border-radius:var(--ndw-spacing-2xs);gap:var(--ndw-spacing-xs);display:grid;grid-template-columns:1fr auto;align-items:center;font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-lg);width:fit-content;opacity:1}.toast-container .toast-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.toast-container ndw-icon{font-size:var(--ndw-font-size-lg);justify-self:end;cursor:pointer}.toast-container.fade-out{transition:opacity .2s ease-in;opacity:0}:host{display:flex;align-items:center;background-color:var(--ndw-color-white);padding:var(--ndw-spacing-md)}.breadcrumb{--transition: color var(--ndw-animation-speed-fast) ease-out, background-color var(--ndw-animation-speed-fast) ease-out;font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;text-decoration:none;line-height:100%;color:var(--ndw-color-grey-500);background-color:inherit;padding:calc(var(--ndw-spacing-3xs) * 2.5) var(--ndw-spacing-xs);border-radius:var(--ndw-border-radius-sm);transition:var(--transition)}.breadcrumb:hover{text-decoration:none}.breadcrumb:not(.current-page):hover{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-grey-100);transition:var(--transition)}.breadcrumb:not(.current-page):focus:not(:active){color:var(--ndw-color-grey-500);outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.breadcrumb:not(.current-page):active{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300);transition:var(--transition)}.breadcrumb.current-page{color:var(--ndw-color-grey-700)}.icon-back{display:none}.icon-forward{display:block}.icon-back,.icon-forward{margin:0 0 var(--ndw-spacing-3xs) 0;font-size:var(--ndw-font-size-md);color:var(--ndw-color-primary-500)}@media screen and (max-width: 1024px){.breadcrumb:not(.show-on-small-screen){display:none}.icon-back{display:block}.icon-forward{display:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BreadcrumbGroupComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'ndw-breadcrumb-group', standalone: true, imports: [NgTemplateOutlet, IconComponent, NgClass, RouterLink], host: {
|
|
17
17
|
role: 'navigation',
|
|
18
18
|
'aria-label': 'Breadcrumb',
|
|
19
|
-
}, template: "@for (breadcrumb of breadcrumbs(); track breadcrumb) {\n @if ($count > 1 && $index === $count - 2) {\n <ndw-icon class=\"icon-back\" aria-hidden=\"true\">chevron_left</ndw-icon>\n }\n\n <a\n class=\"breadcrumb\"\n [class.current-page]=\"$last\"\n [class.show-on-small-screen]=\"$count === 1 || $index === $count - 2\"\n [attr.aria-current]=\"$last ? 'page' : null\"\n [routerLink]=\"$last ? null : breadcrumb.link()\"\n >\n <ng-template [ngTemplateOutlet]=\"breadcrumb.content()\"></ng-template>\n </a>\n\n @if (!$last) {\n <ndw-icon class=\"icon-forward\" aria-hidden=\"true\">chevron_right</ndw-icon>\n }\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375em;--ndw-line-height-md: 1.5em;--ndw-rotate-half: rotate(180deg)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][outline]{background-color:transparent;border-color:var(--ndw-background-primary);color:var(--ndw-text-primary)}[ndwButton][outline]:hover{background-color:var(--ndw-background-primary);border-color:var(--ndw-background-primary);color:var(--ndw-foreground-primary)}[ndwButton][outline]:active{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton][secondary]{background-color:transparent;border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700)}[ndwButton][secondary]:hover{background-color:var(--ndw-color-grey-500);border-color:var(--ndw-color-grey-500);color:var(--ndw-color-white)}[ndwButton][secondary]:active{background-color:var(--ndw-color-grey-700);border-color:var(--ndw-color-grey-700);color:var(--ndw-color-white)}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}a[ndwLink]{align-items:baseline;color:var(--ndw-color-link-400);display:inline-flex;font-size:inherit;gap:var(--ndw-spacing-2xs);text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}a[ndwLink]>*{align-self:center}a[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}a[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}a[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel{animation:show var(--ndw-animation-speed-default) ease-in;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}:host{display:flex;align-items:center;background-color:var(--ndw-color-white);padding:var(--ndw-spacing-md)}.breadcrumb{--transition: color var(--ndw-animation-speed-fast) ease-out, background-color var(--ndw-animation-speed-fast) ease-out;font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;text-decoration:none;line-height:100%;color:var(--ndw-color-grey-500);background-color:inherit;padding:calc(var(--ndw-spacing-3xs) * 2.5) var(--ndw-spacing-xs);border-radius:var(--ndw-border-radius-sm);transition:var(--transition)}.breadcrumb:hover{text-decoration:none}.breadcrumb:not(.current-page):hover{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-grey-100);transition:var(--transition)}.breadcrumb:not(.current-page):focus:not(:active){color:var(--ndw-color-grey-500);outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.breadcrumb:not(.current-page):active{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300);transition:var(--transition)}.breadcrumb.current-page{color:var(--ndw-color-grey-700)}.icon-back{display:none}.icon-forward{display:block}.icon-back,.icon-forward{margin:0 0 var(--ndw-spacing-3xs) 0;font-size:var(--ndw-font-size-md);color:var(--ndw-color-primary-500)}@media screen and (max-width: 1024px){.breadcrumb:not(.show-on-small-screen){display:none}.icon-back{display:block}.icon-forward{display:none}}\n"] }]
|
|
19
|
+
}, template: "@for (breadcrumb of breadcrumbs(); track breadcrumb.link()) {\n @if ($count > 1 && $index === $count - 2) {\n <ndw-icon class=\"icon-back\" aria-hidden=\"true\">chevron_left</ndw-icon>\n }\n\n <a\n class=\"breadcrumb\"\n [class.current-page]=\"$last\"\n [class.show-on-small-screen]=\"$count === 1 || $index === $count - 2\"\n [attr.aria-current]=\"$last ? 'page' : null\"\n [routerLink]=\"$last ? null : breadcrumb.link()\"\n >\n <ng-template [ngTemplateOutlet]=\"breadcrumb.content()\"></ng-template>\n </a>\n\n @if (!$last) {\n <ndw-icon class=\"icon-forward\" aria-hidden=\"true\">chevron_right</ndw-icon>\n }\n}\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..650;1,9..40,400..650&family=Material+Symbols+Rounded:opsz,wght@20..48,400&family=Nunito+Sans:ital,opsz,wght@0,6..12,400..650;1,6..12,400..650&display=block\";.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}:root{--_grey-700: 195, 100%, 10%;--_grey-600: 196, 13%, 29%;--_grey-500: 197, 7%, 40%;--_grey-400: 204, 2%, 54%;--_grey-300: 192, 5%, 82%;--_grey-200: 204, 11%, 91%;--_grey-100: 200, 16%, 96%;--_white: 0, 0%, 100%;--ndw-color-grey-700: hsl(var(--_grey-700));--ndw-color-grey-600: hsl(var(--_grey-600));--ndw-color-grey-500: hsl(var(--_grey-500));--ndw-color-grey-400: hsl(var(--_grey-400));--ndw-color-grey-300: hsl(var(--_grey-300));--ndw-color-grey-200: hsl(var(--_grey-200));--ndw-color-grey-100: hsl(var(--_grey-100));--ndw-color-white: hsl(var(--_white));--_link: 208, 100%;--_link-400: var(--_link), 41%;--_link-500: var(--_link), 32%;--ndw-color-link-400: hsl(var(--_link-400));--ndw-color-link-500: hsl(var(--_link-500));--_positive: 133, 92%;--_positive-100: 117, 56%, 92%;--_positive-500: var(--_positive), 33%;--_positive-600: var(--_positive), 24%;--_warning: 43, 93%;--_warning-100: 44, 100%, 94%;--_warning-500: var(--_warning), 43%;--_warning-600: 42, 83%, 32%;--_alternative: 292, 100%;--_alternative-100: var(--_alternative), 95%;--_alternative-500: 292, 95%, 33%;--_critical: 0, 100%;--_critical-100: var(--_critical), 98%;--_critical-500: var(--_critical), 46%;--ndw-color-positive-100: hsl(var(--_positive-100));--ndw-color-positive-500: hsl(var(--_positive-500));--ndw-color-positive-600: hsl(var(--_positive-600));--ndw-color-warning-100: hsl(var(--_warning-100));--ndw-color-warning-500: hsl(var(--_warning-500));--ndw-color-warning-600: hsl(var(--_warning-600));--ndw-color-alternative-100: hsl(var(--_alternative-100));--ndw-color-alternative-500: hsl(var(--_alternative-500));--ndw-color-critical-100: hsl(var(--_critical-100));--ndw-color-critical-500: hsl(var(--_critical-500));--ndw-color-notification: hsl(19, 100%, 35%);--_data-a-500: 133, 100%, 21%;--_data-a-100: 101, 61%, 81%;--_data-b-500: 0, 0%, 27%;--_data-b-100: 0, 0%, 87%;--_data-c-500: 209, 97%, 38%;--_data-c-100: 194, 95%, 84%;--_data-d-500: 292, 95%, 33%;--_data-d-100: 292, 100%, 87%;--_data-e-500: 51, 95%, 23%;--_data-e-100: 54, 89%, 79%;--_data-f-500: 0, 97%, 35%;--_data-f-100: 0, 100%, 94%;--ndw-color-data-a-500: hsl(var(--_data-a-500));--ndw-color-data-a-100: hsl(var(--_data-a-100));--ndw-color-data-b-500: hsl(var(--_data-b-500));--ndw-color-data-b-100: hsl(var(--_data-b-100));--ndw-color-data-c-500: hsl(var(--_data-c-500));--ndw-color-data-c-100: hsl(var(--_data-c-100));--ndw-color-data-d-500: hsl(var(--_data-d-500));--ndw-color-data-d-100: hsl(var(--_data-d-100));--ndw-color-data-e-500: hsl(var(--_data-e-500));--ndw-color-data-e-100: hsl(var(--_data-e-100));--ndw-color-data-f-500: hsl(var(--_data-f-500));--ndw-color-data-f-100: hsl(var(--_data-f-100));--_alpha-black: 0, 0%, 0%;--_alpha-007: .07;--_alpha-015: .15;--_alpha-040: .4;--ndw-alpha-black-007: hsla(var(--_alpha-black), var(--_alpha-007));--ndw-alpha-black-015: hsla(var(--_alpha-black), var(--_alpha-015));--ndw-alpha-black-040: hsla(var(--_alpha-black), var(--_alpha-040));--ndw-spacing-3xs: .125rem;--ndw-spacing-2xs: .25rem;--ndw-spacing-xs: .5rem;--ndw-spacing-sm: .75rem;--ndw-spacing-md: 1rem;--ndw-spacing-lg: 1.5rem;--ndw-spacing-xl: 2rem;--ndw-spacing-2xl: 2.5rem;--ndw-spacing-3xl: 3rem;--ndw-spacing-4xl: 5rem;--ndw-spacing-5xl: 8rem;--ndw-border-size-sm: 1px;--ndw-border-size-md: 2px;--ndw-border-size-lg: 3px;--ndw-border-radius-xs: .125rem;--ndw-border-radius-sm: .25rem;--ndw-border-radius-md: .5rem;--ndw-border-radius-lg: 1.5rem;--ndw-elevation-info: 0 0 .5rem 0 hsla(var(--_link-500), .25);--ndw-elevation-content: 0 .125rem .125rem 0 hsla(var(--_grey-600), .05);--ndw-elevation-dropdown: 0 .25rem 1rem hsla(var(--_grey-600), .125);--ndw-elevation-popover: 0 .5rem 1.25rem hsla(var(--_grey-600), .125);--ndw-backdrop-color: var(--ndw-alpha-black-040);--ndw-animation-speed-very-fast: .1s;--ndw-animation-speed-fast: .2s;--ndw-animation-speed-default: .3s;--ndw-animation-speed-slow: .5s;--ndw-icon-size-md: 1rem;--ndw-icon-size-lg: 1.5rem;--multi-select-default-width: 18.75rem;--ndw-font-family-body: \"Nunito Sans\", sans-serif;--ndw-font-family-heading: \"DM Sans\", sans-serif;--ndw-base-font-size: 16px;--ndw-font-size-2xs: .5625rem;--ndw-font-size-xs: .6875rem;--ndw-font-size-sm: .8125rem;--ndw-font-size-md: 1.125rem;--ndw-font-size-lg: 1.25rem;--ndw-font-size-xl: 1.5rem;--ndw-font-weight-regular: 400;--ndw-font-weight-bold: 650;--ndw-line-height-sm: 1.375em;--ndw-line-height-md: 1.5em;--ndw-rotate-half: rotate(180deg);--ndw-modal-width-sm: 31.25rem;--ndw-modal-width-md: 45rem}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border-width:0;white-space:nowrap;clip:rect(0,0,0,0)}.ndw-heading-xl{font-family:var(--ndw-font-family-heading);font-size:2.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-lg{font-family:var(--ndw-font-family-heading);font-size:2rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-md{font-family:var(--ndw-font-family-heading);font-size:1.5rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-heading-sm{font-family:var(--ndw-font-family-heading);font-size:1.25rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-bold-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-xl{font-family:var(--ndw-font-family-body);font-size:1.125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-lg{font-family:var(--ndw-font-family-body);font-size:1rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-md{font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.ndw-paragraph-bold-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-bold);line-height:150%}.ndw-paragraph-sm{font-family:var(--ndw-font-family-body);font-size:.6875rem;font-weight:var(--ndw-font-weight-regular);line-height:150%}.grid{display:grid;justify-items:stretch;grid-template-columns:repeat(var(--grid-columns),minmax(1rem,1fr));gap:var(--grid-spacing);padding:0 var(--grid-spacing);margin:0 auto;width:100%;min-width:min-content;max-width:1440px}.grid .column-1{grid-column:span min(1,var(--grid-columns));overflow:auto}.grid .column-2{grid-column:span min(2,var(--grid-columns));overflow:auto}.grid .column-3{grid-column:span min(3,var(--grid-columns));overflow:auto}.grid .column-4{grid-column:span min(4,var(--grid-columns));overflow:auto}.grid .column-5{grid-column:span min(5,var(--grid-columns));overflow:auto}.grid .column-6{grid-column:span min(6,var(--grid-columns));overflow:auto}.grid .column-7{grid-column:span min(7,var(--grid-columns));overflow:auto}.grid .column-8{grid-column:span min(8,var(--grid-columns));overflow:auto}.grid .column-9{grid-column:span min(9,var(--grid-columns));overflow:auto}.grid .column-10{grid-column:span min(10,var(--grid-columns));overflow:auto}.grid .column-11{grid-column:span min(11,var(--grid-columns));overflow:auto}.grid .column-12{grid-column:span min(12,var(--grid-columns));overflow:auto}@media screen and (max-width: 1024px){.grid{--grid-columns: 6;--grid-spacing: var(--ndw-spacing-md)}.grid .column-md-1,.grid .column-md-2,.grid .column-md-3,.grid .column-md-4,.grid .column-md-5,.grid .column-md-6,.grid .column-md-7,.grid .column-md-8,.grid .column-md-9,.grid .column-md-10,.grid .column-md-11,.grid .column-md-12{display:none}.grid .column-sm-1{grid-column:span 1;overflow:auto;display:block}.grid .column-sm-2{grid-column:span 2;overflow:auto;display:block}.grid .column-sm-3{grid-column:span 3;overflow:auto;display:block}.grid .column-sm-4{grid-column:span 4;overflow:auto;display:block}.grid .column-sm-5{grid-column:span 5;overflow:auto;display:block}.grid .column-sm-6{grid-column:span 6;overflow:auto;display:block}}@media screen and (min-width: 1025px){.grid{--grid-columns: 12;--grid-spacing: var(--ndw-spacing-lg)}.grid .column-md-1{grid-column:span 1;overflow:auto;display:block}.grid .column-md-2{grid-column:span 2;overflow:auto;display:block}.grid .column-md-3{grid-column:span 3;overflow:auto;display:block}.grid .column-md-4{grid-column:span 4;overflow:auto;display:block}.grid .column-md-5{grid-column:span 5;overflow:auto;display:block}.grid .column-md-6{grid-column:span 6;overflow:auto;display:block}.grid .column-md-7{grid-column:span 7;overflow:auto;display:block}.grid .column-md-8{grid-column:span 8;overflow:auto;display:block}.grid .column-md-9{grid-column:span 9;overflow:auto;display:block}.grid .column-md-10{grid-column:span 10;overflow:auto;display:block}.grid .column-md-11{grid-column:span 11;overflow:auto;display:block}.grid .column-md-12{grid-column:span 12;overflow:auto;display:block}}.ndw-overlay-backdrop{background-color:var(--ndw-backdrop-color)}button:not(:disabled){cursor:pointer}[ndwButton]{box-sizing:border-box;display:flex;align-items:center;gap:var(--ndw-spacing-2xs);height:var(--ndw-spacing-xl);justify-content:center;padding:var(--ndw-spacing-2xs) var(--ndw-spacing-xs);width:fit-content;cursor:pointer;background-color:var(--ndw-background-primary);border:var(--ndw-border-size-sm) solid var(--ndw-background-primary);border-radius:var(--ndw-border-radius-sm);transition:color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;color:var(--ndw-foreground-primary);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-regular);text-align:start;text-decoration:none}[ndwButton] ndw-icon{font-size:var(--ndw-spacing-md)}[ndwButton]:hover{background-color:var(--ndw-background-primary-hover);border-color:var(--ndw-background-primary-hover);color:var(--ndw-foreground-primary-hover)}[ndwButton]:active{background-color:var(--ndw-background-primary-active);border-color:var(--ndw-background-primary-active);color:var(--ndw-foreground-primary-active)}[ndwButton][secondary],[ndwButton][tertiary]{background-color:transparent;color:var(--ndw-text-primary)}[ndwButton][secondary]:hover,[ndwButton][tertiary]:hover{background-color:var(--ndw-alpha-primary-007);color:var(--ndw-text-primary)}[ndwButton][secondary]:active,[ndwButton][tertiary]:active{background-color:var(--ndw-alpha-primary-015)}[ndwButton][secondary][alternative],[ndwButton][tertiary][alternative]{color:var(--ndw-color-grey-700)}[ndwButton][secondary][alternative]:hover,[ndwButton][tertiary][alternative]:hover{background-color:var(--ndw-alpha-black-007)}[ndwButton][secondary][alternative]:active,[ndwButton][tertiary][alternative]:active{background-color:var(--ndw-alpha-black-015)}[ndwButton][secondary]{border-color:var(--ndw-background-primary)}[ndwButton][secondary]:active{border-color:var(--ndw-background-primary-hover)}[ndwButton][secondary][alternative]{border-color:var(--ndw-color-grey-300)}[ndwButton][secondary][alternative]:hover{border-color:var(--ndw-color-grey-500)}[ndwButton][secondary][alternative]:active{border-color:var(--ndw-color-grey-700)}[ndwButton][tertiary]{border-color:transparent}[ndwButton][large]{height:var(--ndw-spacing-2xl);padding-inline:var(--ndw-spacing-sm)}[ndwButton][disabled]{background-color:var(--ndw-color-grey-300);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter]{background-color:var(--ndw-color-white);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-700);height:var(--ndw-spacing-2xl)}[ndwButton][filter] ndw-icon.button-icon{color:var(--ndw-color-primary)}[ndwButton][filter] ndw-icon.prefix-icon{color:var(--ndw-color-grey-300)}[ndwButton][filter]:hover{border-color:var(--ndw-color-primary)}[ndwButton][filter]:active,[ndwButton][filter]:focus,[ndwButton][filter]:focus-visible{border-color:var(--ndw-color-secondary-500);box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwButton][filter][disabled]{background-color:var(--ndw-color-grey-100);color:var(--ndw-color-grey-500);pointer-events:none;-webkit-user-select:none;user-select:none}[ndwButton][filter][disabled] ndw-icon{color:var(--ndw-color-grey-500)}[ndwInput]{background-color:var(--ndw-color-white);border:var(--ndw-border-size-sm) solid var(--ndw-color-grey-300);border-radius:var(--ndw-border-radius-sm);box-sizing:border-box;color:var(--ndw-color-grey-700);font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-2xl);line-height:var(--ndw-line-height-md);outline:var(--ndw-border-size-sm) solid transparent;outline-offset:calc(var(--ndw-border-size-sm) * -1);padding:var(--ndw-spacing-sm);position:relative;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,outline-color .15s ease-in-out}[ndwInput]:hover{border-color:var(--ndw-color-grey-400)}[ndwInput]:active,[ndwInput]:focus,[ndwInput]:focus-visible{border-color:transparent;box-shadow:var(--ndw-elevation-info);outline-color:var(--ndw-color-secondary-500)}[ndwInput]::placeholder{color:var(--ndw-color-grey-400)}[ndwInput][type=search]::-webkit-search-decoration,[ndwInput][type=search]::-webkit-search-cancel-button,[ndwInput][type=search]::-webkit-search-results-button,[ndwInput][type=search]::-webkit-search-results-decoration{display:none}[ndwInput][type=date]::-webkit-calendar-picker-indicator,[ndwInput][type=month]::-webkit-calendar-picker-indicator,[ndwInput][type=time]::-webkit-calendar-picker-indicator,[ndwInput][type=week]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0}[ndwInput][error]{background-color:var(--ndw-color-critical-100);border-color:var(--ndw-color-critical-500)}[ndwInput][error]:hover{border-color:var(--ndw-color-grey-300)}[ndwInput][error]:active,[ndwInput][error]:focus,[ndwInput][error]:focus-visible{background-color:var(--ndw-color-white);border-color:transparent;outline-color:var(--ndw-color-secondary-500)}[ndwInput][disabled],[ndwInput][readonly]{background-color:var(--ndw-color-grey-100);border-color:var(--ndw-color-grey-300);color:var(--ndw-color-grey-500);pointer-events:none}[ndwInput].prefix-icon{padding-left:calc(var(--ndw-font-size-lg) + var(--ndw-spacing-md))}select[ndwInput]{appearance:none;cursor:pointer;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));width:100%;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--ndw-spacing-xl)}select[ndwInput][ndw-placeholder],select[ndwInput] option[disabled]{color:var(--ndw-color-grey-400)}select[ndwInput] option:not([disabled]){color:var(--ndw-color-grey-700)}textarea[ndwInput]{min-height:4rem;padding-top:calc(var(--ndw-spacing-xs) + var(--ndw-border-size-sm));resize:vertical}[ndwLabel]{align-content:center;align-items:center;display:grid;font-family:var(--ndw-font-family-body);font-size:var(--ndw-font-size-sm);font-weight:var(--ndw-font-weight-bold);gap:var(--ndw-spacing-3xs);grid-template-columns:repeat(3,auto);height:1.5rem;justify-content:start;line-height:100%}[ndwLabel] ndw-icon{color:var(--ndw-color-grey-400);font-size:var(--ndw-icon-size-md);margin-top:calc(var(--ndw-spacing-3xs) * -1)}[ndwLabel] .required{color:var(--ndw-color-grey-400)}[ndwLink]{display:inline-flex;align-items:baseline;gap:var(--ndw-spacing-2xs);padding:0;border:0;font-size:inherit;text-decoration:underline var(--ndw-border-size-sm) transparent;text-underline-offset:var(--ndw-border-size-md);color:var(--ndw-color-link-400);background-color:transparent;transition:text-decoration-color var(--ndw-animation-speed-fast) ease-in-out}[ndwLink]>*{align-self:center}[ndwLink] ndw-icon{font-size:1.25em;overflow:hidden}[ndwLink]:hover{color:var(--ndw-color-link-500);text-decoration-color:var(--ndw-color-link-500)}[ndwLink][disabled]{color:var(--ndw-color-grey-400);pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0}to{opacity:1}}.cdk-overlay-pane.ndw-popover-panel [role=dialog]{animation:show var(--ndw-animation-speed-fast) ease-out;background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-popover);display:grid;padding:var(--ndw-spacing-sm)}[ndwButton][menu]{background-color:transparent;border-color:transparent;border-radius:0;color:var(--ndw-color-grey-400);gap:var(--ndw-spacing-xs);height:2.625rem;padding-inline:0;position:relative;width:100%}[ndwButton][menu]:hover{background-color:var(--ndw-color-grey-600);border-color:var(--ndw-color-grey-600);color:var(--ndw-color-white)}[ndwButton][menu]:active{background-color:transparent;border-color:transparent;color:var(--ndw-color-white)}.toast-container{color:var(--ndw-color-white);background:var(--ndw-color-grey-700);padding:0 var(--ndw-spacing-2xs) 0 var(--ndw-spacing-xs);border-radius:var(--ndw-spacing-2xs);gap:var(--ndw-spacing-xs);display:grid;grid-template-columns:1fr auto;align-items:center;font-size:var(--ndw-font-size-sm);height:var(--ndw-spacing-lg);width:fit-content;opacity:1}.toast-container .toast-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.toast-container ndw-icon{font-size:var(--ndw-font-size-lg);justify-self:end;cursor:pointer}.toast-container.fade-out{transition:opacity .2s ease-in;opacity:0}:host{display:flex;align-items:center;background-color:var(--ndw-color-white);padding:var(--ndw-spacing-md)}.breadcrumb{--transition: color var(--ndw-animation-speed-fast) ease-out, background-color var(--ndw-animation-speed-fast) ease-out;font-family:var(--ndw-font-family-body);font-size:.8125rem;font-weight:var(--ndw-font-weight-bold);line-height:150%;text-decoration:none;line-height:100%;color:var(--ndw-color-grey-500);background-color:inherit;padding:calc(var(--ndw-spacing-3xs) * 2.5) var(--ndw-spacing-xs);border-radius:var(--ndw-border-radius-sm);transition:var(--transition)}.breadcrumb:hover{text-decoration:none}.breadcrumb:not(.current-page):hover{color:var(--ndw-color-grey-600);background-color:var(--ndw-color-grey-100);transition:var(--transition)}.breadcrumb:not(.current-page):focus:not(:active){color:var(--ndw-color-grey-500);outline:var(--ndw-border-size-sm) solid var(--ndw-color-secondary-500)}.breadcrumb:not(.current-page):active{color:var(--ndw-color-grey-700);background-color:var(--ndw-color-grey-300);transition:var(--transition)}.breadcrumb.current-page{color:var(--ndw-color-grey-700)}.icon-back{display:none}.icon-forward{display:block}.icon-back,.icon-forward{margin:0 0 var(--ndw-spacing-3xs) 0;font-size:var(--ndw-font-size-md);color:var(--ndw-color-primary-500)}@media screen and (max-width: 1024px){.breadcrumb:not(.show-on-small-screen){display:none}.icon-back{display:block}.icon-forward{display:none}}\n"] }]
|
|
20
20
|
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvYnJlYWRjcnVtYi1ncm91cC9icmVhZGNydW1iLWdyb3VwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9icmVhZGNydW1iLWdyb3VwL2JyZWFkY3J1bWItZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVELE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sU0FBUyxDQUFDOztBQWF4QyxNQUFNLE9BQU8sd0JBQXdCO0lBWHJDO1FBWVksZ0JBQVcsR0FBRyxlQUFlLENBQUMsbUJBQW1CLENBQUMsQ0FBQztLQUM5RDs4R0FGWSx3QkFBd0I7a0dBQXhCLHdCQUF3Qix3TEFDSyxtQkFBbUIsNkNDbEI3RCwyb0JBbUJBLDI5bkJEVlksZ0JBQWdCLG9KQUFFLGFBQWEsdUVBQVcsVUFBVTs7MkZBUW5ELHdCQUF3QjtrQkFYcEMsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQLENBQUMsZ0JBQWdCLEVBQUUsYUFBYSxFQUFFLE9BQU8sRUFBRSxVQUFVLENBQUMsUUFHekQ7d0JBQ0osSUFBSSxFQUFFLFlBQVk7d0JBQ2xCLFlBQVksRUFBRSxZQUFZO3FCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MsIE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBjb250ZW50Q2hpbGRyZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlckxpbmsgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQnJlYWRjcnVtYkNvbXBvbmVudCB9IGZyb20gJy4uL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZHctYnJlYWRjcnVtYi1ncm91cCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0LCBJY29uQ29tcG9uZW50LCBOZ0NsYXNzLCBSb3V0ZXJMaW5rXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWItZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYnJlYWRjcnVtYi1ncm91cC5jb21wb25lbnQuc2NzcycsXG4gIGhvc3Q6IHtcbiAgICByb2xlOiAnbmF2aWdhdGlvbicsXG4gICAgJ2FyaWEtbGFiZWwnOiAnQnJlYWRjcnVtYicsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJHcm91cENvbXBvbmVudCB7XG4gIHByb3RlY3RlZCBicmVhZGNydW1icyA9IGNvbnRlbnRDaGlsZHJlbihCcmVhZGNydW1iQ29tcG9uZW50KTtcbn1cbiIsIkBmb3IgKGJyZWFkY3J1bWIgb2YgYnJlYWRjcnVtYnMoKTsgdHJhY2sgYnJlYWRjcnVtYi5saW5rKCkpIHtcbiAgQGlmICgkY291bnQgPiAxICYmICRpbmRleCA9PT0gJGNvdW50IC0gMikge1xuICAgIDxuZHctaWNvbiBjbGFzcz1cImljb24tYmFja1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPmNoZXZyb25fbGVmdDwvbmR3LWljb24+XG4gIH1cblxuICA8YVxuICAgIGNsYXNzPVwiYnJlYWRjcnVtYlwiXG4gICAgW2NsYXNzLmN1cnJlbnQtcGFnZV09XCIkbGFzdFwiXG4gICAgW2NsYXNzLnNob3ctb24tc21hbGwtc2NyZWVuXT1cIiRjb3VudCA9PT0gMSB8fCAkaW5kZXggPT09ICRjb3VudCAtIDJcIlxuICAgIFthdHRyLmFyaWEtY3VycmVudF09XCIkbGFzdCA/ICdwYWdlJyA6IG51bGxcIlxuICAgIFtyb3V0ZXJMaW5rXT1cIiRsYXN0ID8gbnVsbCA6IGJyZWFkY3J1bWIubGluaygpXCJcbiAgPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJicmVhZGNydW1iLmNvbnRlbnQoKVwiPjwvbmctdGVtcGxhdGU+XG4gIDwvYT5cblxuICBAaWYgKCEkbGFzdCkge1xuICAgIDxuZHctaWNvbiBjbGFzcz1cImljb24tZm9yd2FyZFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPmNoZXZyb25fcmlnaHQ8L25kdy1pY29uPlxuICB9XG59XG4iXX0=
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class CardFooterComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.isModal = false;
|
|
6
|
-
}
|
|
7
4
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
5
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: CardFooterComponent, isStandalone: true, selector: "ndw-card-footer", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md)}\n"] }); }
|
|
9
6
|
}
|
|
@@ -11,4 +8,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
11
8
|
type: Component,
|
|
12
9
|
args: [{ selector: 'ndw-card-footer', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{display:flex;font-size:var(--ndw-font-size-sm);justify-content:flex-end;gap:var(--ndw-spacing-md)}\n"] }]
|
|
13
10
|
}] });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2NhcmQvY2FyZC1mb290ZXIvY2FyZC1mb290ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2NhcmQvY2FyZC1mb290ZXIvY2FyZC1mb290ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLG1CQUFtQjs4R0FBbkIsbUJBQW1CO2tHQUFuQixtQkFBbUIsMkVDVGhDLGtCQUNBOzsyRkRRYSxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmR3LWNhcmQtZm9vdGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWZvb3Rlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9jYXJkLWZvb3Rlci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRGb290ZXJDb21wb25lbnQge31cbiIsIjxuZy1jb250ZW50IC8+XG4iXX0=
|
|
@@ -1,20 +1,12 @@
|
|
|
1
|
-
import { Component
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
2
|
import { IconComponent } from '../../icon';
|
|
3
|
-
import { ModalService } from '../../modal';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
export class CardHeaderComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.modalService = inject(ModalService);
|
|
8
|
-
this.isModal = false;
|
|
9
|
-
}
|
|
10
|
-
detachModal() {
|
|
11
|
-
this.modalService.detach();
|
|
12
|
-
}
|
|
13
5
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: CardHeaderComponent, isStandalone: true, selector: "ndw-card-header", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:grid;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700}\n"] }); }
|
|
15
7
|
}
|
|
16
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CardHeaderComponent, decorators: [{
|
|
17
9
|
type: Component,
|
|
18
|
-
args: [{ selector: 'ndw-card-header', standalone: true, imports: [IconComponent], template: "<ng-content />\n
|
|
10
|
+
args: [{ selector: 'ndw-card-header', standalone: true, imports: [IconComponent], template: "<ng-content />\n", styles: [":host{display:grid;align-items:center;font-size:var(--ndw-font-size-lg);font-weight:700}\n"] }]
|
|
19
11
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2NhcmQvY2FyZC1oZWFkZXIvY2FyZC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2NhcmQvY2FyZC1oZWFkZXIvY2FyZC1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFDOztBQVMzQyxNQUFNLE9BQU8sbUJBQW1COzhHQUFuQixtQkFBbUI7a0dBQW5CLG1CQUFtQiwyRUNYaEMsa0JBQ0E7OzJGRFVhLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxhQUFhLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2ljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZHctY2FyZC1oZWFkZXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbSWNvbkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9jYXJkLWhlYWRlci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRIZWFkZXJDb21wb25lbnQge31cbiIsIjxuZy1jb250ZW50IC8+XG4iXX0=
|
|
@@ -1,28 +1,11 @@
|
|
|
1
|
-
import { Component
|
|
2
|
-
import { CardHeaderComponent } from './card-header';
|
|
1
|
+
import { Component } from '@angular/core';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
3
|
export class CardComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.isModal = input(false);
|
|
7
|
-
this.header = contentChild(CardHeaderComponent);
|
|
8
|
-
}
|
|
9
|
-
get modalClass() {
|
|
10
|
-
return this.isModal();
|
|
11
|
-
}
|
|
12
|
-
ngOnInit() {
|
|
13
|
-
const header = this.header();
|
|
14
|
-
if (header) {
|
|
15
|
-
header.isModal = this.isModal();
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
4
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: CardComponent, isStandalone: true, selector: "ndw-card", ngImport: i0, template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);display:grid;gap:var(--ndw-spacing-lg);padding:var(--ndw-spacing-lg)}\n"] }); }
|
|
20
6
|
}
|
|
21
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CardComponent, decorators: [{
|
|
22
8
|
type: Component,
|
|
23
|
-
args: [{ selector: 'ndw-card', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);display:grid;gap:var(--ndw-spacing-lg);padding:var(--ndw-spacing-lg)}
|
|
24
|
-
}]
|
|
25
|
-
|
|
26
|
-
args: ['class.modal']
|
|
27
|
-
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVwRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBU3BELE1BQU0sT0FBTyxhQUFhO0lBUDFCO1FBUVMsWUFBTyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUV2QixXQUFNLEdBQUcsWUFBWSxDQUFDLG1CQUFtQixDQUFDLENBQUM7S0FhbkQ7SUFYQyxJQUNXLFVBQVU7UUFDbkIsT0FBTyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVNLFFBQVE7UUFDYixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDN0IsSUFBSSxNQUFNLEVBQUUsQ0FBQztZQUNYLE1BQU0sQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2xDLENBQUM7SUFDSCxDQUFDOzhHQWZVLGFBQWE7a0dBQWIsYUFBYSw4U0FHSyxtQkFBbUIsZ0VDZGxELGtCQUNBOzsyRkRVYSxhQUFhO2tCQVB6QixTQUFTOytCQUNFLFVBQVUsY0FDUixJQUFJLFdBQ1AsRUFBRTs4QkFVQSxVQUFVO3NCQURwQixXQUFXO3VCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGNvbnRlbnRDaGlsZCwgSG9zdEJpbmRpbmcsIGlucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQ2FyZEhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vY2FyZC1oZWFkZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZHctY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9jYXJkLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHB1YmxpYyBpc01vZGFsID0gaW5wdXQoZmFsc2UpO1xuXG4gIHB1YmxpYyBoZWFkZXIgPSBjb250ZW50Q2hpbGQoQ2FyZEhlYWRlckNvbXBvbmVudCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5tb2RhbCcpXG4gIHB1YmxpYyBnZXQgbW9kYWxDbGFzcygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5pc01vZGFsKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgY29uc3QgaGVhZGVyID0gdGhpcy5oZWFkZXIoKTtcbiAgICBpZiAoaGVhZGVyKSB7XG4gICAgICBoZWFkZXIuaXNNb2RhbCA9IHRoaXMuaXNNb2RhbCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgLz5cbiJdfQ==
|
|
9
|
+
args: [{ selector: 'ndw-card', standalone: true, imports: [], template: "<ng-content />\n", styles: [":host{background-color:var(--ndw-color-white);border-radius:var(--ndw-border-radius-md);box-shadow:var(--ndw-elevation-content);display:grid;gap:var(--ndw-spacing-lg);padding:var(--ndw-spacing-lg)}\n"] }]
|
|
10
|
+
}] });
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvY2FyZC9jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9jYXJkL2NhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLGFBQWE7OEdBQWIsYUFBYTtrR0FBYixhQUFhLG9FQ1QxQixrQkFDQTs7MkZEUWEsYUFBYTtrQkFQekIsU0FBUzsrQkFDRSxVQUFVLGNBQ1IsSUFBSSxXQUNQLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmR3LWNhcmQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vY2FyZC5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQge31cbiIsIjxuZy1jb250ZW50IC8+XG4iXX0=
|
|
@@ -1,5 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
import { CardContentComponent } from './card-content';
|
|
2
|
+
import { CardFooterComponent } from './card-footer';
|
|
3
|
+
import { CardHeaderComponent } from './card-header';
|
|
4
|
+
import { CardComponent } from './card.component';
|
|
2
5
|
export * from './card-content';
|
|
3
6
|
export * from './card-footer';
|
|
4
7
|
export * from './card-header';
|
|
5
|
-
|
|
8
|
+
export * from './card.component';
|
|
9
|
+
export const CARD_COMPONENTS = [
|
|
10
|
+
CardComponent,
|
|
11
|
+
CardHeaderComponent,
|
|
12
|
+
CardContentComponent,
|
|
13
|
+
CardFooterComponent,
|
|
14
|
+
];
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZHcvc3JjL2NvbXBvbmVudHMvY2FyZC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUVqRCxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsa0JBQWtCLENBQUM7QUFFakMsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHO0lBQzdCLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIsb0JBQW9CO0lBQ3BCLG1CQUFtQjtDQUNwQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2FyZENvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuL2NhcmQtY29udGVudCc7XG5pbXBvcnQgeyBDYXJkRm9vdGVyQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLWZvb3Rlcic7XG5pbXBvcnQgeyBDYXJkSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLWhlYWRlcic7XG5pbXBvcnQgeyBDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLmNvbXBvbmVudCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vY2FyZC1jb250ZW50JztcbmV4cG9ydCAqIGZyb20gJy4vY2FyZC1mb290ZXInO1xuZXhwb3J0ICogZnJvbSAnLi9jYXJkLWhlYWRlcic7XG5leHBvcnQgKiBmcm9tICcuL2NhcmQuY29tcG9uZW50JztcblxuZXhwb3J0IGNvbnN0IENBUkRfQ09NUE9ORU5UUyA9IFtcbiAgQ2FyZENvbXBvbmVudCxcbiAgQ2FyZEhlYWRlckNvbXBvbmVudCxcbiAgQ2FyZENvbnRlbnRDb21wb25lbnQsXG4gIENhcmRGb290ZXJDb21wb25lbnQsXG5dO1xuIl19
|
|
@@ -12,21 +12,14 @@ export class CollapsibleComponent {
|
|
|
12
12
|
this.value = input();
|
|
13
13
|
this.expanded = model(false);
|
|
14
14
|
this.accordionService = inject(AccordionService);
|
|
15
|
+
this.uuid = crypto.randomUUID();
|
|
16
|
+
this.toggleUuid = `toggle-${this.uuid}`;
|
|
17
|
+
this.sectionUuid = `section-${this.uuid}`;
|
|
15
18
|
this.animationState = computed(() => (this.expanded() ? 'open' : 'closed'));
|
|
16
19
|
}
|
|
17
20
|
get expandedClass() {
|
|
18
21
|
return this.expanded();
|
|
19
22
|
}
|
|
20
|
-
onClick() {
|
|
21
|
-
this.toggle();
|
|
22
|
-
}
|
|
23
|
-
onKeydown(event) {
|
|
24
|
-
if (event.key !== 'Enter') {
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
event.preventDefault();
|
|
28
|
-
this.toggle();
|
|
29
|
-
}
|
|
30
23
|
toggle() {
|
|
31
24
|
this.expanded.set(!this.expanded());
|
|
32
25
|
if (this.expanded()) {
|
|
@@ -34,13 +27,13 @@ export class CollapsibleComponent {
|
|
|
34
27
|
}
|
|
35
28
|
}
|
|
36
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CollapsibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: CollapsibleComponent, isStandalone: true, selector: "ndw-collapsible", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { properties: { "class.expanded": "this.expandedClass" } }, ngImport: i0, template: "<
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: CollapsibleComponent, isStandalone: true, selector: "ndw-collapsible", inputs: { index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { properties: { "class.expanded": "this.expandedClass" } }, ngImport: i0, template: "<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);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] }); }
|
|
38
31
|
}
|
|
39
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CollapsibleComponent, decorators: [{
|
|
40
33
|
type: Component,
|
|
41
|
-
args: [{ selector: 'ndw-collapsible', standalone: true, imports: [BadgeComponent, IconComponent, NgClass], animations: [collapsibleAnimation], template: "<
|
|
34
|
+
args: [{ selector: 'ndw-collapsible', standalone: true, imports: [BadgeComponent, IconComponent, NgClass], animations: [collapsibleAnimation], 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);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"] }]
|
|
42
35
|
}], propDecorators: { expandedClass: [{
|
|
43
36
|
type: HostBinding,
|
|
44
37
|
args: ['class.expanded']
|
|
45
38
|
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2libGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2NvbGxhcHNpYmxlL2NvbGxhcHNpYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9jb2xsYXBzaWJsZS9jb2xsYXBzaWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNoRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFFeEMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBVS9ELE1BQU0sT0FBTyxvQkFBb0I7SUFSakM7UUFTUyxVQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBVSxDQUFDO1FBQ2pDLFVBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDakMsVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBRXhCLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFZCxxQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUU1QyxTQUFJLEdBQUcsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQzVCLGVBQVUsR0FBRyxVQUFVLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNuQyxnQkFBVyxHQUFHLFdBQVcsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBTzlDLG1CQUFjLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7S0FTL0U7SUFkQyxJQUNXLGFBQWE7UUFDdEIsT0FBTyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUlNLE1BQU07UUFDWCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBRXBDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUM7WUFDcEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQzdELENBQUM7SUFDSCxDQUFDOzhHQTFCVSxvQkFBb0I7a0dBQXBCLG9CQUFvQix5cUJDakJqQywyckJBOEJBLGl3Q0RsQlksY0FBYyxzRkFBRSxhQUFhLHlEQUczQixDQUFDLG9CQUFvQixDQUFDOzsyRkFFdkIsb0JBQW9CO2tCQVJoQyxTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLGNBQWMsRUFBRSxhQUFhLEVBQUUsT0FBTyxDQUFDLGNBR3JDLENBQUMsb0JBQW9CLENBQUM7OEJBZ0J2QixhQUFhO3NCQUR2QixXQUFXO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgY29tcHV0ZWQsIGluamVjdCwgaW5wdXQsIG1vZGVsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEFjY29yZGlvblNlcnZpY2UgfSBmcm9tICcuLi9hY2NvcmRpb24nO1xuaW1wb3J0IHsgQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuLi9iYWRnZSc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbic7XG5cbmltcG9ydCB7IGNvbGxhcHNpYmxlQW5pbWF0aW9uIH0gZnJvbSAnLi9jb2xsYXBzaWJsZS5hbmltYXRpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZHctY29sbGFwc2libGUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQmFkZ2VDb21wb25lbnQsIEljb25Db21wb25lbnQsIE5nQ2xhc3NdLFxuICB0ZW1wbGF0ZVVybDogJy4vY29sbGFwc2libGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vY29sbGFwc2libGUuY29tcG9uZW50LnNjc3MnLFxuICBhbmltYXRpb25zOiBbY29sbGFwc2libGVBbmltYXRpb25dLFxufSlcbmV4cG9ydCBjbGFzcyBDb2xsYXBzaWJsZUNvbXBvbmVudCB7XG4gIHB1YmxpYyBpbmRleCA9IGlucHV0LnJlcXVpcmVkPG51bWJlcj4oKTtcbiAgcHVibGljIHRpdGxlID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xuICBwdWJsaWMgdmFsdWUgPSBpbnB1dDxudW1iZXI+KCk7XG5cbiAgcHVibGljIGV4cGFuZGVkID0gbW9kZWwoZmFsc2UpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgYWNjb3JkaW9uU2VydmljZSA9IGluamVjdChBY2NvcmRpb25TZXJ2aWNlKTtcblxuICBwcml2YXRlIHJlYWRvbmx5IHV1aWQgPSBjcnlwdG8ucmFuZG9tVVVJRCgpO1xuICBwdWJsaWMgcmVhZG9ubHkgdG9nZ2xlVXVpZCA9IGB0b2dnbGUtJHt0aGlzLnV1aWR9YDtcbiAgcHVibGljIHJlYWRvbmx5IHNlY3Rpb25VdWlkID0gYHNlY3Rpb24tJHt0aGlzLnV1aWR9YDtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmV4cGFuZGVkJylcbiAgcHVibGljIGdldCBleHBhbmRlZENsYXNzKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmV4cGFuZGVkKCk7XG4gIH1cblxuICBwdWJsaWMgYW5pbWF0aW9uU3RhdGUgPSBjb21wdXRlZCgoKSA9PiAodGhpcy5leHBhbmRlZCgpID8gJ29wZW4nIDogJ2Nsb3NlZCcpKTtcblxuICBwdWJsaWMgdG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWQuc2V0KCF0aGlzLmV4cGFuZGVkKCkpO1xuXG4gICAgaWYgKHRoaXMuZXhwYW5kZWQoKSkge1xuICAgICAgdGhpcy5hY2NvcmRpb25TZXJ2aWNlLnNldEV4cGFuZGVkQ29sbGFwc2libGUodGhpcy5pbmRleCgpKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjb2xsYXBzaWJsZVwiPlxuICA8aDMgY2xhc3M9XCJjb2xsYXBzaWJsZV9faGVhZGVyXCI+XG4gICAgPGJ1dHRvblxuICAgICAgY2xhc3M9XCJjb2xsYXBzaWJsZV9fYnV0dG9uXCJcbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgW2lkXT1cInRvZ2dsZVV1aWRcIlxuICAgICAgW2F0dHIuYXJpYS1jb250cm9sc109XCJzZWN0aW9uVXVpZFwiXG4gICAgICBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cImV4cGFuZGVkKClcIlxuICAgICAgKGNsaWNrKT1cInRvZ2dsZSgpXCJcbiAgICA+XG4gICAgICB7eyB0aXRsZSgpIH19XG5cbiAgICAgIEBpZiAodmFsdWUoKTsgYXMgdmFsdWUpIHtcbiAgICAgICAgPG5kdy1iYWRnZSBbdmFsdWVdPVwidmFsdWVcIiAvPlxuICAgICAgfVxuXG4gICAgICA8bmR3LWljb24+a2V5Ym9hcmRfYXJyb3dfZG93bjwvbmR3LWljb24+XG4gICAgPC9idXR0b24+XG4gIDwvaDM+XG5cbiAgPHNlY3Rpb25cbiAgICByb2xlPVwicmVnaW9uXCJcbiAgICBjbGFzcz1cImNvbGxhcHNpYmxlX19zZWN0aW9uXCJcbiAgICBbaWRdPVwic2VjdGlvblV1aWRcIlxuICAgIFthdHRyLmFyaWEtbGFiZWxsZWRieV09XCJ0b2dnbGVVdWlkXCJcbiAgICBbQGNvbGxhcHNpYmxlXT1cImFuaW1hdGlvblN0YXRlKClcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQgLz5cbiAgPC9zZWN0aW9uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -7,25 +7,24 @@ import { RemovablePillComponent } from '../removable-pill';
|
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class DropdownComponent {
|
|
9
9
|
constructor() {
|
|
10
|
-
this.removablePillClicked = output();
|
|
11
10
|
this.disabled = input(false);
|
|
12
|
-
this.isOpenChange = output();
|
|
13
|
-
this.dropdownTrigger = viewChild.required(PopoverTriggerDirective);
|
|
14
|
-
this.buttonIcon = computed(() => this.dropdownTrigger().isOpen() ? 'keyboard_arrow_up' : 'keyboard_arrow_down');
|
|
15
11
|
this.chevron = input();
|
|
16
12
|
this.buttonText = input.required();
|
|
17
13
|
this.prefixIcon = input('');
|
|
18
14
|
this.selectAmount = input(0);
|
|
15
|
+
this.removablePillClicked = output();
|
|
16
|
+
this.isOpenChange = output();
|
|
17
|
+
this.dropdownTrigger = viewChild.required(PopoverTriggerDirective);
|
|
18
|
+
this.buttonIcon = computed(() => this.dropdownTrigger().isOpen() ? 'keyboard_arrow_up' : 'keyboard_arrow_down');
|
|
19
19
|
}
|
|
20
|
-
onRemovablePillClicked(
|
|
21
|
-
event.stopPropagation();
|
|
20
|
+
onRemovablePillClicked() {
|
|
22
21
|
this.removablePillClicked.emit();
|
|
23
22
|
}
|
|
24
23
|
isOpenChanged(isOpen) {
|
|
25
24
|
this.isOpenChange.emit(isOpen);
|
|
26
25
|
}
|
|
27
26
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: DropdownComponent, isStandalone: true, selector: "ndw-dropdown", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, chevron: { classPropertyName: "chevron", publicName: "chevron", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null }, prefixIcon: { classPropertyName: "prefixIcon", publicName: "prefixIcon", isSignal: true, isRequired: false, transformFunction: null }, selectAmount: { classPropertyName: "selectAmount", publicName: "selectAmount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removablePillClicked: "removablePillClicked", isOpenChange: "isOpenChange" }, viewQueries: [{ propertyName: "dropdownTrigger", first: true, predicate: PopoverTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<button\n type=\"button\"\n ndwButton\n filter\n [ndwPopoverTrigger]=\"dropdownContent\"\n (isOpenChange)=\"isOpenChanged($event)\"\n [disabled]=\"disabled()\"\n aria-haspopup=\"dialog\"\n>\n @if (prefixIcon(); as prefixIconName) {\n <ndw-icon class=\"dropdown-prefix-icon\">{{ prefixIconName }}</ndw-icon>\n }\n\n {{ buttonText() }}\n\n @if (selectAmount()) {\n <ndw-removable-pill\n tabindex=\"0\"\n [attr.disabled]=\"disabled() ? true : null\"\n (
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: DropdownComponent, isStandalone: true, selector: "ndw-dropdown", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, chevron: { classPropertyName: "chevron", publicName: "chevron", isSignal: true, isRequired: false, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null }, prefixIcon: { classPropertyName: "prefixIcon", publicName: "prefixIcon", isSignal: true, isRequired: false, transformFunction: null }, selectAmount: { classPropertyName: "selectAmount", publicName: "selectAmount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { removablePillClicked: "removablePillClicked", isOpenChange: "isOpenChange" }, viewQueries: [{ propertyName: "dropdownTrigger", first: true, predicate: PopoverTriggerDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<button\n type=\"button\"\n ndwButton\n filter\n [ndwPopoverTrigger]=\"dropdownContent\"\n (isOpenChange)=\"isOpenChanged($event)\"\n [disabled]=\"disabled()\"\n aria-haspopup=\"dialog\"\n>\n @if (prefixIcon(); as prefixIconName) {\n <ndw-icon class=\"dropdown-prefix-icon\">{{ prefixIconName }}</ndw-icon>\n }\n\n {{ buttonText() }}\n\n @if (selectAmount()) {\n <ndw-removable-pill\n tabindex=\"0\"\n [attr.disabled]=\"disabled() ? true : null\"\n (onClick)=\"onRemovablePillClicked()\"\n >\n {{ selectAmount() }}\n </ndw-removable-pill>\n }\n\n @if (chevron()) {\n <ndw-icon class=\"button-icon\">{{ buttonIcon() }}</ndw-icon>\n }\n</button>\n\n<ng-template #dropdownContent>\n <div role=\"dialog\">\n <ng-content />\n </div>\n</ng-template>\n", styles: [":host{display:inline-block}button{width:100%;display:flex;justify-content:space-between}.dropdown-prefix-icon{color:var(--ndw-color-grey-300)}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[ndwButton]" }, { kind: "directive", type: PopoverTriggerDirective, selector: "[ndwPopoverTrigger]", inputs: ["popoverPosition", "ndwPopoverTrigger", "toggleOnClick", "isOpen"], outputs: ["popoverToggled", "isOpenChange"], exportAs: ["ndwPopoverTrigger"] }, { kind: "component", type: IconComponent, selector: "ndw-icon", inputs: ["size"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: RemovablePillComponent, selector: "ndw-removable-pill", inputs: ["disabled", "removeAriaLabel"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
29
28
|
}
|
|
30
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
31
30
|
type: Component,
|
|
@@ -35,6 +34,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
35
34
|
IconComponent,
|
|
36
35
|
CommonModule,
|
|
37
36
|
RemovablePillComponent,
|
|
38
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n ndwButton\n filter\n [ndwPopoverTrigger]=\"dropdownContent\"\n (isOpenChange)=\"isOpenChanged($event)\"\n [disabled]=\"disabled()\"\n aria-haspopup=\"dialog\"\n>\n @if (prefixIcon(); as prefixIconName) {\n <ndw-icon class=\"dropdown-prefix-icon\">{{ prefixIconName }}</ndw-icon>\n }\n\n {{ buttonText() }}\n\n @if (selectAmount()) {\n <ndw-removable-pill\n tabindex=\"0\"\n [attr.disabled]=\"disabled() ? true : null\"\n (
|
|
37
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n type=\"button\"\n ndwButton\n filter\n [ndwPopoverTrigger]=\"dropdownContent\"\n (isOpenChange)=\"isOpenChanged($event)\"\n [disabled]=\"disabled()\"\n aria-haspopup=\"dialog\"\n>\n @if (prefixIcon(); as prefixIconName) {\n <ndw-icon class=\"dropdown-prefix-icon\">{{ prefixIconName }}</ndw-icon>\n }\n\n {{ buttonText() }}\n\n @if (selectAmount()) {\n <ndw-removable-pill\n tabindex=\"0\"\n [attr.disabled]=\"disabled() ? true : null\"\n (onClick)=\"onRemovablePillClicked()\"\n >\n {{ selectAmount() }}\n </ndw-removable-pill>\n }\n\n @if (chevron()) {\n <ndw-icon class=\"button-icon\">{{ buttonIcon() }}</ndw-icon>\n }\n</button>\n\n<ng-template #dropdownContent>\n <div role=\"dialog\">\n <ng-content />\n </div>\n</ng-template>\n", styles: [":host{display:inline-block}button{width:100%;display:flex;justify-content:space-between}.dropdown-prefix-icon{color:var(--ndw-color-grey-300)}\n"] }]
|
|
39
38
|
}] });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmR3L3NyYy9jb21wb25lbnRzL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25kdy9zcmMvY29tcG9uZW50cy9kcm9wZG93bi9kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxRQUFRLEVBQ1IsS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUM1QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQ3hDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7O0FBZ0IzRCxNQUFNLE9BQU8saUJBQWlCO0lBZDlCO1FBZWtCLGFBQVEsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsWUFBTyxHQUFHLEtBQUssRUFBRSxDQUFDO1FBQ2xCLGVBQVUsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFDdEMsZUFBVSxHQUFHLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN2QixpQkFBWSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUV4Qix5QkFBb0IsR0FBRyxNQUFNLEVBQVEsQ0FBQztRQUN0QyxpQkFBWSxHQUFHLE1BQU0sRUFBVyxDQUFDO1FBRWpDLG9CQUFlLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO1FBRTlELGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQ3pDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLHFCQUFxQixDQUM5RSxDQUFDO0tBU0g7SUFQUSxzQkFBc0I7UUFDM0IsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFTSxhQUFhLENBQUMsTUFBZTtRQUNsQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDOzhHQXRCVSxpQkFBaUI7a0dBQWpCLGlCQUFpQix1M0JBVXlCLHVCQUF1QixnRUN0QzlFLGl5QkFtQ0EsME1EZkksZUFBZSx3REFDZix1QkFBdUIsMk5BQ3ZCLGFBQWEsc0VBQ2IsWUFBWSwrQkFDWixzQkFBc0I7OzJGQUliLGlCQUFpQjtrQkFkN0IsU0FBUzsrQkFDRSxjQUFjLGNBR1osSUFBSSxXQUNQO3dCQUNQLGVBQWU7d0JBQ2YsdUJBQXVCO3dCQUN2QixhQUFhO3dCQUNiLFlBQVk7d0JBQ1osc0JBQXNCO3FCQUN2QixtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGNvbXB1dGVkLFxuICBpbnB1dCxcbiAgb3V0cHV0LFxuICB2aWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uRGlyZWN0aXZlIH0gZnJvbSAnLi4vYnV0dG9uJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi9pY29uJztcbmltcG9ydCB7IFBvcG92ZXJUcmlnZ2VyRGlyZWN0aXZlIH0gZnJvbSAnLi4vcG9wb3Zlcic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgUmVtb3ZhYmxlUGlsbENvbXBvbmVudCB9IGZyb20gJy4uL3JlbW92YWJsZS1waWxsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmR3LWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICdkcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydkcm9wZG93bi5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQnV0dG9uRGlyZWN0aXZlLFxuICAgIFBvcG92ZXJUcmlnZ2VyRGlyZWN0aXZlLFxuICAgIEljb25Db21wb25lbnQsXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJlbW92YWJsZVBpbGxDb21wb25lbnQsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkNvbXBvbmVudCB7XG4gIHB1YmxpYyByZWFkb25seSBkaXNhYmxlZCA9IGlucHV0KGZhbHNlKTtcbiAgcHVibGljIHJlYWRvbmx5IGNoZXZyb24gPSBpbnB1dCgpO1xuICBwdWJsaWMgcmVhZG9ubHkgYnV0dG9uVGV4dCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgcHVibGljIHJlYWRvbmx5IHByZWZpeEljb24gPSBpbnB1dCgnJyk7XG4gIHB1YmxpYyByZWFkb25seSBzZWxlY3RBbW91bnQgPSBpbnB1dCgwKTtcblxuICBwdWJsaWMgcmVhZG9ubHkgcmVtb3ZhYmxlUGlsbENsaWNrZWQgPSBvdXRwdXQ8dm9pZD4oKTtcbiAgcHVibGljIHJlYWRvbmx5IGlzT3BlbkNoYW5nZSA9IG91dHB1dDxib29sZWFuPigpO1xuXG4gIHB1YmxpYyByZWFkb25seSBkcm9wZG93blRyaWdnZXIgPSB2aWV3Q2hpbGQucmVxdWlyZWQoUG9wb3ZlclRyaWdnZXJEaXJlY3RpdmUpO1xuXG4gIHB1YmxpYyByZWFkb25seSBidXR0b25JY29uID0gY29tcHV0ZWQoKCkgPT5cbiAgICB0aGlzLmRyb3Bkb3duVHJpZ2dlcigpLmlzT3BlbigpID8gJ2tleWJvYXJkX2Fycm93X3VwJyA6ICdrZXlib2FyZF9hcnJvd19kb3duJyxcbiAgKTtcblxuICBwdWJsaWMgb25SZW1vdmFibGVQaWxsQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICB0aGlzLnJlbW92YWJsZVBpbGxDbGlja2VkLmVtaXQoKTtcbiAgfVxuXG4gIHB1YmxpYyBpc09wZW5DaGFuZ2VkKGlzT3BlbjogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuaXNPcGVuQ2hhbmdlLmVtaXQoaXNPcGVuKTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICB0eXBlPVwiYnV0dG9uXCJcbiAgbmR3QnV0dG9uXG4gIGZpbHRlclxuICBbbmR3UG9wb3ZlclRyaWdnZXJdPVwiZHJvcGRvd25Db250ZW50XCJcbiAgKGlzT3BlbkNoYW5nZSk9XCJpc09wZW5DaGFuZ2VkKCRldmVudClcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG4gIGFyaWEtaGFzcG9wdXA9XCJkaWFsb2dcIlxuPlxuICBAaWYgKHByZWZpeEljb24oKTsgYXMgcHJlZml4SWNvbk5hbWUpIHtcbiAgICA8bmR3LWljb24gY2xhc3M9XCJkcm9wZG93bi1wcmVmaXgtaWNvblwiPnt7IHByZWZpeEljb25OYW1lIH19PC9uZHctaWNvbj5cbiAgfVxuXG4gIHt7IGJ1dHRvblRleHQoKSB9fVxuXG4gIEBpZiAoc2VsZWN0QW1vdW50KCkpIHtcbiAgICA8bmR3LXJlbW92YWJsZS1waWxsXG4gICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgW2F0dHIuZGlzYWJsZWRdPVwiZGlzYWJsZWQoKSA/IHRydWUgOiBudWxsXCJcbiAgICAgIChvbkNsaWNrKT1cIm9uUmVtb3ZhYmxlUGlsbENsaWNrZWQoKVwiXG4gICAgPlxuICAgICAge3sgc2VsZWN0QW1vdW50KCkgfX1cbiAgICA8L25kdy1yZW1vdmFibGUtcGlsbD5cbiAgfVxuXG4gIEBpZiAoY2hldnJvbigpKSB7XG4gICAgPG5kdy1pY29uIGNsYXNzPVwiYnV0dG9uLWljb25cIj57eyBidXR0b25JY29uKCkgfX08L25kdy1pY29uPlxuICB9XG48L2J1dHRvbj5cblxuPG5nLXRlbXBsYXRlICNkcm9wZG93bkNvbnRlbnQ+XG4gIDxkaXYgcm9sZT1cImRpYWxvZ1wiPlxuICAgIDxuZy1jb250ZW50IC8+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|