@norwegian/core-components 6.7.3 → 6.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/alert/alert.component.mjs +5 -3
- package/esm2022/lib/components/cover/cover.component.mjs +2 -2
- package/fesm2022/norwegian-core-components.mjs +6 -4
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/alert/alert.component.d.ts +7 -1
- package/package.json +1 -1
- package/styles/1__settings/_type.scss +4 -1
|
@@ -87,11 +87,11 @@ export class AlertComponent extends NasComponentBase {
|
|
|
87
87
|
this.showChange.emit(this.show);
|
|
88
88
|
}
|
|
89
89
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
90
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AlertComponent, selector: "nas-alert", inputs: { title: "title", info: "info", warning: "warning", error: "error", success: "success", text: "text", show: "show", removable: "removable" }, outputs: { showChange: "showChange" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(show)\" [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClass(getAlertClass())\">\n <div [nasClass]=\"getClass('content')\">\n <div>\n <nas-icon type=\"small\" [icon]=\"getIconSrc()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('container-space')\">\n <h4 *ngIf=\"title\">{{title}}</h4>\n <span *ngIf=\"text\">{{text}}</span>\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div
|
|
90
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AlertComponent, selector: "nas-alert", inputs: { title: "title", info: "info", warning: "warning", error: "error", success: "success", text: "text", show: "show", removable: "removable", trustTextHtml: "trustTextHtml" }, outputs: { showChange: "showChange" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(show)\" [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClass(getAlertClass())\">\n <div [nasClass]=\"getClass('content')\">\n <div>\n <nas-icon type=\"small\" [icon]=\"getIconSrc()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('container-space')\">\n <h4 *ngIf=\"title\">{{title}}</h4>\n <span *ngIf=\"text && !trustTextHtml\">{{text}}</span>\n <span *ngIf=\"text && trustTextHtml\" [innerHTML]=\"text\"></span>\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-alert__info{width:100%;height:100%;padding:16px 12px;background:#ebf4ff;border:1px #003251 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__info img{width:24px;height:24px;margin-right:3px}.nas-alert__info__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__info__info-text__info-title{padding-top:2px;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__info__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__success{width:100%;height:100%;padding:16px 12px;background:#f4faf2;border:1px #238e00 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__success img{width:24px;height:24px;margin-right:3px}.nas-alert__success__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__success__info-text__info-title{padding-top:2px;color:#238e00;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__success__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__warning{width:100%;height:100%;padding:16px 12px;background:#fff6ec;border:1px #fc9e12 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__warning img{width:24px;height:24px;margin-right:3px}.nas-alert__warning__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__warning__info-text__info-title{padding-top:2px;color:#fc9e12;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__warning__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__error{width:100%;height:100%;padding:16px 12px;background:#fff5f3;border:1px #C41734 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__error img{width:24px;height:24px;margin-right:3px}.nas-alert__error__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__error__info-text__info-title{padding-top:2px;color:#c41734;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__error__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__container{position:relative}.nas-alert__content{display:inline-flex}.nas-alert__container-space{margin-left:6px}.nas-alert__remove-alert{position:absolute;right:10px;top:10px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
|
|
91
91
|
}
|
|
92
92
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AlertComponent, decorators: [{
|
|
93
93
|
type: Component,
|
|
94
|
-
args: [{ selector: 'nas-alert', template: "<div *ngIf=\"exists(show)\" [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClass(getAlertClass())\">\n <div [nasClass]=\"getClass('content')\">\n <div>\n <nas-icon type=\"small\" [icon]=\"getIconSrc()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('container-space')\">\n <h4 *ngIf=\"title\">{{title}}</h4>\n <span *ngIf=\"text\">{{text}}</span>\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div
|
|
94
|
+
args: [{ selector: 'nas-alert', template: "<div *ngIf=\"exists(show)\" [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClass(getAlertClass())\">\n <div [nasClass]=\"getClass('content')\">\n <div>\n <nas-icon type=\"small\" [icon]=\"getIconSrc()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('container-space')\">\n <h4 *ngIf=\"title\">{{title}}</h4>\n <span *ngIf=\"text && !trustTextHtml\">{{text}}</span>\n <span *ngIf=\"text && trustTextHtml\" [innerHTML]=\"text\"></span>\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-alert__info{width:100%;height:100%;padding:16px 12px;background:#ebf4ff;border:1px #003251 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__info img{width:24px;height:24px;margin-right:3px}.nas-alert__info__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__info__info-text__info-title{padding-top:2px;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__info__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__success{width:100%;height:100%;padding:16px 12px;background:#f4faf2;border:1px #238e00 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__success img{width:24px;height:24px;margin-right:3px}.nas-alert__success__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__success__info-text__info-title{padding-top:2px;color:#238e00;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__success__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__warning{width:100%;height:100%;padding:16px 12px;background:#fff6ec;border:1px #fc9e12 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__warning img{width:24px;height:24px;margin-right:3px}.nas-alert__warning__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__warning__info-text__info-title{padding-top:2px;color:#fc9e12;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__warning__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__error{width:100%;height:100%;padding:16px 12px;background:#fff5f3;border:1px #C41734 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__error img{width:24px;height:24px;margin-right:3px}.nas-alert__error__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__error__info-text__info-title{padding-top:2px;color:#c41734;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__error__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__container{position:relative}.nas-alert__content{display:inline-flex}.nas-alert__container-space{margin-left:6px}.nas-alert__remove-alert{position:absolute;right:10px;top:10px;cursor:pointer}\n"] }]
|
|
95
95
|
}], ctorParameters: function () { return []; }, propDecorators: { showChange: [{
|
|
96
96
|
type: Output
|
|
97
97
|
}], title: [{
|
|
@@ -110,5 +110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
110
110
|
type: Input
|
|
111
111
|
}], removable: [{
|
|
112
112
|
type: Input
|
|
113
|
+
}], trustTextHtml: [{
|
|
114
|
+
type: Input
|
|
113
115
|
}] } });
|
|
114
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
116
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7R0FHRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sWUFBWSxDQUFDOzs7OztBQUc5Qzs7O0dBR0c7QUFNSCxNQUFNLE9BQU8sY0FBZSxTQUFRLGdCQUFnQjtJQW1FbEQ7UUFDRSxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7UUFuRVgsZUFBVSxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBOEMxRTs7OztXQUlHO1FBQ1EsU0FBSSxHQUFHLElBQUksQ0FBQztJQWlCdkIsQ0FBQztJQUVELFVBQVUsQ0FBQyxPQUFnQixFQUFFLFNBQXlCO1FBQ3BELE1BQU0sT0FBTyxHQUFzQjtZQUNqQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUM7U0FDbEMsQ0FBQztRQUNGLE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxZQUFZO1FBQ1YsT0FBTztZQUNMLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLE1BQU07WUFDaEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksU0FBUztZQUN0QyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxTQUFTO1lBQ3RDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLE9BQU87U0FDbkMsQ0FBQztJQUNKLENBQUM7SUFFRCxhQUFhO1FBQ1gsTUFBTSxRQUFRLEdBQUc7WUFDZixPQUFPLEVBQUUsU0FBUztZQUNsQixPQUFPLEVBQUUsU0FBUztZQUNsQixJQUFJLEVBQUUsTUFBTTtZQUNaLEtBQUssRUFBRSxPQUFPO1NBQ2YsQ0FBQztRQUVGLHNFQUFzRTtRQUN0RSxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDdEMsS0FBSyxNQUFNLFFBQVEsSUFBSSxTQUFTLEVBQUU7WUFDaEMsSUFBSSxRQUFRLENBQUMsUUFBUSxDQUFDLEVBQUU7Z0JBQ3RCLE9BQU8sUUFBUSxDQUFDLFFBQVEsQ0FBVyxDQUFDLENBQUMsc0RBQXNEO2FBQzVGO1NBQ0Y7UUFFRCxvREFBb0Q7UUFDcEQsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztJQUVELDJEQUEyRDtJQUNuRCxxQkFBcUIsQ0FBSSxTQUFtQixFQUFFLE9BQTBCO1FBQzlFLEtBQUssTUFBTSxRQUFRLElBQUksU0FBUyxFQUFFO1lBQ2hDLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFO2dCQUNyQixPQUFPLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUMxQjtTQUNGO1FBQ0QsT0FBTyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQywrQ0FBK0M7SUFDekUsQ0FBQztJQUVELFVBQVU7UUFDUixNQUFNLFVBQVUsR0FBRztZQUNqQixPQUFPLEVBQUUsU0FBUztZQUNsQixPQUFPLEVBQUUsU0FBUztZQUNsQixJQUFJLEVBQUUsTUFBTTtZQUNaLEtBQUssRUFBRSxPQUFPO1NBQ2YsQ0FBQztRQUVGLHlDQUF5QztRQUN6QyxPQUFPLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFDckUsQ0FBQztJQUVELFVBQVU7UUFDUixNQUFNLE1BQU0sR0FBRztZQUNiLE9BQU8sRUFBRSxjQUFjO1lBQ3ZCLE9BQU8sRUFBRSxjQUFjO1lBQ3ZCLElBQUksRUFBRSxXQUFXO1lBQ2pCLEtBQUssRUFBRSxZQUFZO1NBQ3BCLENBQUM7UUFFRixPQUFPLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDakUsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQzs4R0EvSVUsY0FBYztrR0FBZCxjQUFjLHFTQ2xCM0IsbXdCQWtCQTs7MkZEQWEsY0FBYztrQkFMMUIsU0FBUzsrQkFDRSxXQUFXOzBFQUtYLFVBQVU7c0JBQW5CLE1BQU07Z0JBZUUsS0FBSztzQkFBYixLQUFLO2dCQU1HLElBQUk7c0JBQVosS0FBSztnQkFNRyxPQUFPO3NCQUFmLEtBQUs7Z0JBTUcsS0FBSztzQkFBYixLQUFLO2dCQU1HLE9BQU87c0JBQWYsS0FBSztnQkFNRyxJQUFJO3NCQUFaLEtBQUs7Z0JBTUssSUFBSTtzQkFBWixLQUFLO2dCQU1DLFNBQVM7c0JBQWpCLEtBQUs7Z0JBTUcsYUFBYTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBOb3J3ZWdpYW4gQWlyIFNodXR0bGUuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5hc0NvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi9jb3JlJztcbmltcG9ydCB7IENsYXNzTW9kZWwgfSBmcm9tICcuLi8uLi9jb3JlL21vZGVscy9jbGFzcy5tb2RlbCc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBOb3J3ZWdpYW4gYWxlcnQgQ29tcG9uZW50IHwgRGlhbG9ncyBhbmQgTW9kYWxzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25hcy1hbGVydCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FsZXJ0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0Q29tcG9uZW50IGV4dGVuZHMgTmFzQ29tcG9uZW50QmFzZSB7XG4gIEBPdXRwdXQoKSBzaG93Q2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgLyoqXG4gKiBAdGV4dFxuICogVXNlZCB0byBkZXRlcm1pbmUgdGhhdCB5b3Ugd2FudCB0byBzaG93IGFuIGVycm9yXG4gKlxuICogQGV4YW1wbGVcbiAqIDxuYXMtYWxlcnQgZXJyb3I+VHJ5IGFnYWluLCB3ZSB3ZXJlbnQgYWJsZSB0byBmZXRjaC4uLjwvbmFzLWFsZXJ0PlxuICpcbiAqL1xuICAvKipcbiAgICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICAgKiBAZGVzY3JpcHRpb25cbiAgICAgKiBCb29sZWFuIHRvIGdpdmUgdGhlIGFsZXJ0IGluZm8uXG4gICAgICovXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIC8qKlxuICAgICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgICAqIEBkZXNjcmlwdGlvblxuICAgICAqIEJvb2xlYW4gdG8gZ2l2ZSB0aGUgYWxlcnQgaW5mby5cbiAgICAgKi9cbiAgQElucHV0KCkgaW5mbzogYm9vbGVhbjtcbiAgLyoqXG4gICAgICogQHByb3BlcnR5IElucHV0XG4gICAgICogQGRlc2NyaXB0aW9uXG4gICAgICogQm9vbGVhbiB0byBnaXZlIHRoZSBhbGVydCBhIHdhcm5pbmcuXG4gICAgICovXG4gIEBJbnB1dCgpIHdhcm5pbmc6IGJvb2xlYW47XG4gIC8qKlxuICAgICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgICAqIEBkZXNjcmlwdGlvblxuICAgICAqIEJvb2xlYW4gdG8gZ2l2ZSB0aGUgYWxlcnQgYW4gZXJyb3IuXG4gICAgICovXG4gIEBJbnB1dCgpIGVycm9yOiBib29sZWFuO1xuICAvKipcbiAgICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICAgKiBAZGVzY3JpcHRpb25cbiAgICAgKiBCb29sZWFuIHRvIGdpdmUgdGhlIGFsZXJ0IGEgc3VjY2Vzcy5cbiAgICAgKi9cbiAgQElucHV0KCkgc3VjY2VzczogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU2V0cyB0ZXh0IG9uIHRoZSBhbGVydC4gSWYgc2V0IHRvIGZhbHNlIHRoZSBhbGVydCB3aWxsIG5vdCBkaXNwbGF5IGFueSB0ZXh0LlxuICAgKi9cbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBGbGFnIGZvciBzaG93aW5nL2hpZGluZyBlbGVtZW50LiBEZWZhdWx0cyB0byB0cnVlLlxuICAgKi9cbiAgICBASW5wdXQoKSBzaG93ID0gdHJ1ZTtcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBnaXZlIG9wcG9ydHVuaXR5IHRvIGNsb3NlIHRoZSBhbGVydCBib3hcbiAgICovXG4gIEBJbnB1dCgpIHJlbW92YWJsZTogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogR2V0IG9yIHNldHMgYm9vbGVhbiB2YWx1ZSBpbmRpY2F0aW5nIHdoZXRoZXIgdGV4dCBzaG91bGQgYmUgdHJ1c3RlZCBhcyBIVE1MLiBEZWZhdWx0cyB0byBmYWxzZVxuICAgKi9cbiAgQElucHV0KCkgdHJ1c3RUZXh0SHRtbDogYm9vbGVhbjtcblxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCduYXMtYWxlcnQnKTtcbiAgfVxuXG4gIGdldENsYXNzZXMoZWxlbWVudD86IHN0cmluZywgbW9kaWZpZXJzPzogQXJyYXk8c3RyaW5nPik6IEFycmF5PENsYXNzTW9kZWw+IHtcbiAgICBjb25zdCBjbGFzc2VzOiBBcnJheTxDbGFzc01vZGVsPiA9IFtcbiAgICAgIHRoaXMuZ2V0Q2xhc3MoZWxlbWVudCwgbW9kaWZpZXJzKVxuICAgIF07XG4gICAgcmV0dXJuIGNsYXNzZXM7XG4gIH1cblxuICBnZXRNb2RpZmllcnMoKTogQXJyYXk8c3RyaW5nPiB7XG4gICAgcmV0dXJuIFtcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuaW5mbykgJiYgJ2luZm8nLFxuICAgICAgdGhpcy5leGlzdHModGhpcy53YXJuaW5nKSAmJiAnd2FybmluZycsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLnN1Y2Nlc3MpICYmICdzdWNjZXNzJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuZXJyb3IpICYmICdlcnJvcicsXG4gICAgXTtcbiAgfVxuXG4gIGdldEFsZXJ0Q2xhc3MoKSB7XG4gICAgY29uc3QgY2xhc3NNYXAgPSB7XG4gICAgICB3YXJuaW5nOiAnd2FybmluZycsXG4gICAgICBzdWNjZXNzOiAnc3VjY2VzcycsXG4gICAgICBpbmZvOiAnaW5mbycsXG4gICAgICBlcnJvcjogJ2Vycm9yJyxcbiAgICB9O1xuXG4gICAgLy8gQ2hlY2sgaWYgYW55IG9mIHRoZSBtb2RpZmllcnMgKGluZm8sIHdhcm5pbmcsIHN1Y2Nlc3MsIGVycm9yKSBleGlzdFxuICAgIGNvbnN0IG1vZGlmaWVycyA9IHRoaXMuZ2V0TW9kaWZpZXJzKCk7XG4gICAgZm9yIChjb25zdCBtb2RpZmllciBvZiBtb2RpZmllcnMpIHtcbiAgICAgIGlmIChjbGFzc01hcFttb2RpZmllcl0pIHtcbiAgICAgICAgcmV0dXJuIGNsYXNzTWFwW21vZGlmaWVyXSBhcyBzdHJpbmc7IC8vIFJldHVybiB0aGUgZmlyc3QgZXhpc3RpbmcgbW9kaWZpZXIgYXMgdGhlIENTUyBjbGFzc1xuICAgICAgfVxuICAgIH1cblxuICAgIC8vIElmIG5vbmUgb2YgdGhlIG1vZGlmaWVycyBleGlzdCwgZGVmYXVsdCB0byAnaW5mbydcbiAgICByZXR1cm4gJ2luZm8nO1xuICB9XG5cbiAgLy8gRGV0ZXJtaW5lIHZhbHVlcyBiYXNlZCBvbiBtb2RpZmllcnMgYW5kIGEgbWFwcGluZyBvYmplY3RcbiAgcHJpdmF0ZSBnZXRWYWx1ZUZyb21Nb2RpZmllcnM8VD4obW9kaWZpZXJzOiBzdHJpbmdbXSwgbWFwcGluZzogUmVjb3JkPHN0cmluZywgVD4pOiBUIHtcbiAgICBmb3IgKGNvbnN0IG1vZGlmaWVyIG9mIG1vZGlmaWVycykge1xuICAgICAgaWYgKG1hcHBpbmdbbW9kaWZpZXJdKSB7XG4gICAgICAgIHJldHVybiBtYXBwaW5nW21vZGlmaWVyXTtcbiAgICAgIH1cbiAgICB9XG4gICAgcmV0dXJuIG1hcHBpbmdbJ2luZm8nXTsgLy8gRGVmYXVsdCB2YWx1ZSBpZiBub25lIG9mIHRoZSBtb2RpZmllcnMgZXhpc3RcbiAgfVxuXG4gIGdldEljb25TcmMoKSB7XG4gICAgY29uc3QgaWNvblNyY01hcCA9IHtcbiAgICAgIHdhcm5pbmc6ICd3YXJuaW5nJyxcbiAgICAgIHN1Y2Nlc3M6ICdzdWNjZXNzJyxcbiAgICAgIGluZm86ICdpbmZvJyxcbiAgICAgIGVycm9yOiAnZXJyb3InLFxuICAgIH07XG5cbiAgICAvLyBHZXQgdGhlIGljb24gc291cmNlIGJhc2VkIG9uIG1vZGlmaWVyc1xuICAgIHJldHVybiB0aGlzLmdldFZhbHVlRnJvbU1vZGlmaWVycyh0aGlzLmdldE1vZGlmaWVycygpLCBpY29uU3JjTWFwKTtcbiAgfVxuXG4gIGdldEljb25BbHQoKSB7XG4gICAgY29uc3QgYWx0TWFwID0ge1xuICAgICAgd2FybmluZzogJ1dhcm5pbmcgSWNvbicsXG4gICAgICBzdWNjZXNzOiAnU3VjY2VzcyBJY29uJyxcbiAgICAgIGluZm86ICdJbmZvIEljb24nLFxuICAgICAgZXJyb3I6ICdFcnJvciBJY29uJyxcbiAgICB9O1xuXG4gICAgcmV0dXJuIHRoaXMuZ2V0VmFsdWVGcm9tTW9kaWZpZXJzKHRoaXMuZ2V0TW9kaWZpZXJzKCksIGFsdE1hcCk7XG4gIH1cblxuICByZW1vdmVBbGVydEJveCgpOiB2b2lkIHtcbiAgICB0aGlzLnNob3cgPSBmYWxzZTtcbiAgICB0aGlzLnNob3dDaGFuZ2UuZW1pdCh0aGlzLnNob3cpO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiZXhpc3RzKHNob3cpXCIgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ2NvbnRhaW5lcicsIGdldE1vZGlmaWVycygpKVwiPlxuICA8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzcyhnZXRBbGVydENsYXNzKCkpXCI+XG4gICAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ2NvbnRlbnQnKVwiPlxuICAgICAgPGRpdj5cbiAgICAgICAgPG5hcy1pY29uIHR5cGU9XCJzbWFsbFwiIFtpY29uXT1cImdldEljb25TcmMoKVwiPjwvbmFzLWljb24+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzKCdyZW1vdmUtYWxlcnQnKVwiICpuZ0lmPVwiZXhpc3RzKHJlbW92YWJsZSk7XCI+XG4gICAgICAgIDxuYXMtaWNvbiB0eXBlPVwicmVtb3ZlXCIgKGNsaWNrKT1cInJlbW92ZUFsZXJ0Qm94KClcIj48L25hcy1pY29uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzcygnY29udGFpbmVyLXNwYWNlJylcIj5cbiAgICAgICAgPGg0ICpuZ0lmPVwidGl0bGVcIj57e3RpdGxlfX08L2g0PlxuICAgICAgICA8c3BhbiAqbmdJZj1cInRleHQgJiYgIXRydXN0VGV4dEh0bWxcIj57e3RleHR9fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJ0ZXh0ICYmIHRydXN0VGV4dEh0bWxcIiBbaW5uZXJIVE1MXT1cInRleHRcIj48L3NwYW4+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -40,11 +40,11 @@ export class CoverComponent extends NasComponentBase {
|
|
|
40
40
|
return classes;
|
|
41
41
|
}
|
|
42
42
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CoverComponent, selector: "nas-cover", inputs: { wide: "wide", cloudless: "cloudless", spaceless: "spaceless", small: "small", title: "title", preamble: "preamble", cssClass: "cssClass", illustration: "illustration", fluid: "fluid", stripped: "stripped", description: "description", backLink: "backLink", useRouterLink: "useRouterLink" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #
|
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CoverComponent, selector: "nas-cover", inputs: { wide: "wide", cloudless: "cloudless", spaceless: "spaceless", small: "small", title: "title", preamble: "preamble", cssClass: "cssClass", illustration: "illustration", fluid: "fluid", stripped: "stripped", description: "description", backLink: "backLink", useRouterLink: "useRouterLink" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:28px;line-height:34px;color:#003251;padding-bottom:24px}@media screen and (min-width: 640px){.nas-cover__title{font-size:32px;line-height:38px}}@media (min-width: 640px){.nas-cover__title{font-size:24px;line-height:30px}}@media (min-width: 865px){.nas-cover__title{font-size:42px;line-height:42px}}@media (min-width: 1000px){.nas-cover__title{font-size:50px;line-height:56px}}.nas-cover__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#003251;font-size:16px;line-height:26px;margin:-48px 0 3px}.nas-cover__additions{display:none;align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-grow:1;flex-shrink:1;height:90px;padding:0 9px;max-width:260px}@media (min-width: 640px){.nas-cover__additions{display:flex}}.nas-cover__preamble{font-size:16px;line-height:26px;max-width:540px;margin:12px 6px 24px}.nas-cover__illustration{position:absolute;right:0;bottom:0;margin-bottom:-4px;transform-origin:right bottom;transform:scale(.6);display:none}@media (min-width: 480px){.nas-cover__illustration{display:block}}@media (min-width: 1000px){.nas-cover__illustration{transform:scale(.7)}}.nas-cover--wide{max-width:1132px}.nas-cover--cloudless .nas-cover__header{background-image:none}.nas-cover--cloudless .nas-cover__additions{max-width:300px}.nas-cover--spaceless{margin-bottom:0}.nas-cover--small{margin-bottom:24px}.nas-cover--small .nas-cover__title{font-size:24px;line-height:30px}.nas-cover--small .nas-cover__header{height:auto;background-image:none;border-bottom:2px solid #003251}.nas-cover--small .nas-cover__additions{height:auto}.nas-cover--stripped .nas-cover__header{background-image:none;border-bottom:0}.nas-cover--fluid{max-width:100%}.nas-cover--fluid .nas-cover__header{padding-left:0;height:auto}.nas-cover--illustration .nas-cover__header{position:relative;background-image:none;height:114px}@media (min-width: 480px){.nas-cover--illustration .nas-cover__header{padding-right:240px}}@media (min-width: 1000px){.nas-cover--illustration .nas-cover__header{padding-right:270px}}.nas-cover--illustration .nas-cover__content{position:relative;z-index:2}::ng-deep .nas-cover .nas-icon-large{background-size:370px 150px}::ng-deep .nas-button--link{border-bottom:none;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i4.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }] }); }
|
|
44
44
|
}
|
|
45
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CoverComponent, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
|
-
args: [{ selector: 'nas-cover', template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #
|
|
47
|
+
args: [{ selector: 'nas-cover', template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:28px;line-height:34px;color:#003251;padding-bottom:24px}@media screen and (min-width: 640px){.nas-cover__title{font-size:32px;line-height:38px}}@media (min-width: 640px){.nas-cover__title{font-size:24px;line-height:30px}}@media (min-width: 865px){.nas-cover__title{font-size:42px;line-height:42px}}@media (min-width: 1000px){.nas-cover__title{font-size:50px;line-height:56px}}.nas-cover__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#003251;font-size:16px;line-height:26px;margin:-48px 0 3px}.nas-cover__additions{display:none;align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-grow:1;flex-shrink:1;height:90px;padding:0 9px;max-width:260px}@media (min-width: 640px){.nas-cover__additions{display:flex}}.nas-cover__preamble{font-size:16px;line-height:26px;max-width:540px;margin:12px 6px 24px}.nas-cover__illustration{position:absolute;right:0;bottom:0;margin-bottom:-4px;transform-origin:right bottom;transform:scale(.6);display:none}@media (min-width: 480px){.nas-cover__illustration{display:block}}@media (min-width: 1000px){.nas-cover__illustration{transform:scale(.7)}}.nas-cover--wide{max-width:1132px}.nas-cover--cloudless .nas-cover__header{background-image:none}.nas-cover--cloudless .nas-cover__additions{max-width:300px}.nas-cover--spaceless{margin-bottom:0}.nas-cover--small{margin-bottom:24px}.nas-cover--small .nas-cover__title{font-size:24px;line-height:30px}.nas-cover--small .nas-cover__header{height:auto;background-image:none;border-bottom:2px solid #003251}.nas-cover--small .nas-cover__additions{height:auto}.nas-cover--stripped .nas-cover__header{background-image:none;border-bottom:0}.nas-cover--fluid{max-width:100%}.nas-cover--fluid .nas-cover__header{padding-left:0;height:auto}.nas-cover--illustration .nas-cover__header{position:relative;background-image:none;height:114px}@media (min-width: 480px){.nas-cover--illustration .nas-cover__header{padding-right:240px}}@media (min-width: 1000px){.nas-cover--illustration .nas-cover__header{padding-right:270px}}.nas-cover--illustration .nas-cover__content{position:relative;z-index:2}::ng-deep .nas-cover .nas-icon-large{background-size:370px 150px}::ng-deep .nas-button--link{border-bottom:none;font-weight:700}\n"] }]
|
|
48
48
|
}], ctorParameters: function () { return []; }, propDecorators: { wide: [{
|
|
49
49
|
type: Input
|
|
50
50
|
}], cloudless: [{
|
|
@@ -2909,11 +2909,11 @@ class CoverComponent extends NasComponentBase {
|
|
|
2909
2909
|
return classes;
|
|
2910
2910
|
}
|
|
2911
2911
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2912
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CoverComponent, selector: "nas-cover", inputs: { wide: "wide", cloudless: "cloudless", spaceless: "spaceless", small: "small", title: "title", preamble: "preamble", cssClass: "cssClass", illustration: "illustration", fluid: "fluid", stripped: "stripped", description: "description", backLink: "backLink", useRouterLink: "useRouterLink" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #
|
|
2912
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CoverComponent, selector: "nas-cover", inputs: { wide: "wide", cloudless: "cloudless", spaceless: "spaceless", small: "small", title: "title", preamble: "preamble", cssClass: "cssClass", illustration: "illustration", fluid: "fluid", stripped: "stripped", description: "description", backLink: "backLink", useRouterLink: "useRouterLink" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:28px;line-height:34px;color:#003251;padding-bottom:24px}@media screen and (min-width: 640px){.nas-cover__title{font-size:32px;line-height:38px}}@media (min-width: 640px){.nas-cover__title{font-size:24px;line-height:30px}}@media (min-width: 865px){.nas-cover__title{font-size:42px;line-height:42px}}@media (min-width: 1000px){.nas-cover__title{font-size:50px;line-height:56px}}.nas-cover__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#003251;font-size:16px;line-height:26px;margin:-48px 0 3px}.nas-cover__additions{display:none;align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-grow:1;flex-shrink:1;height:90px;padding:0 9px;max-width:260px}@media (min-width: 640px){.nas-cover__additions{display:flex}}.nas-cover__preamble{font-size:16px;line-height:26px;max-width:540px;margin:12px 6px 24px}.nas-cover__illustration{position:absolute;right:0;bottom:0;margin-bottom:-4px;transform-origin:right bottom;transform:scale(.6);display:none}@media (min-width: 480px){.nas-cover__illustration{display:block}}@media (min-width: 1000px){.nas-cover__illustration{transform:scale(.7)}}.nas-cover--wide{max-width:1132px}.nas-cover--cloudless .nas-cover__header{background-image:none}.nas-cover--cloudless .nas-cover__additions{max-width:300px}.nas-cover--spaceless{margin-bottom:0}.nas-cover--small{margin-bottom:24px}.nas-cover--small .nas-cover__title{font-size:24px;line-height:30px}.nas-cover--small .nas-cover__header{height:auto;background-image:none;border-bottom:2px solid #003251}.nas-cover--small .nas-cover__additions{height:auto}.nas-cover--stripped .nas-cover__header{background-image:none;border-bottom:0}.nas-cover--fluid{max-width:100%}.nas-cover--fluid .nas-cover__header{padding-left:0;height:auto}.nas-cover--illustration .nas-cover__header{position:relative;background-image:none;height:114px}@media (min-width: 480px){.nas-cover--illustration .nas-cover__header{padding-right:240px}}@media (min-width: 1000px){.nas-cover--illustration .nas-cover__header{padding-right:270px}}.nas-cover--illustration .nas-cover__content{position:relative;z-index:2}::ng-deep .nas-cover .nas-icon-large{background-size:370px 150px}::ng-deep .nas-button--link{border-bottom:none;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }] }); }
|
|
2913
2913
|
}
|
|
2914
2914
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CoverComponent, decorators: [{
|
|
2915
2915
|
type: Component,
|
|
2916
|
-
args: [{ selector: 'nas-cover', template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #
|
|
2916
|
+
args: [{ selector: 'nas-cover', template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link\n secondary\n [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\"> \n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\"\n type=\"large\"\n [icon]=\"illustration\"\n [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\"\n [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\"\n [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:28px;line-height:34px;color:#003251;padding-bottom:24px}@media screen and (min-width: 640px){.nas-cover__title{font-size:32px;line-height:38px}}@media (min-width: 640px){.nas-cover__title{font-size:24px;line-height:30px}}@media (min-width: 865px){.nas-cover__title{font-size:42px;line-height:42px}}@media (min-width: 1000px){.nas-cover__title{font-size:50px;line-height:56px}}.nas-cover__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#003251;font-size:16px;line-height:26px;margin:-48px 0 3px}.nas-cover__additions{display:none;align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-grow:1;flex-shrink:1;height:90px;padding:0 9px;max-width:260px}@media (min-width: 640px){.nas-cover__additions{display:flex}}.nas-cover__preamble{font-size:16px;line-height:26px;max-width:540px;margin:12px 6px 24px}.nas-cover__illustration{position:absolute;right:0;bottom:0;margin-bottom:-4px;transform-origin:right bottom;transform:scale(.6);display:none}@media (min-width: 480px){.nas-cover__illustration{display:block}}@media (min-width: 1000px){.nas-cover__illustration{transform:scale(.7)}}.nas-cover--wide{max-width:1132px}.nas-cover--cloudless .nas-cover__header{background-image:none}.nas-cover--cloudless .nas-cover__additions{max-width:300px}.nas-cover--spaceless{margin-bottom:0}.nas-cover--small{margin-bottom:24px}.nas-cover--small .nas-cover__title{font-size:24px;line-height:30px}.nas-cover--small .nas-cover__header{height:auto;background-image:none;border-bottom:2px solid #003251}.nas-cover--small .nas-cover__additions{height:auto}.nas-cover--stripped .nas-cover__header{background-image:none;border-bottom:0}.nas-cover--fluid{max-width:100%}.nas-cover--fluid .nas-cover__header{padding-left:0;height:auto}.nas-cover--illustration .nas-cover__header{position:relative;background-image:none;height:114px}@media (min-width: 480px){.nas-cover--illustration .nas-cover__header{padding-right:240px}}@media (min-width: 1000px){.nas-cover--illustration .nas-cover__header{padding-right:270px}}.nas-cover--illustration .nas-cover__content{position:relative;z-index:2}::ng-deep .nas-cover .nas-icon-large{background-size:370px 150px}::ng-deep .nas-button--link{border-bottom:none;font-weight:700}\n"] }]
|
|
2917
2917
|
}], ctorParameters: function () { return []; }, propDecorators: { wide: [{
|
|
2918
2918
|
type: Input
|
|
2919
2919
|
}], cloudless: [{
|
|
@@ -12123,11 +12123,11 @@ class AlertComponent extends NasComponentBase {
|
|
|
12123
12123
|
this.showChange.emit(this.show);
|
|
12124
12124
|
}
|
|
12125
12125
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12126
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AlertComponent, selector: "nas-alert", inputs: { title: "title", info: "info", warning: "warning", error: "error", success: "success", text: "text", show: "show", removable: "removable" }, outputs: { showChange: "showChange" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(show)\" [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClass(getAlertClass())\">\n <div [nasClass]=\"getClass('content')\">\n <div>\n <nas-icon type=\"small\" [icon]=\"getIconSrc()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('container-space')\">\n <h4 *ngIf=\"title\">{{title}}</h4>\n <span *ngIf=\"text\">{{text}}</span>\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div
|
|
12126
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AlertComponent, selector: "nas-alert", inputs: { title: "title", info: "info", warning: "warning", error: "error", success: "success", text: "text", show: "show", removable: "removable", trustTextHtml: "trustTextHtml" }, outputs: { showChange: "showChange" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(show)\" [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClass(getAlertClass())\">\n <div [nasClass]=\"getClass('content')\">\n <div>\n <nas-icon type=\"small\" [icon]=\"getIconSrc()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('container-space')\">\n <h4 *ngIf=\"title\">{{title}}</h4>\n <span *ngIf=\"text && !trustTextHtml\">{{text}}</span>\n <span *ngIf=\"text && trustTextHtml\" [innerHTML]=\"text\"></span>\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-alert__info{width:100%;height:100%;padding:16px 12px;background:#ebf4ff;border:1px #003251 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__info img{width:24px;height:24px;margin-right:3px}.nas-alert__info__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__info__info-text__info-title{padding-top:2px;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__info__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__success{width:100%;height:100%;padding:16px 12px;background:#f4faf2;border:1px #238e00 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__success img{width:24px;height:24px;margin-right:3px}.nas-alert__success__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__success__info-text__info-title{padding-top:2px;color:#238e00;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__success__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__warning{width:100%;height:100%;padding:16px 12px;background:#fff6ec;border:1px #fc9e12 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__warning img{width:24px;height:24px;margin-right:3px}.nas-alert__warning__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__warning__info-text__info-title{padding-top:2px;color:#fc9e12;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__warning__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__error{width:100%;height:100%;padding:16px 12px;background:#fff5f3;border:1px #C41734 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__error img{width:24px;height:24px;margin-right:3px}.nas-alert__error__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__error__info-text__info-title{padding-top:2px;color:#c41734;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__error__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__container{position:relative}.nas-alert__content{display:inline-flex}.nas-alert__container-space{margin-left:6px}.nas-alert__remove-alert{position:absolute;right:10px;top:10px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
|
|
12127
12127
|
}
|
|
12128
12128
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AlertComponent, decorators: [{
|
|
12129
12129
|
type: Component,
|
|
12130
|
-
args: [{ selector: 'nas-alert', template: "<div *ngIf=\"exists(show)\" [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClass(getAlertClass())\">\n <div [nasClass]=\"getClass('content')\">\n <div>\n <nas-icon type=\"small\" [icon]=\"getIconSrc()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('container-space')\">\n <h4 *ngIf=\"title\">{{title}}</h4>\n <span *ngIf=\"text\">{{text}}</span>\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div
|
|
12130
|
+
args: [{ selector: 'nas-alert', template: "<div *ngIf=\"exists(show)\" [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClass(getAlertClass())\">\n <div [nasClass]=\"getClass('content')\">\n <div>\n <nas-icon type=\"small\" [icon]=\"getIconSrc()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('container-space')\">\n <h4 *ngIf=\"title\">{{title}}</h4>\n <span *ngIf=\"text && !trustTextHtml\">{{text}}</span>\n <span *ngIf=\"text && trustTextHtml\" [innerHTML]=\"text\"></span>\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-alert__info{width:100%;height:100%;padding:16px 12px;background:#ebf4ff;border:1px #003251 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__info img{width:24px;height:24px;margin-right:3px}.nas-alert__info__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__info__info-text__info-title{padding-top:2px;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__info__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__success{width:100%;height:100%;padding:16px 12px;background:#f4faf2;border:1px #238e00 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__success img{width:24px;height:24px;margin-right:3px}.nas-alert__success__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__success__info-text__info-title{padding-top:2px;color:#238e00;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__success__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__warning{width:100%;height:100%;padding:16px 12px;background:#fff6ec;border:1px #fc9e12 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__warning img{width:24px;height:24px;margin-right:3px}.nas-alert__warning__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__warning__info-text__info-title{padding-top:2px;color:#fc9e12;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__warning__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__error{width:100%;height:100%;padding:16px 12px;background:#fff5f3;border:1px #C41734 solid;justify-content:flex-start;align-items:flex-start;gap:9px}.nas-alert__error img{width:24px;height:24px;margin-right:3px}.nas-alert__error__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;gap:2px}.nas-alert__error__info-text__info-title{padding-top:2px;color:#c41734;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-alert__error__info-text__info-description{height:22px;padding-top:2px;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-alert__container{position:relative}.nas-alert__content{display:inline-flex}.nas-alert__container-space{margin-left:6px}.nas-alert__remove-alert{position:absolute;right:10px;top:10px;cursor:pointer}\n"] }]
|
|
12131
12131
|
}], ctorParameters: function () { return []; }, propDecorators: { showChange: [{
|
|
12132
12132
|
type: Output
|
|
12133
12133
|
}], title: [{
|
|
@@ -12146,6 +12146,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
12146
12146
|
type: Input
|
|
12147
12147
|
}], removable: [{
|
|
12148
12148
|
type: Input
|
|
12149
|
+
}], trustTextHtml: [{
|
|
12150
|
+
type: Input
|
|
12149
12151
|
}] } });
|
|
12150
12152
|
|
|
12151
12153
|
class AlertModule {
|