@sebgroup/green-angular 10.0.4 → 10.0.5
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/fesm2022/sebgroup-green-angular-src-v-angular-alert.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-alert.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-breadcrumbs.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-button.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-button.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-card.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-card.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-checkbox.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-datepicker.mjs +6 -6
- package/fesm2022/sebgroup-green-angular-src-v-angular-datepicker.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs +6 -6
- package/fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-input.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs +6 -6
- package/fesm2022/sebgroup-green-angular-src-v-angular-modal.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-radio.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-table.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-tabs.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-tabs.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs +2 -2
- package/fesm2022/sebgroup-green-angular-src-v-angular-textarea.mjs.map +1 -1
- package/fesm2022/sebgroup-green-angular-v-angular.mjs +38 -38
- package/fesm2022/sebgroup-green-angular-v-angular.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -29,11 +29,11 @@ class AlertComponent {
|
|
|
29
29
|
this.clickAction.emit(e);
|
|
30
30
|
}
|
|
31
31
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: AlertComponent, isStandalone: false, selector: "nggv-alert", inputs: { type: "type", title: "title", body: "body", linkText: "linkText", linkHref: "linkHref", actionText: "actionText", closable: "closable" }, outputs: { closeAlert: "closeAlert", clickLink: "clickLink", clickAction: "clickAction" }, ngImport: i0, template: "<div class=\"gds-alert-ribbon alert-container\" role=\"alert\" [ngClass]=\"type\">\n <ng-container [ngSwitch]=\"type\">\n <ng-container\n *ngSwitchCase=\"'success'\"\n [ngTemplateOutlet]=\"checkMark\"\n ></ng-container>\n <ng-container\n *ngSwitchCase=\"'information'\"\n [ngTemplateOutlet]=\"infoSquare\"\n ></ng-container>\n <ng-container\n *ngSwitchDefault\n [ngTemplateOutlet]=\"exclamationSquare\"\n ></ng-container>\n </ng-container>\n <div>\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <p *ngIf=\"body\">\n {{ body }} <a\n *ngIf=\"linkText\"\n [href]=\"linkHref\"\n (click)=\"onLink($event)\"\n >{{ linkText }}</a\n >\n </p>\n </div>\n <button\n *ngIf=\"closable && !actionText\"\n class=\"gds-close\"\n type=\"button\"\n (click)=\"onClose($event)\"\n >\n <i></i>\n </button>\n <footer *ngIf=\"actionText && !closable\">\n <button type=\"button\" (click)=\"onAction($event)\">\n {{ actionText }}\n </button>\n </footer>\n</div>\n\n<ng-template #checkMark>\n <i>\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n fill=\"white\"\n ></path>\n </svg>\n </i>\n</ng-template>\n<ng-template #infoSquare>\n <i>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n fill=\"#333333\"\n />\n </svg>\n </i>\n</ng-template>\n<ng-template #exclamationSquare>\n <i>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\"\n fill=\"currentColor\"\n />\n </svg>\n </i>\n</ng-template>\n", styles: [".gds-alert-ribbon{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-primary);--border-color: var(--gds-sys-color-text-primary);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding-bottom:1rem \"\";padding-top:1rem \"\";padding-left:1rem \"\";padding-right:1rem \"\";display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\"icon content dismiss\" \"footer footer footer\"}@media(min-width:36em){.gds-alert-ribbon{grid-template-areas:\"icon content dismiss\" \"icon content footer\"}}.gds-alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}.gds-alert-ribbon>i svg>*{fill:var(--gds-sys-color-text-primary)}.gds-alert-ribbon>div:not(.alert-ribbon__footer),.gds-alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}.gds-alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.gds-alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem \"\"}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>h1,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h2,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h3,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h4,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h5,.gds-alert-ribbon>div:not(.alert-ribbon__footer) .header,.gds-alert-ribbon .alert-ribbon__content>h1,.gds-alert-ribbon .alert-ribbon__content h2,.gds-alert-ribbon .alert-ribbon__content h3,.gds-alert-ribbon .alert-ribbon__content h4,.gds-alert-ribbon .alert-ribbon__content h5,.gds-alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p,.gds-alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0 \"\";margin-top:0 \"\"}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.gds-alert-ribbon .alert-ribbon__content>p a,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.gds-alert-ribbon .alert-ribbon__content>p a:hover,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}.gds-alert-ribbon button.gds-close{padding:0;grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--color: var(--gds-sys-color-text-primary)}.gds-alert-ribbon button.gds-close>i:after,.gds-alert-ribbon button.gds-close>i:before{background-color:var(--color)}.gds-alert-ribbon button.gds-close:hover>i:after,.gds-alert-ribbon button.gds-close:hover>i:before{background-color:var(--color)}@media(min-width:36em){.gds-alert-ribbon button.gds-close+footer,.gds-alert-ribbon button.gds-close .alert-ribbon__footer{margin-top:.75rem \"\"}}.gds-alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media(max-width:35.98em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-top:.75rem \"\"}}@media(min-width:36em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-left:.75rem \"\"}}.gds-alert-ribbon>footer>a,.gds-alert-ribbon .alert-ribbon__footer>a{display:flex}.gds-alert-ribbon>footer>a,.gds-alert-ribbon>footer>button,.gds-alert-ribbon>footer>button[type=button],.gds-alert-ribbon>footer>.button,.gds-alert-ribbon .alert-ribbon__footer>a,.gds-alert-ribbon .alert-ribbon__footer>button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button],.gds-alert-ribbon .alert-ribbon__footer>.button{min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}@media(max-width:35.98em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem \"\"}}@media(min-width:36em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem \"\"}}.gds-alert-ribbon.info{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.success{--background: var(--gds-sys-color-dark-green-2);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.warning{--background: var(--gds-sys-color-dark-yellow-1);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.danger{--background: var(--gds-sys-color-dark-red-1);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-close{font-size:0;background:transparent;border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;padding:0}@media(hover:none)and (pointer:coarse){.gds-close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.gds-close:not(:disabled):not(.disabled)>i{background:var(--gds-sys-color-base-200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-text-primary)}.gds-close:not(:disabled):not(.disabled)>div:after,.gds-close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.gds-close:focus:not(:focus-visible){box-shadow:none;outline:0}.gds-close:focus,.gds-close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.gds-close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.gds-close>i:after,.gds-close>i:before{background:var(--gds-sys-color-text-primary);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.gds-close>i:after{transform:rotate(45deg)}.gds-close>i:before{transform:rotate(-45deg)}.gds-close>svg path{fill:var(--gds-sys-color-text-primary)}@media(min-width:48em){.gds-close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 10%,transparent)}.gds-close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 20%,transparent)}}:host{--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2)}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.gds-close){padding-left:1rem \"\";padding-right:1rem \"\";padding-bottom:.75rem \"\";padding-top:.75rem \"\";border-radius:.25rem;border:solid 1px var(--gds-sys-color-base-600);font-weight:500}:host .alert-container button:not(.gds-close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.gds-close):focus,:host .alert-container button:not(.gds-close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.gds-close){min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}@media(max-width:35.98em){:host .alert-container button:not(.gds-close){min-width:100%}}@media screen and (-ms-high-contrast:active){:host .alert-container button:not(.gds-close){border:2px solid currentcolor}}:host .alert-container button:not(.gds-close).small{min-height:2rem;height:2rem;padding:.4375rem .75rem;font-size:.875rem;line-height:1rem}:host .alert-container button:not(.gds-close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){transition:border var(--gds-sys-transition)}:host .alert-container.information button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.warning button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: var(--gds-sys-color-base-800);--color: var(--gds-sys-color-text-white);border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected=true],:host .alert-container.information button:not(.gds-close):active,:host .alert-container.information button:not(.gds-close).active,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected=true],:host .alert-container.warning button:not(.gds-close):active,:host .alert-container.warning button:not(.gds-close).active,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected]:hover,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected]:hover,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-base-800);color:var(--gds-sys-color-base-800);--color: var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close):disabled,:host .alert-container.information button:not(.gds-close).disabled,:host .alert-container.information button:not(.gds-close)[aria-disabled=true],:host .alert-container.warning button:not(.gds-close):disabled,:host .alert-container.warning button:not(.gds-close).disabled,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.information button:not(.gds-close):disabled::placeholder,:host .alert-container.information button:not(.gds-close).disabled::placeholder,:host .alert-container.information button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.warning button:not(.gds-close):disabled::placeholder,:host .alert-container.warning button:not(.gds-close).disabled::placeholder,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){--gds-sys-color-focus-outline: var(--gds-sys-color-white);transition:border var(--gds-sys-transition)}:host .alert-container.success button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.danger button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-white);color:var(--gds-sys-color-text-primary);--background: var(--gds-sys-color-white);--color: var(--gds-sys-color-text-primary);border-color:var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close)[aria-selected=true],:host .alert-container.success button:not(.gds-close):active,:host .alert-container.success button:not(.gds-close).active,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected=true],:host .alert-container.danger button:not(.gds-close):active,:host .alert-container.danger button:not(.gds-close).active,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-200);color:var(--gds-sys-color-text-primary);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-200)}:host .alert-container.success button:not(.gds-close)[aria-selected]:hover,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected]:hover,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-white);color:var(--gds-sys-color-white);--color: var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close):disabled,:host .alert-container.success button:not(.gds-close).disabled,:host .alert-container.success button:not(.gds-close)[aria-disabled=true],:host .alert-container.danger button:not(.gds-close):disabled,:host .alert-container.danger button:not(.gds-close).disabled,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.success button:not(.gds-close):disabled::placeholder,:host .alert-container.success button:not(.gds-close).disabled::placeholder,:host .alert-container.success button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.danger button:not(.gds-close):disabled::placeholder,:host .alert-container.danger button:not(.gds-close).disabled::placeholder,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: AlertComponent, isStandalone: false, selector: "nggv-alert", inputs: { type: "type", title: "title", body: "body", linkText: "linkText", linkHref: "linkHref", actionText: "actionText", closable: "closable" }, outputs: { closeAlert: "closeAlert", clickLink: "clickLink", clickAction: "clickAction" }, ngImport: i0, template: "<div class=\"gds-alert-ribbon alert-container\" role=\"alert\" [ngClass]=\"type\">\n <ng-container [ngSwitch]=\"type\">\n <ng-container\n *ngSwitchCase=\"'success'\"\n [ngTemplateOutlet]=\"checkMark\"\n ></ng-container>\n <ng-container\n *ngSwitchCase=\"'information'\"\n [ngTemplateOutlet]=\"infoSquare\"\n ></ng-container>\n <ng-container\n *ngSwitchDefault\n [ngTemplateOutlet]=\"exclamationSquare\"\n ></ng-container>\n </ng-container>\n <div>\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <p *ngIf=\"body\">\n {{ body }} <a\n *ngIf=\"linkText\"\n [href]=\"linkHref\"\n (click)=\"onLink($event)\"\n >{{ linkText }}</a\n >\n </p>\n </div>\n <button\n *ngIf=\"closable && !actionText\"\n class=\"gds-close\"\n type=\"button\"\n (click)=\"onClose($event)\"\n >\n <i></i>\n </button>\n <footer *ngIf=\"actionText && !closable\">\n <button type=\"button\" (click)=\"onAction($event)\">\n {{ actionText }}\n </button>\n </footer>\n</div>\n\n<ng-template #checkMark>\n <i>\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n fill=\"white\"\n ></path>\n </svg>\n </i>\n</ng-template>\n<ng-template #infoSquare>\n <i>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n fill=\"#333333\"\n />\n </svg>\n </i>\n</ng-template>\n<ng-template #exclamationSquare>\n <i>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\"\n fill=\"currentColor\"\n />\n </svg>\n </i>\n</ng-template>\n", styles: [".gds-alert-ribbon{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-primary);--border-color: var(--gds-sys-color-text-primary);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding:1rem;display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\"icon content dismiss\" \"footer footer footer\"}@media(min-width:36em){.gds-alert-ribbon{grid-template-areas:\"icon content dismiss\" \"icon content footer\"}}.gds-alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}.gds-alert-ribbon>i svg>*{fill:var(--gds-sys-color-text-primary)}.gds-alert-ribbon>div:not(.alert-ribbon__footer),.gds-alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}.gds-alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.gds-alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>h1,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h2,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h3,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h4,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h5,.gds-alert-ribbon>div:not(.alert-ribbon__footer) .header,.gds-alert-ribbon .alert-ribbon__content>h1,.gds-alert-ribbon .alert-ribbon__content h2,.gds-alert-ribbon .alert-ribbon__content h3,.gds-alert-ribbon .alert-ribbon__content h4,.gds-alert-ribbon .alert-ribbon__content h5,.gds-alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p,.gds-alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0;margin-top:0}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.gds-alert-ribbon .alert-ribbon__content>p a,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.gds-alert-ribbon .alert-ribbon__content>p a:hover,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}.gds-alert-ribbon button.gds-close{padding:0;grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--color: var(--gds-sys-color-text-primary)}.gds-alert-ribbon button.gds-close>i:after,.gds-alert-ribbon button.gds-close>i:before{background-color:var(--color)}.gds-alert-ribbon button.gds-close:hover>i:after,.gds-alert-ribbon button.gds-close:hover>i:before{background-color:var(--color)}@media(min-width:36em){.gds-alert-ribbon button.gds-close+footer,.gds-alert-ribbon button.gds-close .alert-ribbon__footer{margin-top:.75rem}}.gds-alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media(max-width:35.98em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-top:.75rem}}@media(min-width:36em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-left:.75rem}}.gds-alert-ribbon>footer>a,.gds-alert-ribbon .alert-ribbon__footer>a{display:flex}.gds-alert-ribbon>footer>a,.gds-alert-ribbon>footer>button,.gds-alert-ribbon>footer>button[type=button],.gds-alert-ribbon>footer>.button,.gds-alert-ribbon .alert-ribbon__footer>a,.gds-alert-ribbon .alert-ribbon__footer>button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button],.gds-alert-ribbon .alert-ribbon__footer>.button{min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}@media(max-width:35.98em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem}}@media(min-width:36em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem}}.gds-alert-ribbon.info{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.success{--background: var(--gds-sys-color-dark-green-2);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.warning{--background: var(--gds-sys-color-dark-yellow-1);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.danger{--background: var(--gds-sys-color-dark-red-1);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-close{font-size:0;background:transparent;border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;padding:0}@media(hover:none)and (pointer:coarse){.gds-close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.gds-close:not(:disabled):not(.disabled)>i{background:var(--gds-sys-color-base-200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-text-primary)}.gds-close:not(:disabled):not(.disabled)>div:after,.gds-close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.gds-close:focus:not(:focus-visible){box-shadow:none;outline:0}.gds-close:focus,.gds-close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.gds-close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.gds-close>i:after,.gds-close>i:before{background:var(--gds-sys-color-text-primary);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.gds-close>i:after{transform:rotate(45deg)}.gds-close>i:before{transform:rotate(-45deg)}.gds-close>svg path{fill:var(--gds-sys-color-text-primary)}@media(min-width:48em){.gds-close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 10%,transparent)}.gds-close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 20%,transparent)}}:host{--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2)}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.gds-close){padding:.75rem 1rem;border-radius:.25rem;border:solid 1px var(--gds-sys-color-base-600);font-weight:500}:host .alert-container button:not(.gds-close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.gds-close):focus,:host .alert-container button:not(.gds-close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.gds-close){min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}@media(max-width:35.98em){:host .alert-container button:not(.gds-close){min-width:100%}}@media screen and (-ms-high-contrast:active){:host .alert-container button:not(.gds-close){border:2px solid currentcolor}}:host .alert-container button:not(.gds-close).small{min-height:2rem;height:2rem;padding:.4375rem .75rem;font-size:.875rem;line-height:1rem}:host .alert-container button:not(.gds-close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){transition:border var(--gds-sys-transition)}:host .alert-container.information button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.warning button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: var(--gds-sys-color-base-800);--color: var(--gds-sys-color-text-white);border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected=true],:host .alert-container.information button:not(.gds-close):active,:host .alert-container.information button:not(.gds-close).active,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected=true],:host .alert-container.warning button:not(.gds-close):active,:host .alert-container.warning button:not(.gds-close).active,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected]:hover,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected]:hover,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-base-800);color:var(--gds-sys-color-base-800);--color: var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close):disabled,:host .alert-container.information button:not(.gds-close).disabled,:host .alert-container.information button:not(.gds-close)[aria-disabled=true],:host .alert-container.warning button:not(.gds-close):disabled,:host .alert-container.warning button:not(.gds-close).disabled,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.information button:not(.gds-close):disabled::placeholder,:host .alert-container.information button:not(.gds-close).disabled::placeholder,:host .alert-container.information button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.warning button:not(.gds-close):disabled::placeholder,:host .alert-container.warning button:not(.gds-close).disabled::placeholder,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){--gds-sys-color-focus-outline: var(--gds-sys-color-white);transition:border var(--gds-sys-transition)}:host .alert-container.success button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.danger button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-white);color:var(--gds-sys-color-text-primary);--background: var(--gds-sys-color-white);--color: var(--gds-sys-color-text-primary);border-color:var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close)[aria-selected=true],:host .alert-container.success button:not(.gds-close):active,:host .alert-container.success button:not(.gds-close).active,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected=true],:host .alert-container.danger button:not(.gds-close):active,:host .alert-container.danger button:not(.gds-close).active,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-200);color:var(--gds-sys-color-text-primary);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-200)}:host .alert-container.success button:not(.gds-close)[aria-selected]:hover,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected]:hover,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-white);color:var(--gds-sys-color-white);--color: var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close):disabled,:host .alert-container.success button:not(.gds-close).disabled,:host .alert-container.success button:not(.gds-close)[aria-disabled=true],:host .alert-container.danger button:not(.gds-close):disabled,:host .alert-container.danger button:not(.gds-close).disabled,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.success button:not(.gds-close):disabled::placeholder,:host .alert-container.success button:not(.gds-close).disabled::placeholder,:host .alert-container.success button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.danger button:not(.gds-close):disabled::placeholder,:host .alert-container.danger button:not(.gds-close).disabled::placeholder,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] }); }
|
|
33
33
|
}
|
|
34
34
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AlertComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
|
-
args: [{ selector: 'nggv-alert', standalone: false, template: "<div class=\"gds-alert-ribbon alert-container\" role=\"alert\" [ngClass]=\"type\">\n <ng-container [ngSwitch]=\"type\">\n <ng-container\n *ngSwitchCase=\"'success'\"\n [ngTemplateOutlet]=\"checkMark\"\n ></ng-container>\n <ng-container\n *ngSwitchCase=\"'information'\"\n [ngTemplateOutlet]=\"infoSquare\"\n ></ng-container>\n <ng-container\n *ngSwitchDefault\n [ngTemplateOutlet]=\"exclamationSquare\"\n ></ng-container>\n </ng-container>\n <div>\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <p *ngIf=\"body\">\n {{ body }} <a\n *ngIf=\"linkText\"\n [href]=\"linkHref\"\n (click)=\"onLink($event)\"\n >{{ linkText }}</a\n >\n </p>\n </div>\n <button\n *ngIf=\"closable && !actionText\"\n class=\"gds-close\"\n type=\"button\"\n (click)=\"onClose($event)\"\n >\n <i></i>\n </button>\n <footer *ngIf=\"actionText && !closable\">\n <button type=\"button\" (click)=\"onAction($event)\">\n {{ actionText }}\n </button>\n </footer>\n</div>\n\n<ng-template #checkMark>\n <i>\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n fill=\"white\"\n ></path>\n </svg>\n </i>\n</ng-template>\n<ng-template #infoSquare>\n <i>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n fill=\"#333333\"\n />\n </svg>\n </i>\n</ng-template>\n<ng-template #exclamationSquare>\n <i>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\"\n fill=\"currentColor\"\n />\n </svg>\n </i>\n</ng-template>\n", styles: [".gds-alert-ribbon{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-primary);--border-color: var(--gds-sys-color-text-primary);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding-bottom:1rem \"\";padding-top:1rem \"\";padding-left:1rem \"\";padding-right:1rem \"\";display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\"icon content dismiss\" \"footer footer footer\"}@media(min-width:36em){.gds-alert-ribbon{grid-template-areas:\"icon content dismiss\" \"icon content footer\"}}.gds-alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}.gds-alert-ribbon>i svg>*{fill:var(--gds-sys-color-text-primary)}.gds-alert-ribbon>div:not(.alert-ribbon__footer),.gds-alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}.gds-alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.gds-alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem \"\"}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>h1,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h2,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h3,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h4,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h5,.gds-alert-ribbon>div:not(.alert-ribbon__footer) .header,.gds-alert-ribbon .alert-ribbon__content>h1,.gds-alert-ribbon .alert-ribbon__content h2,.gds-alert-ribbon .alert-ribbon__content h3,.gds-alert-ribbon .alert-ribbon__content h4,.gds-alert-ribbon .alert-ribbon__content h5,.gds-alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p,.gds-alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0 \"\";margin-top:0 \"\"}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.gds-alert-ribbon .alert-ribbon__content>p a,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.gds-alert-ribbon .alert-ribbon__content>p a:hover,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}.gds-alert-ribbon button.gds-close{padding:0;grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--color: var(--gds-sys-color-text-primary)}.gds-alert-ribbon button.gds-close>i:after,.gds-alert-ribbon button.gds-close>i:before{background-color:var(--color)}.gds-alert-ribbon button.gds-close:hover>i:after,.gds-alert-ribbon button.gds-close:hover>i:before{background-color:var(--color)}@media(min-width:36em){.gds-alert-ribbon button.gds-close+footer,.gds-alert-ribbon button.gds-close .alert-ribbon__footer{margin-top:.75rem \"\"}}.gds-alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media(max-width:35.98em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-top:.75rem \"\"}}@media(min-width:36em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-left:.75rem \"\"}}.gds-alert-ribbon>footer>a,.gds-alert-ribbon .alert-ribbon__footer>a{display:flex}.gds-alert-ribbon>footer>a,.gds-alert-ribbon>footer>button,.gds-alert-ribbon>footer>button[type=button],.gds-alert-ribbon>footer>.button,.gds-alert-ribbon .alert-ribbon__footer>a,.gds-alert-ribbon .alert-ribbon__footer>button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button],.gds-alert-ribbon .alert-ribbon__footer>.button{min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}@media(max-width:35.98em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem \"\"}}@media(min-width:36em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem \"\"}}.gds-alert-ribbon.info{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.success{--background: var(--gds-sys-color-dark-green-2);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.warning{--background: var(--gds-sys-color-dark-yellow-1);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.danger{--background: var(--gds-sys-color-dark-red-1);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-close{font-size:0;background:transparent;border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;padding:0}@media(hover:none)and (pointer:coarse){.gds-close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.gds-close:not(:disabled):not(.disabled)>i{background:var(--gds-sys-color-base-200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-text-primary)}.gds-close:not(:disabled):not(.disabled)>div:after,.gds-close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.gds-close:focus:not(:focus-visible){box-shadow:none;outline:0}.gds-close:focus,.gds-close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.gds-close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.gds-close>i:after,.gds-close>i:before{background:var(--gds-sys-color-text-primary);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.gds-close>i:after{transform:rotate(45deg)}.gds-close>i:before{transform:rotate(-45deg)}.gds-close>svg path{fill:var(--gds-sys-color-text-primary)}@media(min-width:48em){.gds-close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 10%,transparent)}.gds-close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 20%,transparent)}}:host{--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2)}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.gds-close){padding-left:1rem \"\";padding-right:1rem \"\";padding-bottom:.75rem \"\";padding-top:.75rem \"\";border-radius:.25rem;border:solid 1px var(--gds-sys-color-base-600);font-weight:500}:host .alert-container button:not(.gds-close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.gds-close):focus,:host .alert-container button:not(.gds-close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.gds-close){min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}@media(max-width:35.98em){:host .alert-container button:not(.gds-close){min-width:100%}}@media screen and (-ms-high-contrast:active){:host .alert-container button:not(.gds-close){border:2px solid currentcolor}}:host .alert-container button:not(.gds-close).small{min-height:2rem;height:2rem;padding:.4375rem .75rem;font-size:.875rem;line-height:1rem}:host .alert-container button:not(.gds-close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){transition:border var(--gds-sys-transition)}:host .alert-container.information button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.warning button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: var(--gds-sys-color-base-800);--color: var(--gds-sys-color-text-white);border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected=true],:host .alert-container.information button:not(.gds-close):active,:host .alert-container.information button:not(.gds-close).active,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected=true],:host .alert-container.warning button:not(.gds-close):active,:host .alert-container.warning button:not(.gds-close).active,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected]:hover,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected]:hover,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-base-800);color:var(--gds-sys-color-base-800);--color: var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close):disabled,:host .alert-container.information button:not(.gds-close).disabled,:host .alert-container.information button:not(.gds-close)[aria-disabled=true],:host .alert-container.warning button:not(.gds-close):disabled,:host .alert-container.warning button:not(.gds-close).disabled,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.information button:not(.gds-close):disabled::placeholder,:host .alert-container.information button:not(.gds-close).disabled::placeholder,:host .alert-container.information button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.warning button:not(.gds-close):disabled::placeholder,:host .alert-container.warning button:not(.gds-close).disabled::placeholder,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){--gds-sys-color-focus-outline: var(--gds-sys-color-white);transition:border var(--gds-sys-transition)}:host .alert-container.success button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.danger button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-white);color:var(--gds-sys-color-text-primary);--background: var(--gds-sys-color-white);--color: var(--gds-sys-color-text-primary);border-color:var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close)[aria-selected=true],:host .alert-container.success button:not(.gds-close):active,:host .alert-container.success button:not(.gds-close).active,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected=true],:host .alert-container.danger button:not(.gds-close):active,:host .alert-container.danger button:not(.gds-close).active,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-200);color:var(--gds-sys-color-text-primary);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-200)}:host .alert-container.success button:not(.gds-close)[aria-selected]:hover,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected]:hover,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-white);color:var(--gds-sys-color-white);--color: var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close):disabled,:host .alert-container.success button:not(.gds-close).disabled,:host .alert-container.success button:not(.gds-close)[aria-disabled=true],:host .alert-container.danger button:not(.gds-close):disabled,:host .alert-container.danger button:not(.gds-close).disabled,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.success button:not(.gds-close):disabled::placeholder,:host .alert-container.success button:not(.gds-close).disabled::placeholder,:host .alert-container.success button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.danger button:not(.gds-close):disabled::placeholder,:host .alert-container.danger button:not(.gds-close).disabled::placeholder,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}\n"] }]
|
|
36
|
+
args: [{ selector: 'nggv-alert', standalone: false, template: "<div class=\"gds-alert-ribbon alert-container\" role=\"alert\" [ngClass]=\"type\">\n <ng-container [ngSwitch]=\"type\">\n <ng-container\n *ngSwitchCase=\"'success'\"\n [ngTemplateOutlet]=\"checkMark\"\n ></ng-container>\n <ng-container\n *ngSwitchCase=\"'information'\"\n [ngTemplateOutlet]=\"infoSquare\"\n ></ng-container>\n <ng-container\n *ngSwitchDefault\n [ngTemplateOutlet]=\"exclamationSquare\"\n ></ng-container>\n </ng-container>\n <div>\n <h3 *ngIf=\"title\">{{ title }}</h3>\n <p *ngIf=\"body\">\n {{ body }} <a\n *ngIf=\"linkText\"\n [href]=\"linkHref\"\n (click)=\"onLink($event)\"\n >{{ linkText }}</a\n >\n </p>\n </div>\n <button\n *ngIf=\"closable && !actionText\"\n class=\"gds-close\"\n type=\"button\"\n (click)=\"onClose($event)\"\n >\n <i></i>\n </button>\n <footer *ngIf=\"actionText && !closable\">\n <button type=\"button\" (click)=\"onAction($event)\">\n {{ actionText }}\n </button>\n </footer>\n</div>\n\n<ng-template #checkMark>\n <i>\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n fill=\"white\"\n ></path>\n </svg>\n </i>\n</ng-template>\n<ng-template #infoSquare>\n <i>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n fill=\"#333333\"\n />\n </svg>\n </i>\n</ng-template>\n<ng-template #exclamationSquare>\n <i>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\"\n fill=\"currentColor\"\n />\n </svg>\n </i>\n</ng-template>\n", styles: [".gds-alert-ribbon{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-primary);--border-color: var(--gds-sys-color-text-primary);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding:1rem;display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\"icon content dismiss\" \"footer footer footer\"}@media(min-width:36em){.gds-alert-ribbon{grid-template-areas:\"icon content dismiss\" \"icon content footer\"}}.gds-alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}.gds-alert-ribbon>i svg>*{fill:var(--gds-sys-color-text-primary)}.gds-alert-ribbon>div:not(.alert-ribbon__footer),.gds-alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}.gds-alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.gds-alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>h1,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h2,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h3,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h4,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h5,.gds-alert-ribbon>div:not(.alert-ribbon__footer) .header,.gds-alert-ribbon .alert-ribbon__content>h1,.gds-alert-ribbon .alert-ribbon__content h2,.gds-alert-ribbon .alert-ribbon__content h3,.gds-alert-ribbon .alert-ribbon__content h4,.gds-alert-ribbon .alert-ribbon__content h5,.gds-alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p,.gds-alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0;margin-top:0}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.gds-alert-ribbon .alert-ribbon__content>p a,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.gds-alert-ribbon .alert-ribbon__content>p a:hover,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}.gds-alert-ribbon button.gds-close{padding:0;grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--color: var(--gds-sys-color-text-primary)}.gds-alert-ribbon button.gds-close>i:after,.gds-alert-ribbon button.gds-close>i:before{background-color:var(--color)}.gds-alert-ribbon button.gds-close:hover>i:after,.gds-alert-ribbon button.gds-close:hover>i:before{background-color:var(--color)}@media(min-width:36em){.gds-alert-ribbon button.gds-close+footer,.gds-alert-ribbon button.gds-close .alert-ribbon__footer{margin-top:.75rem}}.gds-alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media(max-width:35.98em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-top:.75rem}}@media(min-width:36em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-left:.75rem}}.gds-alert-ribbon>footer>a,.gds-alert-ribbon .alert-ribbon__footer>a{display:flex}.gds-alert-ribbon>footer>a,.gds-alert-ribbon>footer>button,.gds-alert-ribbon>footer>button[type=button],.gds-alert-ribbon>footer>.button,.gds-alert-ribbon .alert-ribbon__footer>a,.gds-alert-ribbon .alert-ribbon__footer>button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button],.gds-alert-ribbon .alert-ribbon__footer>.button{min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}@media(max-width:35.98em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem}}@media(min-width:36em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem}}.gds-alert-ribbon.info{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.success{--background: var(--gds-sys-color-dark-green-2);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.warning{--background: var(--gds-sys-color-dark-yellow-1);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.danger{--background: var(--gds-sys-color-dark-red-1);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-close{font-size:0;background:transparent;border:0;border-radius:50%;content:\"\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;padding:0}@media(hover:none)and (pointer:coarse){.gds-close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.gds-close:not(:disabled):not(.disabled)>i{background:var(--gds-sys-color-base-200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-text-primary)}.gds-close:not(:disabled):not(.disabled)>div:after,.gds-close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.gds-close:focus:not(:focus-visible){box-shadow:none;outline:0}.gds-close:focus,.gds-close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.gds-close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.gds-close>i:after,.gds-close>i:before{background:var(--gds-sys-color-text-primary);content:\"\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.gds-close>i:after{transform:rotate(45deg)}.gds-close>i:before{transform:rotate(-45deg)}.gds-close>svg path{fill:var(--gds-sys-color-text-primary)}@media(min-width:48em){.gds-close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 10%,transparent)}.gds-close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 20%,transparent)}}:host{--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2)}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.gds-close){padding:.75rem 1rem;border-radius:.25rem;border:solid 1px var(--gds-sys-color-base-600);font-weight:500}:host .alert-container button:not(.gds-close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.gds-close):focus,:host .alert-container button:not(.gds-close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.gds-close){min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}@media(max-width:35.98em){:host .alert-container button:not(.gds-close){min-width:100%}}@media screen and (-ms-high-contrast:active){:host .alert-container button:not(.gds-close){border:2px solid currentcolor}}:host .alert-container button:not(.gds-close).small{min-height:2rem;height:2rem;padding:.4375rem .75rem;font-size:.875rem;line-height:1rem}:host .alert-container button:not(.gds-close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){transition:border var(--gds-sys-transition)}:host .alert-container.information button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.warning button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: var(--gds-sys-color-base-800);--color: var(--gds-sys-color-text-white);border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected=true],:host .alert-container.information button:not(.gds-close):active,:host .alert-container.information button:not(.gds-close).active,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected=true],:host .alert-container.warning button:not(.gds-close):active,:host .alert-container.warning button:not(.gds-close).active,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected]:hover,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected]:hover,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-base-800);color:var(--gds-sys-color-base-800);--color: var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close):disabled,:host .alert-container.information button:not(.gds-close).disabled,:host .alert-container.information button:not(.gds-close)[aria-disabled=true],:host .alert-container.warning button:not(.gds-close):disabled,:host .alert-container.warning button:not(.gds-close).disabled,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.information button:not(.gds-close):disabled::placeholder,:host .alert-container.information button:not(.gds-close).disabled::placeholder,:host .alert-container.information button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.warning button:not(.gds-close):disabled::placeholder,:host .alert-container.warning button:not(.gds-close).disabled::placeholder,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){--gds-sys-color-focus-outline: var(--gds-sys-color-white);transition:border var(--gds-sys-transition)}:host .alert-container.success button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.danger button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-white);color:var(--gds-sys-color-text-primary);--background: var(--gds-sys-color-white);--color: var(--gds-sys-color-text-primary);border-color:var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close)[aria-selected=true],:host .alert-container.success button:not(.gds-close):active,:host .alert-container.success button:not(.gds-close).active,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected=true],:host .alert-container.danger button:not(.gds-close):active,:host .alert-container.danger button:not(.gds-close).active,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-200);color:var(--gds-sys-color-text-primary);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-200)}:host .alert-container.success button:not(.gds-close)[aria-selected]:hover,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected]:hover,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-white);color:var(--gds-sys-color-white);--color: var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close):disabled,:host .alert-container.success button:not(.gds-close).disabled,:host .alert-container.success button:not(.gds-close)[aria-disabled=true],:host .alert-container.danger button:not(.gds-close):disabled,:host .alert-container.danger button:not(.gds-close).disabled,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.success button:not(.gds-close):disabled::placeholder,:host .alert-container.success button:not(.gds-close).disabled::placeholder,:host .alert-container.success button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.danger button:not(.gds-close):disabled::placeholder,:host .alert-container.danger button:not(.gds-close).disabled::placeholder,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}\n"] }]
|
|
37
37
|
}], propDecorators: { type: [{
|
|
38
38
|
type: Input
|
|
39
39
|
}], title: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sebgroup-green-angular-src-v-angular-alert.mjs","sources":["../tmp-esm2022/src/v-angular/alert/alert.models.js","../tmp-esm2022/src/v-angular/alert/alert.component.js","../tmp-esm2022/src/v-angular/alert/alert.module.js","../tmp-esm2022/src/v-angular/alert/sebgroup-green-angular-src-v-angular-alert.js"],"sourcesContent":["export var AlertType;\n(function (AlertType) {\n AlertType[\"Success\"] = \"success\";\n AlertType[\"Information\"] = \"information\";\n AlertType[\"Warning\"] = \"warning\";\n AlertType[\"Danger\"] = \"danger\";\n})(AlertType || (AlertType = {}));\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvYWxlcnQvYWxlcnQubW9kZWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBLE1BQU0sQ0FBTixJQUFZLFNBS1g7QUFMRCxXQUFZLFNBQVM7SUFDbkIsZ0NBQW1CLENBQUE7SUFDbkIsd0NBQTJCLENBQUE7SUFDM0IsZ0NBQW1CLENBQUE7SUFDbkIsOEJBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUxXLFNBQVMsS0FBVCxTQUFTLFFBS3BCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBBbGVydE1lc3NhZ2Uge1xuICB0eXBlOiBBbGVydFR5cGVcbiAgdGl0bGVUZXh0Pzogc3RyaW5nXG4gIGJvZHlUZXh0Pzogc3RyaW5nXG4gIGxpbmtUZXh0Pzogc3RyaW5nXG4gIGFjdGlvblRleHQ/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGVudW0gQWxlcnRUeXBlIHtcbiAgU3VjY2VzcyA9ICdzdWNjZXNzJyxcbiAgSW5mb3JtYXRpb24gPSAnaW5mb3JtYXRpb24nLFxuICBXYXJuaW5nID0gJ3dhcm5pbmcnLFxuICBEYW5nZXIgPSAnZGFuZ2VyJyxcbn1cbiJdfQ==","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { AlertType } from './alert.models';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nexport class AlertComponent {\n constructor() {\n this.type = AlertType.Success;\n this.closable = false;\n this.closeAlert = new EventEmitter();\n this.clickLink = new EventEmitter();\n this.clickAction = new EventEmitter();\n }\n onClose(e) {\n this.closeAlert.emit(e);\n }\n onLink(e) {\n this.clickLink.emit(e);\n }\n onAction(e) {\n this.clickAction.emit(e);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.3.9\", type: AlertComponent, isStandalone: false, selector: \"nggv-alert\", inputs: { type: \"type\", title: \"title\", body: \"body\", linkText: \"linkText\", linkHref: \"linkHref\", actionText: \"actionText\", closable: \"closable\" }, outputs: { closeAlert: \"closeAlert\", clickLink: \"clickLink\", clickAction: \"clickAction\" }, ngImport: i0, template: \"<div class=\\\"gds-alert-ribbon alert-container\\\" role=\\\"alert\\\" [ngClass]=\\\"type\\\">\\n <ng-container [ngSwitch]=\\\"type\\\">\\n <ng-container\\n *ngSwitchCase=\\\"'success'\\\"\\n [ngTemplateOutlet]=\\\"checkMark\\\"\\n ></ng-container>\\n <ng-container\\n *ngSwitchCase=\\\"'information'\\\"\\n [ngTemplateOutlet]=\\\"infoSquare\\\"\\n ></ng-container>\\n <ng-container\\n *ngSwitchDefault\\n [ngTemplateOutlet]=\\\"exclamationSquare\\\"\\n ></ng-container>\\n </ng-container>\\n <div>\\n <h3 *ngIf=\\\"title\\\">{{ title }}</h3>\\n <p *ngIf=\\\"body\\\">\\n {{ body }} <a\\n *ngIf=\\\"linkText\\\"\\n [href]=\\\"linkHref\\\"\\n (click)=\\\"onLink($event)\\\"\\n >{{ linkText }}</a\\n >\\n </p>\\n </div>\\n <button\\n *ngIf=\\\"closable && !actionText\\\"\\n class=\\\"gds-close\\\"\\n type=\\\"button\\\"\\n (click)=\\\"onClose($event)\\\"\\n >\\n <i></i>\\n </button>\\n <footer *ngIf=\\\"actionText && !closable\\\">\\n <button type=\\\"button\\\" (click)=\\\"onAction($event)\\\">\\n {{ actionText }}\\n </button>\\n </footer>\\n</div>\\n\\n<ng-template #checkMark>\\n <i>\\n <svg\\n width=\\\"24\\\"\\n height=\\\"24\\\"\\n viewBox=\\\"0 0 24 24\\\"\\n fill=\\\"none\\\"\\n xmlns=\\\"http://www.w3.org/2000/svg\\\"\\n >\\n <path\\n d=\\\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\\\"\\n fill=\\\"white\\\"\\n ></path>\\n </svg>\\n </i>\\n</ng-template>\\n<ng-template #infoSquare>\\n <i>\\n <svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n <path\\n d=\\\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\\\"\\n fill=\\\"#333333\\\"\\n />\\n </svg>\\n </i>\\n</ng-template>\\n<ng-template #exclamationSquare>\\n <i>\\n <svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n <path\\n d=\\\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\\\"\\n fill=\\\"currentColor\\\"\\n />\\n </svg>\\n </i>\\n</ng-template>\\n\", styles: [\".gds-alert-ribbon{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-primary);--border-color: var(--gds-sys-color-text-primary);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding-bottom:1rem \\\"\\\";padding-top:1rem \\\"\\\";padding-left:1rem \\\"\\\";padding-right:1rem \\\"\\\";display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\\\"icon content dismiss\\\" \\\"footer footer footer\\\"}@media(min-width:36em){.gds-alert-ribbon{grid-template-areas:\\\"icon content dismiss\\\" \\\"icon content footer\\\"}}.gds-alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}.gds-alert-ribbon>i svg>*{fill:var(--gds-sys-color-text-primary)}.gds-alert-ribbon>div:not(.alert-ribbon__footer),.gds-alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}.gds-alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.gds-alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem \\\"\\\"}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>h1,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h2,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h3,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h4,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h5,.gds-alert-ribbon>div:not(.alert-ribbon__footer) .header,.gds-alert-ribbon .alert-ribbon__content>h1,.gds-alert-ribbon .alert-ribbon__content h2,.gds-alert-ribbon .alert-ribbon__content h3,.gds-alert-ribbon .alert-ribbon__content h4,.gds-alert-ribbon .alert-ribbon__content h5,.gds-alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p,.gds-alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0 \\\"\\\";margin-top:0 \\\"\\\"}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.gds-alert-ribbon .alert-ribbon__content>p a,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.gds-alert-ribbon .alert-ribbon__content>p a:hover,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}.gds-alert-ribbon button.gds-close{padding:0;grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--color: var(--gds-sys-color-text-primary)}.gds-alert-ribbon button.gds-close>i:after,.gds-alert-ribbon button.gds-close>i:before{background-color:var(--color)}.gds-alert-ribbon button.gds-close:hover>i:after,.gds-alert-ribbon button.gds-close:hover>i:before{background-color:var(--color)}@media(min-width:36em){.gds-alert-ribbon button.gds-close+footer,.gds-alert-ribbon button.gds-close .alert-ribbon__footer{margin-top:.75rem \\\"\\\"}}.gds-alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media(max-width:35.98em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-top:.75rem \\\"\\\"}}@media(min-width:36em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-left:.75rem \\\"\\\"}}.gds-alert-ribbon>footer>a,.gds-alert-ribbon .alert-ribbon__footer>a{display:flex}.gds-alert-ribbon>footer>a,.gds-alert-ribbon>footer>button,.gds-alert-ribbon>footer>button[type=button],.gds-alert-ribbon>footer>.button,.gds-alert-ribbon .alert-ribbon__footer>a,.gds-alert-ribbon .alert-ribbon__footer>button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button],.gds-alert-ribbon .alert-ribbon__footer>.button{min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}@media(max-width:35.98em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem \\\"\\\"}}@media(min-width:36em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem \\\"\\\"}}.gds-alert-ribbon.info{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.success{--background: var(--gds-sys-color-dark-green-2);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.warning{--background: var(--gds-sys-color-dark-yellow-1);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.danger{--background: var(--gds-sys-color-dark-red-1);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-close{font-size:0;background:transparent;border:0;border-radius:50%;content:\\\"\\\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;padding:0}@media(hover:none)and (pointer:coarse){.gds-close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.gds-close:not(:disabled):not(.disabled)>i{background:var(--gds-sys-color-base-200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-text-primary)}.gds-close:not(:disabled):not(.disabled)>div:after,.gds-close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.gds-close:focus:not(:focus-visible){box-shadow:none;outline:0}.gds-close:focus,.gds-close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.gds-close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.gds-close>i:after,.gds-close>i:before{background:var(--gds-sys-color-text-primary);content:\\\"\\\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.gds-close>i:after{transform:rotate(45deg)}.gds-close>i:before{transform:rotate(-45deg)}.gds-close>svg path{fill:var(--gds-sys-color-text-primary)}@media(min-width:48em){.gds-close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 10%,transparent)}.gds-close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 20%,transparent)}}:host{--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2)}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.gds-close){padding-left:1rem \\\"\\\";padding-right:1rem \\\"\\\";padding-bottom:.75rem \\\"\\\";padding-top:.75rem \\\"\\\";border-radius:.25rem;border:solid 1px var(--gds-sys-color-base-600);font-weight:500}:host .alert-container button:not(.gds-close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.gds-close):focus,:host .alert-container button:not(.gds-close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.gds-close){min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}@media(max-width:35.98em){:host .alert-container button:not(.gds-close){min-width:100%}}@media screen and (-ms-high-contrast:active){:host .alert-container button:not(.gds-close){border:2px solid currentcolor}}:host .alert-container button:not(.gds-close).small{min-height:2rem;height:2rem;padding:.4375rem .75rem;font-size:.875rem;line-height:1rem}:host .alert-container button:not(.gds-close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){transition:border var(--gds-sys-transition)}:host .alert-container.information button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.warning button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: var(--gds-sys-color-base-800);--color: var(--gds-sys-color-text-white);border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected=true],:host .alert-container.information button:not(.gds-close):active,:host .alert-container.information button:not(.gds-close).active,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected=true],:host .alert-container.warning button:not(.gds-close):active,:host .alert-container.warning button:not(.gds-close).active,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected]:hover,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected]:hover,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-base-800);color:var(--gds-sys-color-base-800);--color: var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close):disabled,:host .alert-container.information button:not(.gds-close).disabled,:host .alert-container.information button:not(.gds-close)[aria-disabled=true],:host .alert-container.warning button:not(.gds-close):disabled,:host .alert-container.warning button:not(.gds-close).disabled,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.information button:not(.gds-close):disabled::placeholder,:host .alert-container.information button:not(.gds-close).disabled::placeholder,:host .alert-container.information button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.warning button:not(.gds-close):disabled::placeholder,:host .alert-container.warning button:not(.gds-close).disabled::placeholder,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){--gds-sys-color-focus-outline: var(--gds-sys-color-white);transition:border var(--gds-sys-transition)}:host .alert-container.success button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.danger button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-white);color:var(--gds-sys-color-text-primary);--background: var(--gds-sys-color-white);--color: var(--gds-sys-color-text-primary);border-color:var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close)[aria-selected=true],:host .alert-container.success button:not(.gds-close):active,:host .alert-container.success button:not(.gds-close).active,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected=true],:host .alert-container.danger button:not(.gds-close):active,:host .alert-container.danger button:not(.gds-close).active,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-200);color:var(--gds-sys-color-text-primary);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-200)}:host .alert-container.success button:not(.gds-close)[aria-selected]:hover,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected]:hover,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-white);color:var(--gds-sys-color-white);--color: var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close):disabled,:host .alert-container.success button:not(.gds-close).disabled,:host .alert-container.success button:not(.gds-close)[aria-disabled=true],:host .alert-container.danger button:not(.gds-close):disabled,:host .alert-container.danger button:not(.gds-close).disabled,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.success button:not(.gds-close):disabled::placeholder,:host .alert-container.success button:not(.gds-close).disabled::placeholder,:host .alert-container.success button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.danger button:not(.gds-close):disabled::placeholder,:host .alert-container.danger button:not(.gds-close).disabled::placeholder,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}\\n\"], dependencies: [{ kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"directive\", type: i1.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i1.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"directive\", type: i1.NgSwitchDefault, selector: \"[ngSwitchDefault]\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AlertComponent, decorators: [{\n type: Component,\n args: [{ selector: 'nggv-alert', standalone: false, template: \"<div class=\\\"gds-alert-ribbon alert-container\\\" role=\\\"alert\\\" [ngClass]=\\\"type\\\">\\n <ng-container [ngSwitch]=\\\"type\\\">\\n <ng-container\\n *ngSwitchCase=\\\"'success'\\\"\\n [ngTemplateOutlet]=\\\"checkMark\\\"\\n ></ng-container>\\n <ng-container\\n *ngSwitchCase=\\\"'information'\\\"\\n [ngTemplateOutlet]=\\\"infoSquare\\\"\\n ></ng-container>\\n <ng-container\\n *ngSwitchDefault\\n [ngTemplateOutlet]=\\\"exclamationSquare\\\"\\n ></ng-container>\\n </ng-container>\\n <div>\\n <h3 *ngIf=\\\"title\\\">{{ title }}</h3>\\n <p *ngIf=\\\"body\\\">\\n {{ body }} <a\\n *ngIf=\\\"linkText\\\"\\n [href]=\\\"linkHref\\\"\\n (click)=\\\"onLink($event)\\\"\\n >{{ linkText }}</a\\n >\\n </p>\\n </div>\\n <button\\n *ngIf=\\\"closable && !actionText\\\"\\n class=\\\"gds-close\\\"\\n type=\\\"button\\\"\\n (click)=\\\"onClose($event)\\\"\\n >\\n <i></i>\\n </button>\\n <footer *ngIf=\\\"actionText && !closable\\\">\\n <button type=\\\"button\\\" (click)=\\\"onAction($event)\\\">\\n {{ actionText }}\\n </button>\\n </footer>\\n</div>\\n\\n<ng-template #checkMark>\\n <i>\\n <svg\\n width=\\\"24\\\"\\n height=\\\"24\\\"\\n viewBox=\\\"0 0 24 24\\\"\\n fill=\\\"none\\\"\\n xmlns=\\\"http://www.w3.org/2000/svg\\\"\\n >\\n <path\\n d=\\\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\\\"\\n fill=\\\"white\\\"\\n ></path>\\n </svg>\\n </i>\\n</ng-template>\\n<ng-template #infoSquare>\\n <i>\\n <svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n <path\\n d=\\\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\\\"\\n fill=\\\"#333333\\\"\\n />\\n </svg>\\n </i>\\n</ng-template>\\n<ng-template #exclamationSquare>\\n <i>\\n <svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n <path\\n d=\\\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\\\"\\n fill=\\\"currentColor\\\"\\n />\\n </svg>\\n </i>\\n</ng-template>\\n\", styles: [\".gds-alert-ribbon{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-primary);--border-color: var(--gds-sys-color-text-primary);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding-bottom:1rem \\\"\\\";padding-top:1rem \\\"\\\";padding-left:1rem \\\"\\\";padding-right:1rem \\\"\\\";display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\\\"icon content dismiss\\\" \\\"footer footer footer\\\"}@media(min-width:36em){.gds-alert-ribbon{grid-template-areas:\\\"icon content dismiss\\\" \\\"icon content footer\\\"}}.gds-alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}.gds-alert-ribbon>i svg>*{fill:var(--gds-sys-color-text-primary)}.gds-alert-ribbon>div:not(.alert-ribbon__footer),.gds-alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}.gds-alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.gds-alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem \\\"\\\"}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>h1,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h2,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h3,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h4,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h5,.gds-alert-ribbon>div:not(.alert-ribbon__footer) .header,.gds-alert-ribbon .alert-ribbon__content>h1,.gds-alert-ribbon .alert-ribbon__content h2,.gds-alert-ribbon .alert-ribbon__content h3,.gds-alert-ribbon .alert-ribbon__content h4,.gds-alert-ribbon .alert-ribbon__content h5,.gds-alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p,.gds-alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0 \\\"\\\";margin-top:0 \\\"\\\"}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.gds-alert-ribbon .alert-ribbon__content>p a,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.gds-alert-ribbon .alert-ribbon__content>p a:hover,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}.gds-alert-ribbon button.gds-close{padding:0;grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--color: var(--gds-sys-color-text-primary)}.gds-alert-ribbon button.gds-close>i:after,.gds-alert-ribbon button.gds-close>i:before{background-color:var(--color)}.gds-alert-ribbon button.gds-close:hover>i:after,.gds-alert-ribbon button.gds-close:hover>i:before{background-color:var(--color)}@media(min-width:36em){.gds-alert-ribbon button.gds-close+footer,.gds-alert-ribbon button.gds-close .alert-ribbon__footer{margin-top:.75rem \\\"\\\"}}.gds-alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media(max-width:35.98em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-top:.75rem \\\"\\\"}}@media(min-width:36em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-left:.75rem \\\"\\\"}}.gds-alert-ribbon>footer>a,.gds-alert-ribbon .alert-ribbon__footer>a{display:flex}.gds-alert-ribbon>footer>a,.gds-alert-ribbon>footer>button,.gds-alert-ribbon>footer>button[type=button],.gds-alert-ribbon>footer>.button,.gds-alert-ribbon .alert-ribbon__footer>a,.gds-alert-ribbon .alert-ribbon__footer>button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button],.gds-alert-ribbon .alert-ribbon__footer>.button{min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}@media(max-width:35.98em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem \\\"\\\"}}@media(min-width:36em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem \\\"\\\"}}.gds-alert-ribbon.info{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.success{--background: var(--gds-sys-color-dark-green-2);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.warning{--background: var(--gds-sys-color-dark-yellow-1);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.danger{--background: var(--gds-sys-color-dark-red-1);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-close{font-size:0;background:transparent;border:0;border-radius:50%;content:\\\"\\\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;padding:0}@media(hover:none)and (pointer:coarse){.gds-close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.gds-close:not(:disabled):not(.disabled)>i{background:var(--gds-sys-color-base-200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-text-primary)}.gds-close:not(:disabled):not(.disabled)>div:after,.gds-close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.gds-close:focus:not(:focus-visible){box-shadow:none;outline:0}.gds-close:focus,.gds-close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.gds-close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.gds-close>i:after,.gds-close>i:before{background:var(--gds-sys-color-text-primary);content:\\\"\\\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.gds-close>i:after{transform:rotate(45deg)}.gds-close>i:before{transform:rotate(-45deg)}.gds-close>svg path{fill:var(--gds-sys-color-text-primary)}@media(min-width:48em){.gds-close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 10%,transparent)}.gds-close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 20%,transparent)}}:host{--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2)}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.gds-close){padding-left:1rem \\\"\\\";padding-right:1rem \\\"\\\";padding-bottom:.75rem \\\"\\\";padding-top:.75rem \\\"\\\";border-radius:.25rem;border:solid 1px var(--gds-sys-color-base-600);font-weight:500}:host .alert-container button:not(.gds-close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.gds-close):focus,:host .alert-container button:not(.gds-close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.gds-close){min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}@media(max-width:35.98em){:host .alert-container button:not(.gds-close){min-width:100%}}@media screen and (-ms-high-contrast:active){:host .alert-container button:not(.gds-close){border:2px solid currentcolor}}:host .alert-container button:not(.gds-close).small{min-height:2rem;height:2rem;padding:.4375rem .75rem;font-size:.875rem;line-height:1rem}:host .alert-container button:not(.gds-close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){transition:border var(--gds-sys-transition)}:host .alert-container.information button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.warning button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: var(--gds-sys-color-base-800);--color: var(--gds-sys-color-text-white);border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected=true],:host .alert-container.information button:not(.gds-close):active,:host .alert-container.information button:not(.gds-close).active,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected=true],:host .alert-container.warning button:not(.gds-close):active,:host .alert-container.warning button:not(.gds-close).active,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected]:hover,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected]:hover,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-base-800);color:var(--gds-sys-color-base-800);--color: var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close):disabled,:host .alert-container.information button:not(.gds-close).disabled,:host .alert-container.information button:not(.gds-close)[aria-disabled=true],:host .alert-container.warning button:not(.gds-close):disabled,:host .alert-container.warning button:not(.gds-close).disabled,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.information button:not(.gds-close):disabled::placeholder,:host .alert-container.information button:not(.gds-close).disabled::placeholder,:host .alert-container.information button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.warning button:not(.gds-close):disabled::placeholder,:host .alert-container.warning button:not(.gds-close).disabled::placeholder,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){--gds-sys-color-focus-outline: var(--gds-sys-color-white);transition:border var(--gds-sys-transition)}:host .alert-container.success button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.danger button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-white);color:var(--gds-sys-color-text-primary);--background: var(--gds-sys-color-white);--color: var(--gds-sys-color-text-primary);border-color:var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close)[aria-selected=true],:host .alert-container.success button:not(.gds-close):active,:host .alert-container.success button:not(.gds-close).active,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected=true],:host .alert-container.danger button:not(.gds-close):active,:host .alert-container.danger button:not(.gds-close).active,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-200);color:var(--gds-sys-color-text-primary);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-200)}:host .alert-container.success button:not(.gds-close)[aria-selected]:hover,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected]:hover,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-white);color:var(--gds-sys-color-white);--color: var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close):disabled,:host .alert-container.success button:not(.gds-close).disabled,:host .alert-container.success button:not(.gds-close)[aria-disabled=true],:host .alert-container.danger button:not(.gds-close):disabled,:host .alert-container.danger button:not(.gds-close).disabled,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.success button:not(.gds-close):disabled::placeholder,:host .alert-container.success button:not(.gds-close).disabled::placeholder,:host .alert-container.success button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.danger button:not(.gds-close):disabled::placeholder,:host .alert-container.danger button:not(.gds-close).disabled::placeholder,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}\\n\"] }]\n }], propDecorators: { type: [{\n type: Input\n }], title: [{\n type: Input\n }], body: [{\n type: Input\n }], linkText: [{\n type: Input\n }], linkHref: [{\n type: Input\n }], actionText: [{\n type: Input\n }], closable: [{\n type: Input\n }], closeAlert: [{\n type: Output\n }], clickLink: [{\n type: Output\n }], clickAction: [{\n type: Output\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvYWxlcnQvYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvYWxlcnQvYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUV0RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7OztBQVExQyxNQUFNLE9BQU8sY0FBYztJQU4zQjtRQU9XLFNBQUksR0FBYyxTQUFTLENBQUMsT0FBTyxDQUFBO1FBTW5DLGFBQVEsR0FBRyxLQUFLLENBQUE7UUFFZixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQTtRQUMvQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQTtRQUM5QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUE7S0FhM0M7SUFYQyxPQUFPLENBQUMsQ0FBUTtRQUNkLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQ3pCLENBQUM7SUFFRCxNQUFNLENBQUMsQ0FBUTtRQUNiLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQ3hCLENBQUM7SUFFRCxRQUFRLENBQUMsQ0FBUTtRQUNmLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQzFCLENBQUM7OEdBdkJVLGNBQWM7a0dBQWQsY0FBYyxzVENWM0IsODVHQTZFQTs7MkZEbkVhLGNBQWM7a0JBTjFCLFNBQVM7K0JBQ0ksWUFBWSxjQUdWLEtBQUs7O3NCQUdsQixLQUFLOztzQkFDTCxLQUFLOztzQkFDTCxLQUFLOztzQkFDTCxLQUFLOztzQkFDTCxLQUFLOztzQkFDTCxLQUFLOztzQkFDTCxLQUFLOztzQkFFTCxNQUFNOztzQkFDTixNQUFNOztzQkFDTixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5pbXBvcnQgeyBBbGVydFR5cGUgfSBmcm9tICcuL2FsZXJ0Lm1vZGVscydcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduZ2d2LWFsZXJ0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FsZXJ0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogZmFsc2Vcbn0pXG5leHBvcnQgY2xhc3MgQWxlcnRDb21wb25lbnQge1xuICBASW5wdXQoKSB0eXBlOiBBbGVydFR5cGUgPSBBbGVydFR5cGUuU3VjY2Vzc1xuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZ1xuICBASW5wdXQoKSBib2R5Pzogc3RyaW5nXG4gIEBJbnB1dCgpIGxpbmtUZXh0Pzogc3RyaW5nXG4gIEBJbnB1dCgpIGxpbmtIcmVmPzogc3RyaW5nXG4gIEBJbnB1dCgpIGFjdGlvblRleHQ/OiBzdHJpbmdcbiAgQElucHV0KCkgY2xvc2FibGUgPSBmYWxzZVxuXG4gIEBPdXRwdXQoKSBjbG9zZUFsZXJ0ID0gbmV3IEV2ZW50RW1pdHRlcigpXG4gIEBPdXRwdXQoKSBjbGlja0xpbmsgPSBuZXcgRXZlbnRFbWl0dGVyKClcbiAgQE91dHB1dCgpIGNsaWNrQWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpXG5cbiAgb25DbG9zZShlOiBFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuY2xvc2VBbGVydC5lbWl0KGUpXG4gIH1cblxuICBvbkxpbmsoZTogRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmNsaWNrTGluay5lbWl0KGUpXG4gIH1cblxuICBvbkFjdGlvbihlOiBFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuY2xpY2tBY3Rpb24uZW1pdChlKVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZ2RzLWFsZXJ0LXJpYmJvbiBhbGVydC1jb250YWluZXJcIiByb2xlPVwiYWxlcnRcIiBbbmdDbGFzc109XCJ0eXBlXCI+XG4gIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cbiAgICA8bmctY29udGFpbmVyXG4gICAgICAqbmdTd2l0Y2hDYXNlPVwiJ3N1Y2Nlc3MnXCJcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNoZWNrTWFya1wiXG4gICAgPjwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXJcbiAgICAgICpuZ1N3aXRjaENhc2U9XCInaW5mb3JtYXRpb24nXCJcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImluZm9TcXVhcmVcIlxuICAgID48L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyXG4gICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJleGNsYW1hdGlvblNxdWFyZVwiXG4gICAgPjwvbmctY29udGFpbmVyPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPGRpdj5cbiAgICA8aDMgKm5nSWY9XCJ0aXRsZVwiPnt7IHRpdGxlIH19PC9oMz5cbiAgICA8cCAqbmdJZj1cImJvZHlcIj5cbiAgICAgIHt7IGJvZHkgfX0mbmJzcDs8YVxuICAgICAgICAqbmdJZj1cImxpbmtUZXh0XCJcbiAgICAgICAgW2hyZWZdPVwibGlua0hyZWZcIlxuICAgICAgICAoY2xpY2spPVwib25MaW5rKCRldmVudClcIlxuICAgICAgICA+e3sgbGlua1RleHQgfX08L2FcbiAgICAgID5cbiAgICA8L3A+XG4gIDwvZGl2PlxuICA8YnV0dG9uXG4gICAgKm5nSWY9XCJjbG9zYWJsZSAmJiAhYWN0aW9uVGV4dFwiXG4gICAgY2xhc3M9XCJnZHMtY2xvc2VcIlxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIChjbGljayk9XCJvbkNsb3NlKCRldmVudClcIlxuICA+XG4gICAgPGk+PC9pPlxuICA8L2J1dHRvbj5cbiAgPGZvb3RlciAqbmdJZj1cImFjdGlvblRleHQgJiYgIWNsb3NhYmxlXCI+XG4gICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uQWN0aW9uKCRldmVudClcIj5cbiAgICAgIHt7IGFjdGlvblRleHQgfX1cbiAgICA8L2J1dHRvbj5cbiAgPC9mb290ZXI+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNjaGVja01hcms+XG4gIDxpPlxuICAgIDxzdmdcbiAgICAgIHdpZHRoPVwiMjRcIlxuICAgICAgaGVpZ2h0PVwiMjRcIlxuICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICBmaWxsPVwibm9uZVwiXG4gICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICA+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTE3LjYyMDMgNi42MDgzNkw5LjQwMDE0IDE0LjgyODVMNi4zNzk3NiAxMS44MDgxQzYuMjMzMzIgMTEuNjYxNyA1Ljk5NTg4IDExLjY2MTcgNS44NDk0MiAxMS44MDgxTDQuOTY1NTQgMTIuNjkyQzQuODE5MSAxMi44Mzg0IDQuODE5MSAxMy4wNzU5IDQuOTY1NTQgMTMuMjIyM0w5LjEzNDk1IDE3LjM5MTdDOS4yODEzOCAxNy41MzgyIDkuNTE4ODIgMTcuNTM4MiA5LjY2NTI5IDE3LjM5MTdMMTkuMDM0NCA4LjAyMjU4QzE5LjE4MDkgNy44NzYxNCAxOS4xODA5IDcuNjM4NzEgMTkuMDM0NCA3LjQ5MjI0TDE4LjE1MDYgNi42MDgzNkMxOC4wMDQxIDYuNDYxOTMgMTcuNzY2NyA2LjQ2MTkzIDE3LjYyMDMgNi42MDgzNlpcIlxuICAgICAgICBmaWxsPVwid2hpdGVcIlxuICAgICAgPjwvcGF0aD5cbiAgICA8L3N2Zz5cbiAgPC9pPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjaW5mb1NxdWFyZT5cbiAgPGk+XG4gICAgPHN2ZyB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgZmlsbD1cIm5vbmVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTE4LjI4NTcgNEg1LjcxNDI5QzQuNzY3NSA0IDQgNC43Njc1IDQgNS43MTQyOVYxOC4yODU3QzQgMTkuMjMyNSA0Ljc2NzUgMjAgNS43MTQyOSAyMEgxOC4yODU3QzE5LjIzMjUgMjAgMjAgMTkuMjMyNSAyMCAxOC4yODU3VjUuNzE0MjlDMjAgNC43Njc1IDE5LjIzMjUgNCAxOC4yODU3IDRaTTEyIDcuMDcxNDNDMTIuODI4NCA3LjA3MTQzIDEzLjUgNy43NDMgMTMuNSA4LjU3MTQzQzEzLjUgOS4zOTk4NiAxMi44Mjg0IDEwLjA3MTQgMTIgMTAuMDcxNEMxMS4xNzE2IDEwLjA3MTQgMTAuNSA5LjM5OTg2IDEwLjUgOC41NzE0M0MxMC41IDcuNzQzIDExLjE3MTYgNy4wNzE0MyAxMiA3LjA3MTQzWk0xNCAxNi4xNDI5QzE0IDE2LjM3OTUgMTMuODA4MSAxNi41NzE0IDEzLjU3MTQgMTYuNTcxNEgxMC40Mjg2QzEwLjE5MTkgMTYuNTcxNCAxMCAxNi4zNzk1IDEwIDE2LjE0MjlWMTUuMjg1N0MxMCAxNS4wNDkgMTAuMTkxOSAxNC44NTcxIDEwLjQyODYgMTQuODU3MUgxMC44NTcxVjEyLjU3MTRIMTAuNDI4NkMxMC4xOTE5IDEyLjU3MTQgMTAgMTIuMzc5NSAxMCAxMi4xNDI5VjExLjI4NTdDMTAgMTEuMDQ5IDEwLjE5MTkgMTAuODU3MSAxMC40Mjg2IDEwLjg1NzFIMTIuNzE0M0MxMi45NTEgMTAuODU3MSAxMy4xNDI5IDExLjA0OSAxMy4xNDI5IDExLjI4NTdWMTQuODU3MUgxMy41NzE0QzEzLjgwODEgMTQuODU3MSAxNCAxNS4wNDkgMTQgMTUuMjg1N1YxNi4xNDI5WlwiXG4gICAgICAgIGZpbGw9XCIjMzMzMzMzXCJcbiAgICAgIC8+XG4gICAgPC9zdmc+XG4gIDwvaT5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2V4Y2xhbWF0aW9uU3F1YXJlPlxuICA8aT5cbiAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgIDxwYXRoXG4gICAgICAgIGQ9XCJNMTguMjg1NyA0SDUuNzE0MjlDNC43Njc1IDQgNCA0Ljc2NzUgNCA1LjcxNDI5VjE4LjI4NTdDNCAxOS4yMzI1IDQuNzY3NSAyMCA1LjcxNDI5IDIwSDE4LjI4NTdDMTkuMjMyNSAyMCAyMCAxOS4yMzI1IDIwIDE4LjI4NTdWNS43MTQyOUMyMCA0Ljc2NzUgMTkuMjMyNSA0IDE4LjI4NTcgNFpNMTAuODY4MiA3LjQyODU3SDEzLjEzMThDMTMuMzc3NyA3LjQyODU3IDEzLjU3MzEgNy42MzUgMTMuNTU5NyA3Ljg4MDVMMTMuMjk0OCAxMi43Mzc2QzEzLjI4MjQgMTIuOTY0OSAxMy4wOTQ1IDEzLjE0MjkgMTIuODY2OSAxMy4xNDI5SDExLjEzMzFDMTAuOTA1NSAxMy4xNDI5IDEwLjcxNzYgMTIuOTY0OSAxMC43MDUyIDEyLjczNzZMMTAuNDQwMiA3Ljg4MDVDMTAuNDI2OSA3LjYzNSAxMC42MjIzIDcuNDI4NTcgMTAuODY4MiA3LjQyODU3Wk0xMiAxNy4wNzE0QzExLjA5MjcgMTcuMDcxNCAxMC4zNTcxIDE2LjMzNTkgMTAuMzU3MSAxNS40Mjg2QzEwLjM1NzEgMTQuNTIxMyAxMS4wOTI3IDEzLjc4NTcgMTIgMTMuNzg1N0MxMi45MDczIDEzLjc4NTcgMTMuNjQyOSAxNC41MjEzIDEzLjY0MjkgMTUuNDI4NkMxMy42NDI5IDE2LjMzNTkgMTIuOTA3MyAxNy4wNzE0IDEyIDE3LjA3MTRaXCJcbiAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAvPlxuICAgIDwvc3ZnPlxuICA8L2k+XG48L25nLXRlbXBsYXRlPlxuIl19","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AlertComponent } from './alert.component';\nimport * as i0 from \"@angular/core\";\nexport class NggvAlertModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: NggvAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.9\", ngImport: i0, type: NggvAlertModule, declarations: [AlertComponent], imports: [CommonModule], exports: [AlertComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: NggvAlertModule, imports: [CommonModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: NggvAlertModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [AlertComponent],\n imports: [CommonModule],\n exports: [AlertComponent],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvYWxlcnQvYWxlcnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBRXhDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTs7QUFPbEQsTUFBTSxPQUFPLGVBQWU7OEdBQWYsZUFBZTsrR0FBZixlQUFlLGlCQUpYLGNBQWMsYUFDbkIsWUFBWSxhQUNaLGNBQWM7K0dBRWIsZUFBZSxZQUhoQixZQUFZOzsyRkFHWCxlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGNBQWMsQ0FBQztvQkFDOUIsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxjQUFjLENBQUM7aUJBQzFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5pbXBvcnQgeyBBbGVydENvbXBvbmVudCB9IGZyb20gJy4vYWxlcnQuY29tcG9uZW50J1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtBbGVydENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbQWxlcnRDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ2d2QWxlcnRNb2R1bGUge31cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ViZ3JvdXAtZ3JlZW4tYW5ndWxhci1zcmMtdi1hbmd1bGFyLWFsZXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvYWxlcnQvc2ViZ3JvdXAtZ3JlZW4tYW5ndWxhci1zcmMtdi1hbmd1bGFyLWFsZXJ0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19"],"names":[],"mappings":";;;;;AAAU,IAAC;AACX,CAAC,UAAU,SAAS,EAAE;AACtB,IAAI,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS;AACpC,IAAI,SAAS,CAAC,aAAa,CAAC,GAAG,aAAa;AAC5C,IAAI,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS;AACpC,IAAI,SAAS,CAAC,QAAQ,CAAC,GAAG,QAAQ;AAClC,CAAC,EAAE,SAAS,KAAK,SAAS,GAAG,EAAE,CAAC,CAAC;;ACF1B,MAAM,cAAc,CAAC;AAC5B,IAAI,WAAW,GAAG;AAClB,QAAQ,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,OAAO;AACrC,QAAQ,IAAI,CAAC,QAAQ,GAAG,KAAK;AAC7B,QAAQ,IAAI,CAAC,UAAU,GAAG,IAAI,YAAY,EAAE;AAC5C,QAAQ,IAAI,CAAC,SAAS,GAAG,IAAI,YAAY,EAAE;AAC3C,QAAQ,IAAI,CAAC,WAAW,GAAG,IAAI,YAAY,EAAE;AAC7C,IAAI;AACJ,IAAI,OAAO,CAAC,CAAC,EAAE;AACf,QAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,IAAI;AACJ,IAAI,MAAM,CAAC,CAAC,EAAE;AACd,QAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AAC9B,IAAI;AACJ,IAAI,QAAQ,CAAC,CAAC,EAAE;AAChB,QAAQ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;AAChC,IAAI;AACJ,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAChL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,85GAA85G,EAAE,MAAM,EAAE,CAAC,4lkBAA4lkB,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE,0BAA0B,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,EAAE,CAAC,cAAc,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,eAAe,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC,EAAE,CAAC,CAAC;AACrjtB;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC;AACxH,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,85GAA85G,EAAE,MAAM,EAAE,CAAC,4lkBAA4lkB,CAAC,EAAE;AACllrB,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,IAAI,EAAE,CAAC;AACrC,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC;AACxB,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;AACvB,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;AAC3B,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;AAC3B,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;AAC7B,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;AAC3B,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;AAC7B,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;AAC5B,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,WAAW,EAAE,CAAC;AAC9B,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,EAAE,CAAC;;AC3CZ,MAAM,eAAe,CAAC;AAC7B,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;AAChL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;AACtN,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;AAC3J;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC;AACzH,YAAY,IAAI,EAAE,QAAQ;AAC1B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,YAAY,EAAE,CAAC,cAAc,CAAC;AAClD,oBAAoB,OAAO,EAAE,CAAC,YAAY,CAAC;AAC3C,oBAAoB,OAAO,EAAE,CAAC,cAAc,CAAC;AAC7C,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;AChBb;AACA;AACA;;;;"}
|
|
1
|
+
{"version":3,"file":"sebgroup-green-angular-src-v-angular-alert.mjs","sources":["../tmp-esm2022/src/v-angular/alert/alert.models.js","../tmp-esm2022/src/v-angular/alert/alert.component.js","../tmp-esm2022/src/v-angular/alert/alert.module.js","../tmp-esm2022/src/v-angular/alert/sebgroup-green-angular-src-v-angular-alert.js"],"sourcesContent":["export var AlertType;\n(function (AlertType) {\n AlertType[\"Success\"] = \"success\";\n AlertType[\"Information\"] = \"information\";\n AlertType[\"Warning\"] = \"warning\";\n AlertType[\"Danger\"] = \"danger\";\n})(AlertType || (AlertType = {}));\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvYWxlcnQvYWxlcnQubW9kZWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBLE1BQU0sQ0FBTixJQUFZLFNBS1g7QUFMRCxXQUFZLFNBQVM7SUFDbkIsZ0NBQW1CLENBQUE7SUFDbkIsd0NBQTJCLENBQUE7SUFDM0IsZ0NBQW1CLENBQUE7SUFDbkIsOEJBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUxXLFNBQVMsS0FBVCxTQUFTLFFBS3BCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBBbGVydE1lc3NhZ2Uge1xuICB0eXBlOiBBbGVydFR5cGVcbiAgdGl0bGVUZXh0Pzogc3RyaW5nXG4gIGJvZHlUZXh0Pzogc3RyaW5nXG4gIGxpbmtUZXh0Pzogc3RyaW5nXG4gIGFjdGlvblRleHQ/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGVudW0gQWxlcnRUeXBlIHtcbiAgU3VjY2VzcyA9ICdzdWNjZXNzJyxcbiAgSW5mb3JtYXRpb24gPSAnaW5mb3JtYXRpb24nLFxuICBXYXJuaW5nID0gJ3dhcm5pbmcnLFxuICBEYW5nZXIgPSAnZGFuZ2VyJyxcbn1cbiJdfQ==","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { AlertType } from './alert.models';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/common\";\nexport class AlertComponent {\n constructor() {\n this.type = AlertType.Success;\n this.closable = false;\n this.closeAlert = new EventEmitter();\n this.clickLink = new EventEmitter();\n this.clickAction = new EventEmitter();\n }\n onClose(e) {\n this.closeAlert.emit(e);\n }\n onLink(e) {\n this.clickLink.emit(e);\n }\n onAction(e) {\n this.clickAction.emit(e);\n }\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.3.9\", type: AlertComponent, isStandalone: false, selector: \"nggv-alert\", inputs: { type: \"type\", title: \"title\", body: \"body\", linkText: \"linkText\", linkHref: \"linkHref\", actionText: \"actionText\", closable: \"closable\" }, outputs: { closeAlert: \"closeAlert\", clickLink: \"clickLink\", clickAction: \"clickAction\" }, ngImport: i0, template: \"<div class=\\\"gds-alert-ribbon alert-container\\\" role=\\\"alert\\\" [ngClass]=\\\"type\\\">\\n <ng-container [ngSwitch]=\\\"type\\\">\\n <ng-container\\n *ngSwitchCase=\\\"'success'\\\"\\n [ngTemplateOutlet]=\\\"checkMark\\\"\\n ></ng-container>\\n <ng-container\\n *ngSwitchCase=\\\"'information'\\\"\\n [ngTemplateOutlet]=\\\"infoSquare\\\"\\n ></ng-container>\\n <ng-container\\n *ngSwitchDefault\\n [ngTemplateOutlet]=\\\"exclamationSquare\\\"\\n ></ng-container>\\n </ng-container>\\n <div>\\n <h3 *ngIf=\\\"title\\\">{{ title }}</h3>\\n <p *ngIf=\\\"body\\\">\\n {{ body }} <a\\n *ngIf=\\\"linkText\\\"\\n [href]=\\\"linkHref\\\"\\n (click)=\\\"onLink($event)\\\"\\n >{{ linkText }}</a\\n >\\n </p>\\n </div>\\n <button\\n *ngIf=\\\"closable && !actionText\\\"\\n class=\\\"gds-close\\\"\\n type=\\\"button\\\"\\n (click)=\\\"onClose($event)\\\"\\n >\\n <i></i>\\n </button>\\n <footer *ngIf=\\\"actionText && !closable\\\">\\n <button type=\\\"button\\\" (click)=\\\"onAction($event)\\\">\\n {{ actionText }}\\n </button>\\n </footer>\\n</div>\\n\\n<ng-template #checkMark>\\n <i>\\n <svg\\n width=\\\"24\\\"\\n height=\\\"24\\\"\\n viewBox=\\\"0 0 24 24\\\"\\n fill=\\\"none\\\"\\n xmlns=\\\"http://www.w3.org/2000/svg\\\"\\n >\\n <path\\n d=\\\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\\\"\\n fill=\\\"white\\\"\\n ></path>\\n </svg>\\n </i>\\n</ng-template>\\n<ng-template #infoSquare>\\n <i>\\n <svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n <path\\n d=\\\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\\\"\\n fill=\\\"#333333\\\"\\n />\\n </svg>\\n </i>\\n</ng-template>\\n<ng-template #exclamationSquare>\\n <i>\\n <svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n <path\\n d=\\\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\\\"\\n fill=\\\"currentColor\\\"\\n />\\n </svg>\\n </i>\\n</ng-template>\\n\", styles: [\".gds-alert-ribbon{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-primary);--border-color: var(--gds-sys-color-text-primary);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding:1rem;display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\\\"icon content dismiss\\\" \\\"footer footer footer\\\"}@media(min-width:36em){.gds-alert-ribbon{grid-template-areas:\\\"icon content dismiss\\\" \\\"icon content footer\\\"}}.gds-alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}.gds-alert-ribbon>i svg>*{fill:var(--gds-sys-color-text-primary)}.gds-alert-ribbon>div:not(.alert-ribbon__footer),.gds-alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}.gds-alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.gds-alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>h1,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h2,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h3,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h4,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h5,.gds-alert-ribbon>div:not(.alert-ribbon__footer) .header,.gds-alert-ribbon .alert-ribbon__content>h1,.gds-alert-ribbon .alert-ribbon__content h2,.gds-alert-ribbon .alert-ribbon__content h3,.gds-alert-ribbon .alert-ribbon__content h4,.gds-alert-ribbon .alert-ribbon__content h5,.gds-alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p,.gds-alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0;margin-top:0}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.gds-alert-ribbon .alert-ribbon__content>p a,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.gds-alert-ribbon .alert-ribbon__content>p a:hover,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}.gds-alert-ribbon button.gds-close{padding:0;grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--color: var(--gds-sys-color-text-primary)}.gds-alert-ribbon button.gds-close>i:after,.gds-alert-ribbon button.gds-close>i:before{background-color:var(--color)}.gds-alert-ribbon button.gds-close:hover>i:after,.gds-alert-ribbon button.gds-close:hover>i:before{background-color:var(--color)}@media(min-width:36em){.gds-alert-ribbon button.gds-close+footer,.gds-alert-ribbon button.gds-close .alert-ribbon__footer{margin-top:.75rem}}.gds-alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media(max-width:35.98em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-top:.75rem}}@media(min-width:36em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-left:.75rem}}.gds-alert-ribbon>footer>a,.gds-alert-ribbon .alert-ribbon__footer>a{display:flex}.gds-alert-ribbon>footer>a,.gds-alert-ribbon>footer>button,.gds-alert-ribbon>footer>button[type=button],.gds-alert-ribbon>footer>.button,.gds-alert-ribbon .alert-ribbon__footer>a,.gds-alert-ribbon .alert-ribbon__footer>button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button],.gds-alert-ribbon .alert-ribbon__footer>.button{min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}@media(max-width:35.98em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem}}@media(min-width:36em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem}}.gds-alert-ribbon.info{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.success{--background: var(--gds-sys-color-dark-green-2);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.warning{--background: var(--gds-sys-color-dark-yellow-1);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.danger{--background: var(--gds-sys-color-dark-red-1);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-close{font-size:0;background:transparent;border:0;border-radius:50%;content:\\\"\\\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;padding:0}@media(hover:none)and (pointer:coarse){.gds-close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.gds-close:not(:disabled):not(.disabled)>i{background:var(--gds-sys-color-base-200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-text-primary)}.gds-close:not(:disabled):not(.disabled)>div:after,.gds-close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.gds-close:focus:not(:focus-visible){box-shadow:none;outline:0}.gds-close:focus,.gds-close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.gds-close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.gds-close>i:after,.gds-close>i:before{background:var(--gds-sys-color-text-primary);content:\\\"\\\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.gds-close>i:after{transform:rotate(45deg)}.gds-close>i:before{transform:rotate(-45deg)}.gds-close>svg path{fill:var(--gds-sys-color-text-primary)}@media(min-width:48em){.gds-close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 10%,transparent)}.gds-close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 20%,transparent)}}:host{--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2)}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.gds-close){padding:.75rem 1rem;border-radius:.25rem;border:solid 1px var(--gds-sys-color-base-600);font-weight:500}:host .alert-container button:not(.gds-close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.gds-close):focus,:host .alert-container button:not(.gds-close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.gds-close){min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}@media(max-width:35.98em){:host .alert-container button:not(.gds-close){min-width:100%}}@media screen and (-ms-high-contrast:active){:host .alert-container button:not(.gds-close){border:2px solid currentcolor}}:host .alert-container button:not(.gds-close).small{min-height:2rem;height:2rem;padding:.4375rem .75rem;font-size:.875rem;line-height:1rem}:host .alert-container button:not(.gds-close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){transition:border var(--gds-sys-transition)}:host .alert-container.information button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.warning button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: var(--gds-sys-color-base-800);--color: var(--gds-sys-color-text-white);border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected=true],:host .alert-container.information button:not(.gds-close):active,:host .alert-container.information button:not(.gds-close).active,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected=true],:host .alert-container.warning button:not(.gds-close):active,:host .alert-container.warning button:not(.gds-close).active,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected]:hover,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected]:hover,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-base-800);color:var(--gds-sys-color-base-800);--color: var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close):disabled,:host .alert-container.information button:not(.gds-close).disabled,:host .alert-container.information button:not(.gds-close)[aria-disabled=true],:host .alert-container.warning button:not(.gds-close):disabled,:host .alert-container.warning button:not(.gds-close).disabled,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.information button:not(.gds-close):disabled::placeholder,:host .alert-container.information button:not(.gds-close).disabled::placeholder,:host .alert-container.information button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.warning button:not(.gds-close):disabled::placeholder,:host .alert-container.warning button:not(.gds-close).disabled::placeholder,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){--gds-sys-color-focus-outline: var(--gds-sys-color-white);transition:border var(--gds-sys-transition)}:host .alert-container.success button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.danger button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-white);color:var(--gds-sys-color-text-primary);--background: var(--gds-sys-color-white);--color: var(--gds-sys-color-text-primary);border-color:var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close)[aria-selected=true],:host .alert-container.success button:not(.gds-close):active,:host .alert-container.success button:not(.gds-close).active,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected=true],:host .alert-container.danger button:not(.gds-close):active,:host .alert-container.danger button:not(.gds-close).active,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-200);color:var(--gds-sys-color-text-primary);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-200)}:host .alert-container.success button:not(.gds-close)[aria-selected]:hover,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected]:hover,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-white);color:var(--gds-sys-color-white);--color: var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close):disabled,:host .alert-container.success button:not(.gds-close).disabled,:host .alert-container.success button:not(.gds-close)[aria-disabled=true],:host .alert-container.danger button:not(.gds-close):disabled,:host .alert-container.danger button:not(.gds-close).disabled,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.success button:not(.gds-close):disabled::placeholder,:host .alert-container.success button:not(.gds-close).disabled::placeholder,:host .alert-container.success button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.danger button:not(.gds-close):disabled::placeholder,:host .alert-container.danger button:not(.gds-close).disabled::placeholder,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}\\n\"], dependencies: [{ kind: \"directive\", type: i1.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i1.NgIf, selector: \"[ngIf]\", inputs: [\"ngIf\", \"ngIfThen\", \"ngIfElse\"] }, { kind: \"directive\", type: i1.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"directive\", type: i1.NgSwitch, selector: \"[ngSwitch]\", inputs: [\"ngSwitch\"] }, { kind: \"directive\", type: i1.NgSwitchCase, selector: \"[ngSwitchCase]\", inputs: [\"ngSwitchCase\"] }, { kind: \"directive\", type: i1.NgSwitchDefault, selector: \"[ngSwitchDefault]\" }] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AlertComponent, decorators: [{\n type: Component,\n args: [{ selector: 'nggv-alert', standalone: false, template: \"<div class=\\\"gds-alert-ribbon alert-container\\\" role=\\\"alert\\\" [ngClass]=\\\"type\\\">\\n <ng-container [ngSwitch]=\\\"type\\\">\\n <ng-container\\n *ngSwitchCase=\\\"'success'\\\"\\n [ngTemplateOutlet]=\\\"checkMark\\\"\\n ></ng-container>\\n <ng-container\\n *ngSwitchCase=\\\"'information'\\\"\\n [ngTemplateOutlet]=\\\"infoSquare\\\"\\n ></ng-container>\\n <ng-container\\n *ngSwitchDefault\\n [ngTemplateOutlet]=\\\"exclamationSquare\\\"\\n ></ng-container>\\n </ng-container>\\n <div>\\n <h3 *ngIf=\\\"title\\\">{{ title }}</h3>\\n <p *ngIf=\\\"body\\\">\\n {{ body }} <a\\n *ngIf=\\\"linkText\\\"\\n [href]=\\\"linkHref\\\"\\n (click)=\\\"onLink($event)\\\"\\n >{{ linkText }}</a\\n >\\n </p>\\n </div>\\n <button\\n *ngIf=\\\"closable && !actionText\\\"\\n class=\\\"gds-close\\\"\\n type=\\\"button\\\"\\n (click)=\\\"onClose($event)\\\"\\n >\\n <i></i>\\n </button>\\n <footer *ngIf=\\\"actionText && !closable\\\">\\n <button type=\\\"button\\\" (click)=\\\"onAction($event)\\\">\\n {{ actionText }}\\n </button>\\n </footer>\\n</div>\\n\\n<ng-template #checkMark>\\n <i>\\n <svg\\n width=\\\"24\\\"\\n height=\\\"24\\\"\\n viewBox=\\\"0 0 24 24\\\"\\n fill=\\\"none\\\"\\n xmlns=\\\"http://www.w3.org/2000/svg\\\"\\n >\\n <path\\n d=\\\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\\\"\\n fill=\\\"white\\\"\\n ></path>\\n </svg>\\n </i>\\n</ng-template>\\n<ng-template #infoSquare>\\n <i>\\n <svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n <path\\n d=\\\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\\\"\\n fill=\\\"#333333\\\"\\n />\\n </svg>\\n </i>\\n</ng-template>\\n<ng-template #exclamationSquare>\\n <i>\\n <svg viewBox=\\\"0 0 24 24\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n <path\\n d=\\\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\\\"\\n fill=\\\"currentColor\\\"\\n />\\n </svg>\\n </i>\\n</ng-template>\\n\", styles: [\".gds-alert-ribbon{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-primary);--border-color: var(--gds-sys-color-text-primary);background:var(--background);border-radius:0;border:solid 1px var(--border-color);color:var(--color);padding:1rem;display:inline-grid;grid-template-columns:auto 1fr auto;grid-template-rows:min-content 1fr;grid-template-areas:\\\"icon content dismiss\\\" \\\"footer footer footer\\\"}@media(min-width:36em){.gds-alert-ribbon{grid-template-areas:\\\"icon content dismiss\\\" \\\"icon content footer\\\"}}.gds-alert-ribbon>i{display:block;width:1.5rem;height:1.5rem;margin-inline-end:.5rem;grid-area:icon}.gds-alert-ribbon>i svg>*{fill:var(--gds-sys-color-text-primary)}.gds-alert-ribbon>div:not(.alert-ribbon__footer),.gds-alert-ribbon .alert-ribbon__content{grid-area:content;max-width:75ch}.gds-alert-ribbon>div:not(.alert-ribbon__footer):has(+button),.gds-alert-ribbon .alert-ribbon__content:has(+button){padding-right:.5rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>h1,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h2,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h3,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h4,.gds-alert-ribbon>div:not(.alert-ribbon__footer) h5,.gds-alert-ribbon>div:not(.alert-ribbon__footer) .header,.gds-alert-ribbon .alert-ribbon__content>h1,.gds-alert-ribbon .alert-ribbon__content h2,.gds-alert-ribbon .alert-ribbon__content h3,.gds-alert-ribbon .alert-ribbon__content h4,.gds-alert-ribbon .alert-ribbon__content h5,.gds-alert-ribbon .alert-ribbon__content .header{display:inline;font-size:1rem;font-weight:500;line-height:1.5rem;margin-right:.25rem}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p,.gds-alert-ribbon .alert-ribbon__content>p{display:inline;line-height:1.5rem;margin-bottom:0;margin-top:0}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]),.gds-alert-ribbon .alert-ribbon__content>p a,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]){color:var(--color)}.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:hover,.gds-alert-ribbon>div:not(.alert-ribbon__footer)>p a:visited:not(.button,[role=tab]):hover,.gds-alert-ribbon .alert-ribbon__content>p a:hover,.gds-alert-ribbon .alert-ribbon__content>p a:visited:not(.button,[role=tab]):hover{color:var(--color)}.gds-alert-ribbon button.gds-close{padding:0;grid-area:dismiss;justify-self:flex-end;margin:-.5rem -.375rem 0 .375rem;background-color:transparent;--color: var(--gds-sys-color-text-primary)}.gds-alert-ribbon button.gds-close>i:after,.gds-alert-ribbon button.gds-close>i:before{background-color:var(--color)}.gds-alert-ribbon button.gds-close:hover>i:after,.gds-alert-ribbon button.gds-close:hover>i:before{background-color:var(--color)}@media(min-width:36em){.gds-alert-ribbon button.gds-close+footer,.gds-alert-ribbon button.gds-close .alert-ribbon__footer{margin-top:.75rem}}.gds-alert-ribbon a{text-decoration:underline!important;transition:opacity .3s ease-in-out}.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{grid-area:footer;align-self:end}@media(max-width:35.98em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-top:.75rem}}@media(min-width:36em){.gds-alert-ribbon>footer,.gds-alert-ribbon .alert-ribbon__footer{margin-left:.75rem}}.gds-alert-ribbon>footer>a,.gds-alert-ribbon .alert-ribbon__footer>a{display:flex}.gds-alert-ribbon>footer>a,.gds-alert-ribbon>footer>button,.gds-alert-ribbon>footer>button[type=button],.gds-alert-ribbon>footer>.button,.gds-alert-ribbon .alert-ribbon__footer>a,.gds-alert-ribbon .alert-ribbon__footer>button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button],.gds-alert-ribbon .alert-ribbon__footer>.button{min-height:2rem;padding:.4375rem .75rem;line-height:1.125rem}@media(max-width:35.98em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-top:.75rem}}@media(min-width:36em){.gds-alert-ribbon>footer>a+a,.gds-alert-ribbon>footer>a+button,.gds-alert-ribbon>footer>a+.button,.gds-alert-ribbon>footer>button+a,.gds-alert-ribbon>footer>button+button,.gds-alert-ribbon>footer>button+.button,.gds-alert-ribbon>footer>button[type=button]+a,.gds-alert-ribbon>footer>button[type=button]+button,.gds-alert-ribbon>footer>button[type=button]+.button,.gds-alert-ribbon>footer>.button+a,.gds-alert-ribbon>footer>.button+button,.gds-alert-ribbon>footer>.button+.button,.gds-alert-ribbon .alert-ribbon__footer>a+a,.gds-alert-ribbon .alert-ribbon__footer>a+button,.gds-alert-ribbon .alert-ribbon__footer>a+.button,.gds-alert-ribbon .alert-ribbon__footer>button+a,.gds-alert-ribbon .alert-ribbon__footer>button+button,.gds-alert-ribbon .alert-ribbon__footer>button+.button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+a,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+button,.gds-alert-ribbon .alert-ribbon__footer>button[type=button]+.button,.gds-alert-ribbon .alert-ribbon__footer>.button+a,.gds-alert-ribbon .alert-ribbon__footer>.button+button,.gds-alert-ribbon .alert-ribbon__footer>.button+.button{margin-left:.75rem}}.gds-alert-ribbon.info{--background: var(--gds-sys-color-base-200);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.info i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.success{--background: var(--gds-sys-color-dark-green-2);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.success i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.warning{--background: var(--gds-sys-color-dark-yellow-1);--color: var(--gds-sys-color-text-black);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning .gds-close{--color: var(--gds-sys-color-text-black)}.gds-alert-ribbon.warning i>svg>*{fill:var(--gds-sys-color-text-black)}.gds-alert-ribbon.danger{--background: var(--gds-sys-color-dark-red-1);--color: var(--gds-sys-color-text-inverted);--border-color: transparent;--gds-sys-color-focus-outline: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger .gds-close{--color: var(--gds-sys-color-text-inverted)}.gds-alert-ribbon.danger i>svg>*{fill:var(--gds-sys-color-text-inverted)}.gds-close{font-size:0;background:transparent;border:0;border-radius:50%;content:\\\"\\\";cursor:pointer;display:flex;font-family:inherit;height:2rem;position:relative;width:2rem;padding:0}@media(hover:none)and (pointer:coarse){.gds-close:not(:disabled):not(.disabled){padding:.375rem;height:2.75rem;width:2.75rem}.gds-close:not(:disabled):not(.disabled)>i{background:var(--gds-sys-color-base-200);height:2rem;width:2rem;border-radius:50%;position:relative;--color: var(--gds-sys-color-text-primary)}.gds-close:not(:disabled):not(.disabled)>div:after,.gds-close:not(:disabled):not(.disabled)>div:before{height:.789375rem;width:.130625rem;top:.625rem}}.gds-close:focus:not(:focus-visible){box-shadow:none;outline:0}.gds-close:focus,.gds-close:focus-visible i{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}.gds-close>i{border-radius:var(--gds-sys-shape-corner-round);display:block;width:100%;height:100%}.gds-close>i:after,.gds-close>i:before{background:var(--gds-sys-color-text-primary);content:\\\"\\\";display:block;height:.789375rem;width:.130625rem;border-radius:.5px;left:calc(50% - .0625rem);position:absolute;top:.625rem}.gds-close>i:after{transform:rotate(45deg)}.gds-close>i:before{transform:rotate(-45deg)}.gds-close>svg path{fill:var(--gds-sys-color-text-primary)}@media(min-width:48em){.gds-close:not(:disabled,.disabled):hover>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 10%,transparent)}.gds-close:not(:disabled,.disabled):hover:active>i{background:color-mix(in srgb,var(--gds-sys-color-text-primary) 20%,transparent)}}:host{--gds-sys-shape-corner-none: 0;--gds-sys-shape-corner-small: .125rem;--gds-sys-shape-corner-medium: .25rem;--gds-sys-shape-corner-round: 50%;--gds-sys-color-blue: #41b0ee;--gds-sys-color-dark-blue-1: #0092e1;--gds-sys-color-dark-blue-2: #007ac7;--gds-sys-color-green: #60cd18;--gds-sys-color-dark-green-1: #45b400;--gds-sys-color-dark-green-2: #308800;--gds-sys-color-yellow: #ffc500;--gds-sys-color-dark-yellow-1: #ffb400;--gds-sys-color-dark-yellow-2: #f8a000;--gds-sys-color-text-primary: #333333;--gds-sys-color-text-secondary: #ababab;--gds-sys-color-text-white: #ffffff;--gds-sys-color-text-black: #333333;--gds-sys-color-text-inverted: #ffffff;--gds-sys-color-text-link: #0062bc;--gds-sys-color-text-error: #9f000a;--gds-sys-color-text-disabled: #adadad;--gds-sys-color-red: #f03529;--gds-sys-color-dark-red-1: #d81a1a;--gds-sys-color-dark-red-2: #bb000c;--gds-sys-color-purple: #673ab6;--gds-sys-color-dark-purple-1: #4f2C99;--gds-sys-color-dark-purple-2: #3f2587;--gds-sys-color-white: #ffffff;--gds-sys-color-black: #000000;--gds-sys-color-background-primary: #ffffff;--gds-sys-color-background-secondary: #eeeeee;--gds-sys-color-base-100: #f8f8f8;--gds-sys-color-base-200: #e9e9e9;--gds-sys-color-base-300: #dedede;--gds-sys-color-base-400: #cecece;--gds-sys-color-base-500: #adadad;--gds-sys-color-base-600: #868686;--gds-sys-color-base-700: #494949;--gds-sys-color-base-800: #333333;--gds-sys-color-base-900: #1a1a1a;--gds-sys-color-hover-10: rgba(255, 255, 255, .1);--gds-sys-color-hover-20: rgba(255, 255, 255, .2)}:host .alert-container{box-sizing:border-box;width:100%}:host .alert-container a{cursor:pointer}:host .alert-container button{font-size:1rem;font-family:inherit}:host .alert-container button:not(.gds-close){padding:.75rem 1rem;border-radius:.25rem;border:solid 1px var(--gds-sys-color-base-600);font-weight:500}:host .alert-container button:not(.gds-close):focus:not(:focus-visible){box-shadow:none;outline:0}:host .alert-container button:not(.gds-close):focus,:host .alert-container button:not(.gds-close):focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}:host .alert-container button:not(.gds-close){min-height:2.75rem;align-items:center;display:inline-flex;justify-content:center}@media(max-width:35.98em){:host .alert-container button:not(.gds-close){min-width:100%}}@media screen and (-ms-high-contrast:active){:host .alert-container button:not(.gds-close){border:2px solid currentcolor}}:host .alert-container button:not(.gds-close).small{min-height:2rem;height:2rem;padding:.4375rem .75rem;font-size:.875rem;line-height:1rem}:host .alert-container button:not(.gds-close).large{min-height:4rem;padding:1rem 1.5rem;font-size:1.5rem;line-height:2rem}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){transition:border var(--gds-sys-transition)}:host .alert-container.information button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.warning button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: var(--gds-sys-color-base-800);--color: var(--gds-sys-color-text-white);border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected=true],:host .alert-container.information button:not(.gds-close):active,:host .alert-container.information button:not(.gds-close).active,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected=true],:host .alert-container.warning button:not(.gds-close):active,:host .alert-container.warning button:not(.gds-close).active,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-800);color:var(--gds-sys-color-text-white);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close)[aria-selected]:hover,:host .alert-container.information button:not(.gds-close).active:hover,:host .alert-container.information button:not(.gds-close):active:hover,:host .alert-container.warning button:not(.gds-close)[aria-selected]:hover,:host .alert-container.warning button:not(.gds-close).active:hover,:host .alert-container.warning button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.information button:not(.gds-close),:host .alert-container.warning button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-base-800);color:var(--gds-sys-color-base-800);--color: var(--gds-sys-color-base-800)}:host .alert-container.information button:not(.gds-close):disabled,:host .alert-container.information button:not(.gds-close).disabled,:host .alert-container.information button:not(.gds-close)[aria-disabled=true],:host .alert-container.warning button:not(.gds-close):disabled,:host .alert-container.warning button:not(.gds-close).disabled,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.information button:not(.gds-close):disabled::placeholder,:host .alert-container.information button:not(.gds-close).disabled::placeholder,:host .alert-container.information button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.warning button:not(.gds-close):disabled::placeholder,:host .alert-container.warning button:not(.gds-close).disabled::placeholder,:host .alert-container.warning button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){--gds-sys-color-focus-outline: var(--gds-sys-color-white);transition:border var(--gds-sys-transition)}:host .alert-container.success button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover,:host .alert-container.danger button:not(.gds-close):not(:disabled,.disabled,[aria-disabled]):hover{background:var(--gds-sys-color-white);color:var(--gds-sys-color-text-primary);--background: var(--gds-sys-color-white);--color: var(--gds-sys-color-text-primary);border-color:var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close)[aria-selected=true],:host .alert-container.success button:not(.gds-close):active,:host .alert-container.success button:not(.gds-close).active,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected=true],:host .alert-container.danger button:not(.gds-close):active,:host .alert-container.danger button:not(.gds-close).active,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{background:var(--gds-sys-color-base-200);color:var(--gds-sys-color-text-primary);--background: $bg;--color: $color;border-color:var(--gds-sys-color-base-200)}:host .alert-container.success button:not(.gds-close)[aria-selected]:hover,:host .alert-container.success button:not(.gds-close).active:hover,:host .alert-container.success button:not(.gds-close):active:hover,:host .alert-container.danger button:not(.gds-close)[aria-selected]:hover,:host .alert-container.danger button:not(.gds-close).active:hover,:host .alert-container.danger button:not(.gds-close):active:hover{opacity:.9}:host .alert-container.success button:not(.gds-close),:host .alert-container.danger button:not(.gds-close){background-color:transparent;border-color:var(--gds-sys-color-white);color:var(--gds-sys-color-white);--color: var(--gds-sys-color-white)}:host .alert-container.success button:not(.gds-close):disabled,:host .alert-container.success button:not(.gds-close).disabled,:host .alert-container.success button:not(.gds-close)[aria-disabled=true],:host .alert-container.danger button:not(.gds-close):disabled,:host .alert-container.danger button:not(.gds-close).disabled,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]{color:var(--gds-sys-color-text-disabled)!important;border-color:var(--gds-sys-color-text-disabled)!important;cursor:not-allowed}:host .alert-container.success button:not(.gds-close):disabled::placeholder,:host .alert-container.success button:not(.gds-close).disabled::placeholder,:host .alert-container.success button:not(.gds-close)[aria-disabled=true]::placeholder,:host .alert-container.danger button:not(.gds-close):disabled::placeholder,:host .alert-container.danger button:not(.gds-close).disabled::placeholder,:host .alert-container.danger button:not(.gds-close)[aria-disabled=true]::placeholder{color:var(--gds-sys-color-text-disabled)}\\n\"] }]\n }], propDecorators: { type: [{\n type: Input\n }], title: [{\n type: Input\n }], body: [{\n type: Input\n }], linkText: [{\n type: Input\n }], linkHref: [{\n type: Input\n }], actionText: [{\n type: Input\n }], closable: [{\n type: Input\n }], closeAlert: [{\n type: Output\n }], clickLink: [{\n type: Output\n }], clickAction: [{\n type: Output\n }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvYWxlcnQvYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvYWxlcnQvYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUV0RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7OztBQVExQyxNQUFNLE9BQU8sY0FBYztJQU4zQjtRQU9XLFNBQUksR0FBYyxTQUFTLENBQUMsT0FBTyxDQUFBO1FBTW5DLGFBQVEsR0FBRyxLQUFLLENBQUE7UUFFZixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQTtRQUMvQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQTtRQUM5QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUE7S0FhM0M7SUFYQyxPQUFPLENBQUMsQ0FBUTtRQUNkLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQ3pCLENBQUM7SUFFRCxNQUFNLENBQUMsQ0FBUTtRQUNiLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQ3hCLENBQUM7SUFFRCxRQUFRLENBQUMsQ0FBUTtRQUNmLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQzFCLENBQUM7OEdBdkJVLGNBQWM7a0dBQWQsY0FBYyxzVENWM0IsODVHQTZFQTs7MkZEbkVhLGNBQWM7a0JBTjFCLFNBQVM7K0JBQ0ksWUFBWSxjQUdWLEtBQUs7O3NCQUdsQixLQUFLOztzQkFDTCxLQUFLOztzQkFDTCxLQUFLOztzQkFDTCxLQUFLOztzQkFDTCxLQUFLOztzQkFDTCxLQUFLOztzQkFDTCxLQUFLOztzQkFFTCxNQUFNOztzQkFDTixNQUFNOztzQkFDTixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5pbXBvcnQgeyBBbGVydFR5cGUgfSBmcm9tICcuL2FsZXJ0Lm1vZGVscydcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduZ2d2LWFsZXJ0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FsZXJ0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogZmFsc2Vcbn0pXG5leHBvcnQgY2xhc3MgQWxlcnRDb21wb25lbnQge1xuICBASW5wdXQoKSB0eXBlOiBBbGVydFR5cGUgPSBBbGVydFR5cGUuU3VjY2Vzc1xuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZ1xuICBASW5wdXQoKSBib2R5Pzogc3RyaW5nXG4gIEBJbnB1dCgpIGxpbmtUZXh0Pzogc3RyaW5nXG4gIEBJbnB1dCgpIGxpbmtIcmVmPzogc3RyaW5nXG4gIEBJbnB1dCgpIGFjdGlvblRleHQ/OiBzdHJpbmdcbiAgQElucHV0KCkgY2xvc2FibGUgPSBmYWxzZVxuXG4gIEBPdXRwdXQoKSBjbG9zZUFsZXJ0ID0gbmV3IEV2ZW50RW1pdHRlcigpXG4gIEBPdXRwdXQoKSBjbGlja0xpbmsgPSBuZXcgRXZlbnRFbWl0dGVyKClcbiAgQE91dHB1dCgpIGNsaWNrQWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpXG5cbiAgb25DbG9zZShlOiBFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuY2xvc2VBbGVydC5lbWl0KGUpXG4gIH1cblxuICBvbkxpbmsoZTogRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLmNsaWNrTGluay5lbWl0KGUpXG4gIH1cblxuICBvbkFjdGlvbihlOiBFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuY2xpY2tBY3Rpb24uZW1pdChlKVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZ2RzLWFsZXJ0LXJpYmJvbiBhbGVydC1jb250YWluZXJcIiByb2xlPVwiYWxlcnRcIiBbbmdDbGFzc109XCJ0eXBlXCI+XG4gIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cbiAgICA8bmctY29udGFpbmVyXG4gICAgICAqbmdTd2l0Y2hDYXNlPVwiJ3N1Y2Nlc3MnXCJcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNoZWNrTWFya1wiXG4gICAgPjwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXJcbiAgICAgICpuZ1N3aXRjaENhc2U9XCInaW5mb3JtYXRpb24nXCJcbiAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImluZm9TcXVhcmVcIlxuICAgID48L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyXG4gICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJleGNsYW1hdGlvblNxdWFyZVwiXG4gICAgPjwvbmctY29udGFpbmVyPlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPGRpdj5cbiAgICA8aDMgKm5nSWY9XCJ0aXRsZVwiPnt7IHRpdGxlIH19PC9oMz5cbiAgICA8cCAqbmdJZj1cImJvZHlcIj5cbiAgICAgIHt7IGJvZHkgfX0mbmJzcDs8YVxuICAgICAgICAqbmdJZj1cImxpbmtUZXh0XCJcbiAgICAgICAgW2hyZWZdPVwibGlua0hyZWZcIlxuICAgICAgICAoY2xpY2spPVwib25MaW5rKCRldmVudClcIlxuICAgICAgICA+e3sgbGlua1RleHQgfX08L2FcbiAgICAgID5cbiAgICA8L3A+XG4gIDwvZGl2PlxuICA8YnV0dG9uXG4gICAgKm5nSWY9XCJjbG9zYWJsZSAmJiAhYWN0aW9uVGV4dFwiXG4gICAgY2xhc3M9XCJnZHMtY2xvc2VcIlxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIChjbGljayk9XCJvbkNsb3NlKCRldmVudClcIlxuICA+XG4gICAgPGk+PC9pPlxuICA8L2J1dHRvbj5cbiAgPGZvb3RlciAqbmdJZj1cImFjdGlvblRleHQgJiYgIWNsb3NhYmxlXCI+XG4gICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uQWN0aW9uKCRldmVudClcIj5cbiAgICAgIHt7IGFjdGlvblRleHQgfX1cbiAgICA8L2J1dHRvbj5cbiAgPC9mb290ZXI+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNjaGVja01hcms+XG4gIDxpPlxuICAgIDxzdmdcbiAgICAgIHdpZHRoPVwiMjRcIlxuICAgICAgaGVpZ2h0PVwiMjRcIlxuICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICBmaWxsPVwibm9uZVwiXG4gICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICA+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTE3LjYyMDMgNi42MDgzNkw5LjQwMDE0IDE0LjgyODVMNi4zNzk3NiAxMS44MDgxQzYuMjMzMzIgMTEuNjYxNyA1Ljk5NTg4IDExLjY2MTcgNS44NDk0MiAxMS44MDgxTDQuOTY1NTQgMTIuNjkyQzQuODE5MSAxMi44Mzg0IDQuODE5MSAxMy4wNzU5IDQuOTY1NTQgMTMuMjIyM0w5LjEzNDk1IDE3LjM5MTdDOS4yODEzOCAxNy41MzgyIDkuNTE4ODIgMTcuNTM4MiA5LjY2NTI5IDE3LjM5MTdMMTkuMDM0NCA4LjAyMjU4QzE5LjE4MDkgNy44NzYxNCAxOS4xODA5IDcuNjM4NzEgMTkuMDM0NCA3LjQ5MjI0TDE4LjE1MDYgNi42MDgzNkMxOC4wMDQxIDYuNDYxOTMgMTcuNzY2NyA2LjQ2MTkzIDE3LjYyMDMgNi42MDgzNlpcIlxuICAgICAgICBmaWxsPVwid2hpdGVcIlxuICAgICAgPjwvcGF0aD5cbiAgICA8L3N2Zz5cbiAgPC9pPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjaW5mb1NxdWFyZT5cbiAgPGk+XG4gICAgPHN2ZyB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgZmlsbD1cIm5vbmVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTE4LjI4NTcgNEg1LjcxNDI5QzQuNzY3NSA0IDQgNC43Njc1IDQgNS43MTQyOVYxOC4yODU3QzQgMTkuMjMyNSA0Ljc2NzUgMjAgNS43MTQyOSAyMEgxOC4yODU3QzE5LjIzMjUgMjAgMjAgMTkuMjMyNSAyMCAxOC4yODU3VjUuNzE0MjlDMjAgNC43Njc1IDE5LjIzMjUgNCAxOC4yODU3IDRaTTEyIDcuMDcxNDNDMTIuODI4NCA3LjA3MTQzIDEzLjUgNy43NDMgMTMuNSA4LjU3MTQzQzEzLjUgOS4zOTk4NiAxMi44Mjg0IDEwLjA3MTQgMTIgMTAuMDcxNEMxMS4xNzE2IDEwLjA3MTQgMTAuNSA5LjM5OTg2IDEwLjUgOC41NzE0M0MxMC41IDcuNzQzIDExLjE3MTYgNy4wNzE0MyAxMiA3LjA3MTQzWk0xNCAxNi4xNDI5QzE0IDE2LjM3OTUgMTMuODA4MSAxNi41NzE0IDEzLjU3MTQgMTYuNTcxNEgxMC40Mjg2QzEwLjE5MTkgMTYuNTcxNCAxMCAxNi4zNzk1IDEwIDE2LjE0MjlWMTUuMjg1N0MxMCAxNS4wNDkgMTAuMTkxOSAxNC44NTcxIDEwLjQyODYgMTQuODU3MUgxMC44NTcxVjEyLjU3MTRIMTAuNDI4NkMxMC4xOTE5IDEyLjU3MTQgMTAgMTIuMzc5NSAxMCAxMi4xNDI5VjExLjI4NTdDMTAgMTEuMDQ5IDEwLjE5MTkgMTAuODU3MSAxMC40Mjg2IDEwLjg1NzFIMTIuNzE0M0MxMi45NTEgMTAuODU3MSAxMy4xNDI5IDExLjA0OSAxMy4xNDI5IDExLjI4NTdWMTQuODU3MUgxMy41NzE0QzEzLjgwODEgMTQuODU3MSAxNCAxNS4wNDkgMTQgMTUuMjg1N1YxNi4xNDI5WlwiXG4gICAgICAgIGZpbGw9XCIjMzMzMzMzXCJcbiAgICAgIC8+XG4gICAgPC9zdmc+XG4gIDwvaT5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2V4Y2xhbWF0aW9uU3F1YXJlPlxuICA8aT5cbiAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgIDxwYXRoXG4gICAgICAgIGQ9XCJNMTguMjg1NyA0SDUuNzE0MjlDNC43Njc1IDQgNCA0Ljc2NzUgNCA1LjcxNDI5VjE4LjI4NTdDNCAxOS4yMzI1IDQuNzY3NSAyMCA1LjcxNDI5IDIwSDE4LjI4NTdDMTkuMjMyNSAyMCAyMCAxOS4yMzI1IDIwIDE4LjI4NTdWNS43MTQyOUMyMCA0Ljc2NzUgMTkuMjMyNSA0IDE4LjI4NTcgNFpNMTAuODY4MiA3LjQyODU3SDEzLjEzMThDMTMuMzc3NyA3LjQyODU3IDEzLjU3MzEgNy42MzUgMTMuNTU5NyA3Ljg4MDVMMTMuMjk0OCAxMi43Mzc2QzEzLjI4MjQgMTIuOTY0OSAxMy4wOTQ1IDEzLjE0MjkgMTIuODY2OSAxMy4xNDI5SDExLjEzMzFDMTAuOTA1NSAxMy4xNDI5IDEwLjcxNzYgMTIuOTY0OSAxMC43MDUyIDEyLjczNzZMMTAuNDQwMiA3Ljg4MDVDMTAuNDI2OSA3LjYzNSAxMC42MjIzIDcuNDI4NTcgMTAuODY4MiA3LjQyODU3Wk0xMiAxNy4wNzE0QzExLjA5MjcgMTcuMDcxNCAxMC4zNTcxIDE2LjMzNTkgMTAuMzU3MSAxNS40Mjg2QzEwLjM1NzEgMTQuNTIxMyAxMS4wOTI3IDEzLjc4NTcgMTIgMTMuNzg1N0MxMi45MDczIDEzLjc4NTcgMTMuNjQyOSAxNC41MjEzIDEzLjY0MjkgMTUuNDI4NkMxMy42NDI5IDE2LjMzNTkgMTIuOTA3MyAxNy4wNzE0IDEyIDE3LjA3MTRaXCJcbiAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAvPlxuICAgIDwvc3ZnPlxuICA8L2k+XG48L25nLXRlbXBsYXRlPlxuIl19","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AlertComponent } from './alert.component';\nimport * as i0 from \"@angular/core\";\nexport class NggvAlertModule {\n static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: NggvAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.9\", ngImport: i0, type: NggvAlertModule, declarations: [AlertComponent], imports: [CommonModule], exports: [AlertComponent] }); }\n static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: NggvAlertModule, imports: [CommonModule] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: NggvAlertModule, decorators: [{\n type: NgModule,\n args: [{\n declarations: [AlertComponent],\n imports: [CommonModule],\n exports: [AlertComponent],\n }]\n }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvYWxlcnQvYWxlcnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBRXhDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTs7QUFPbEQsTUFBTSxPQUFPLGVBQWU7OEdBQWYsZUFBZTsrR0FBZixlQUFlLGlCQUpYLGNBQWMsYUFDbkIsWUFBWSxhQUNaLGNBQWM7K0dBRWIsZUFBZSxZQUhoQixZQUFZOzsyRkFHWCxlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGNBQWMsQ0FBQztvQkFDOUIsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixPQUFPLEVBQUUsQ0FBQyxjQUFjLENBQUM7aUJBQzFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJ1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5pbXBvcnQgeyBBbGVydENvbXBvbmVudCB9IGZyb20gJy4vYWxlcnQuY29tcG9uZW50J1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtBbGVydENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbQWxlcnRDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ2d2QWxlcnRNb2R1bGUge31cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ViZ3JvdXAtZ3JlZW4tYW5ndWxhci1zcmMtdi1hbmd1bGFyLWFsZXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvYWxlcnQvc2ViZ3JvdXAtZ3JlZW4tYW5ndWxhci1zcmMtdi1hbmd1bGFyLWFsZXJ0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19"],"names":[],"mappings":";;;;;AAAU,IAAC;AACX,CAAC,UAAU,SAAS,EAAE;AACtB,IAAI,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS;AACpC,IAAI,SAAS,CAAC,aAAa,CAAC,GAAG,aAAa;AAC5C,IAAI,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS;AACpC,IAAI,SAAS,CAAC,QAAQ,CAAC,GAAG,QAAQ;AAClC,CAAC,EAAE,SAAS,KAAK,SAAS,GAAG,EAAE,CAAC,CAAC;;ACF1B,MAAM,cAAc,CAAC;AAC5B,IAAI,WAAW,GAAG;AAClB,QAAQ,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,OAAO;AACrC,QAAQ,IAAI,CAAC,QAAQ,GAAG,KAAK;AAC7B,QAAQ,IAAI,CAAC,UAAU,GAAG,IAAI,YAAY,EAAE;AAC5C,QAAQ,IAAI,CAAC,SAAS,GAAG,IAAI,YAAY,EAAE;AAC3C,QAAQ,IAAI,CAAC,WAAW,GAAG,IAAI,YAAY,EAAE;AAC7C,IAAI;AACJ,IAAI,OAAO,CAAC,CAAC,EAAE;AACf,QAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,IAAI;AACJ,IAAI,MAAM,CAAC,CAAC,EAAE;AACd,QAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AAC9B,IAAI;AACJ,IAAI,QAAQ,CAAC,CAAC,EAAE;AAChB,QAAQ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;AAChC,IAAI;AACJ,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,CAAC,CAAC;AAChL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,85GAA85G,EAAE,MAAM,EAAE,CAAC,q5jBAAq5jB,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,EAAE,CAAC,yBAAyB,EAAE,kBAAkB,EAAE,0BAA0B,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,EAAE,CAAC,cAAc,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC,eAAe,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC,EAAE,CAAC,CAAC;AAC92sB;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC;AACxH,YAAY,IAAI,EAAE,SAAS;AAC3B,YAAY,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,85GAA85G,EAAE,MAAM,EAAE,CAAC,q5jBAAq5jB,CAAC,EAAE;AAC34qB,SAAS,CAAC,EAAE,cAAc,EAAE,EAAE,IAAI,EAAE,CAAC;AACrC,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC;AACxB,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;AACvB,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;AAC3B,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;AAC3B,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;AAC7B,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;AAC3B,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,UAAU,EAAE,CAAC;AAC7B,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC;AAC5B,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,WAAW,EAAE,CAAC;AAC9B,gBAAgB,IAAI,EAAE;AACtB,aAAa,CAAC,EAAE,EAAE,CAAC;;AC3CZ,MAAM,eAAe,CAAC;AAC7B,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,kBAAkB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC;AAChL,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;AACtN,IAAI,SAAS,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;AAC3J;AACA,EAAE,CAAC,wBAAwB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC;AACzH,YAAY,IAAI,EAAE,QAAQ;AAC1B,YAAY,IAAI,EAAE,CAAC;AACnB,oBAAoB,YAAY,EAAE,CAAC,cAAc,CAAC;AAClD,oBAAoB,OAAO,EAAE,CAAC,YAAY,CAAC;AAC3C,oBAAoB,OAAO,EAAE,CAAC,cAAc,CAAC;AAC7C,iBAAiB;AACjB,SAAS,CAAC,EAAE,CAAC;;AChBb;AACA;AACA;;;;"}
|