@norwegian/core-components 6.7.0 → 6.7.2
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 +26 -18
- package/fesm2022/norwegian-core-components.mjs +21 -14
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/alert/alert.component.d.ts +24 -6
- package/package.json +1 -1
- package/styles/1__settings/_vars.scss +0 -1
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
4
4
|
*/
|
|
5
|
-
import { Component, Input } from '@angular/core';
|
|
5
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
6
6
|
import { NasComponentBase } from '../../core';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "
|
|
9
|
-
import * as i2 from "
|
|
8
|
+
import * as i1 from "@angular/common";
|
|
9
|
+
import * as i2 from "../../core/directives/nas-class/nas-class.directive";
|
|
10
|
+
import * as i3 from "../icon/icon.component";
|
|
10
11
|
/**
|
|
11
12
|
* @description
|
|
12
13
|
* Norwegian alert Component | Dialogs and Modals
|
|
@@ -14,9 +15,13 @@ import * as i2 from "../icon/icon.component";
|
|
|
14
15
|
export class AlertComponent extends NasComponentBase {
|
|
15
16
|
constructor() {
|
|
16
17
|
super('nas-alert');
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
this.showChange = new EventEmitter();
|
|
19
|
+
/**
|
|
20
|
+
* @property Input
|
|
21
|
+
* @description
|
|
22
|
+
* Flag for showing/hiding element. Defaults to true.
|
|
23
|
+
*/
|
|
24
|
+
this.show = true;
|
|
20
25
|
}
|
|
21
26
|
getClasses(element, modifiers) {
|
|
22
27
|
const classes = [
|
|
@@ -77,22 +82,21 @@ export class AlertComponent extends NasComponentBase {
|
|
|
77
82
|
};
|
|
78
83
|
return this.getValueFromModifiers(this.getModifiers(), altMap);
|
|
79
84
|
}
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
success: 'Success',
|
|
84
|
-
info: 'Info',
|
|
85
|
-
error: 'Error',
|
|
86
|
-
};
|
|
87
|
-
return this.getValueFromModifiers(this.getModifiers(), titleMap);
|
|
85
|
+
removeAlertBox() {
|
|
86
|
+
this.show = false;
|
|
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: { info: "info", warning: "warning", error: "error", success: "success", text: "text" }, usesInheritance: true, ngImport: i0, template: "<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" }, 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>", 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
|
|
95
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
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>", 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
|
+
}], ctorParameters: function () { return []; }, propDecorators: { showChange: [{
|
|
96
|
+
type: Output
|
|
97
|
+
}], title: [{
|
|
98
|
+
type: Input
|
|
99
|
+
}], info: [{
|
|
96
100
|
type: Input
|
|
97
101
|
}], warning: [{
|
|
98
102
|
type: Input
|
|
@@ -102,5 +106,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
102
106
|
type: Input
|
|
103
107
|
}], text: [{
|
|
104
108
|
type: Input
|
|
109
|
+
}], show: [{
|
|
110
|
+
type: Input
|
|
111
|
+
}], removable: [{
|
|
112
|
+
type: Input
|
|
105
113
|
}] } });
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7R0FHRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sWUFBWSxDQUFDOzs7OztBQUc5Qzs7O0dBR0c7QUFNSCxNQUFNLE9BQU8sY0FBZSxTQUFRLGdCQUFnQjtJQTREbEQ7UUFDRSxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7UUE1RFgsZUFBVSxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBOEMxRTs7OztXQUlHO1FBQ1EsU0FBSSxHQUFHLElBQUksQ0FBQztJQVV2QixDQUFDO0lBRUQsVUFBVSxDQUFDLE9BQWdCLEVBQUUsU0FBeUI7UUFDcEQsTUFBTSxPQUFPLEdBQXNCO1lBQ2pDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQztTQUNsQyxDQUFDO1FBQ0YsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQztJQUVELFlBQVk7UUFDVixPQUFPO1lBQ0wsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksTUFBTTtZQUNoQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxTQUFTO1lBQ3RDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLFNBQVM7WUFDdEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksT0FBTztTQUNuQyxDQUFDO0lBQ0osQ0FBQztJQUVELGFBQWE7UUFDWCxNQUFNLFFBQVEsR0FBRztZQUNmLE9BQU8sRUFBRSxTQUFTO1lBQ2xCLE9BQU8sRUFBRSxTQUFTO1lBQ2xCLElBQUksRUFBRSxNQUFNO1lBQ1osS0FBSyxFQUFFLE9BQU87U0FDZixDQUFDO1FBRUYsc0VBQXNFO1FBQ3RFLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN0QyxLQUFLLE1BQU0sUUFBUSxJQUFJLFNBQVMsRUFBRTtZQUNoQyxJQUFJLFFBQVEsQ0FBQyxRQUFRLENBQUMsRUFBRTtnQkFDdEIsT0FBTyxRQUFRLENBQUMsUUFBUSxDQUFXLENBQUMsQ0FBQyxzREFBc0Q7YUFDNUY7U0FDRjtRQUVELG9EQUFvRDtRQUNwRCxPQUFPLE1BQU0sQ0FBQztJQUNoQixDQUFDO0lBRUQsMkRBQTJEO0lBQ25ELHFCQUFxQixDQUFJLFNBQW1CLEVBQUUsT0FBMEI7UUFDOUUsS0FBSyxNQUFNLFFBQVEsSUFBSSxTQUFTLEVBQUU7WUFDaEMsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUU7Z0JBQ3JCLE9BQU8sT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzFCO1NBQ0Y7UUFDRCxPQUFPLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLCtDQUErQztJQUN6RSxDQUFDO0lBRUQsVUFBVTtRQUNSLE1BQU0sVUFBVSxHQUFHO1lBQ2pCLE9BQU8sRUFBRSxTQUFTO1lBQ2xCLE9BQU8sRUFBRSxTQUFTO1lBQ2xCLElBQUksRUFBRSxNQUFNO1lBQ1osS0FBSyxFQUFFLE9BQU87U0FDZixDQUFDO1FBRUYseUNBQXlDO1FBQ3pDLE9BQU8sSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNyRSxDQUFDO0lBRUQsVUFBVTtRQUNSLE1BQU0sTUFBTSxHQUFHO1lBQ2IsT0FBTyxFQUFFLGNBQWM7WUFDdkIsT0FBTyxFQUFFLGNBQWM7WUFDdkIsSUFBSSxFQUFFLFdBQVc7WUFDakIsS0FBSyxFQUFFLFlBQVk7U0FDcEIsQ0FBQztRQUVGLE9BQU8sSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNqRSxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDOzhHQXhJVSxjQUFjO2tHQUFkLGNBQWMscVFDbEIzQixtcUJBZ0JNOzsyRkRFTyxjQUFjO2tCQUwxQixTQUFTOytCQUNFLFdBQVc7MEVBS1gsVUFBVTtzQkFBbkIsTUFBTTtnQkFlRSxLQUFLO3NCQUFiLEtBQUs7Z0JBTUcsSUFBSTtzQkFBWixLQUFLO2dCQU1HLE9BQU87c0JBQWYsS0FBSztnQkFNRyxLQUFLO3NCQUFiLEtBQUs7Z0JBTUcsT0FBTztzQkFBZixLQUFLO2dCQU1HLElBQUk7c0JBQVosS0FBSztnQkFNSyxJQUFJO3NCQUFaLEtBQUs7Z0JBTUMsU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBOb3J3ZWdpYW4gQWlyIFNodXR0bGUuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5hc0NvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi9jb3JlJztcbmltcG9ydCB7IENsYXNzTW9kZWwgfSBmcm9tICcuLi8uLi9jb3JlL21vZGVscy9jbGFzcy5tb2RlbCc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBOb3J3ZWdpYW4gYWxlcnQgQ29tcG9uZW50IHwgRGlhbG9ncyBhbmQgTW9kYWxzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25hcy1hbGVydCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FsZXJ0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0Q29tcG9uZW50IGV4dGVuZHMgTmFzQ29tcG9uZW50QmFzZSB7XG4gIEBPdXRwdXQoKSBzaG93Q2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgLyoqXG4gKiBAdGV4dFxuICogVXNlZCB0byBkZXRlcm1pbmUgdGhhdCB5b3Ugd2FudCB0byBzaG93IGFuIGVycm9yXG4gKlxuICogQGV4YW1wbGVcbiAqIDxuYXMtYWxlcnQgZXJyb3I+VHJ5IGFnYWluLCB3ZSB3ZXJlbnQgYWJsZSB0byBmZXRjaC4uLjwvbmFzLWFsZXJ0PlxuICpcbiAqL1xuICAvKipcbiAgICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICAgKiBAZGVzY3JpcHRpb25cbiAgICAgKiBCb29sZWFuIHRvIGdpdmUgdGhlIGFsZXJ0IGluZm8uXG4gICAgICovXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIC8qKlxuICAgICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgICAqIEBkZXNjcmlwdGlvblxuICAgICAqIEJvb2xlYW4gdG8gZ2l2ZSB0aGUgYWxlcnQgaW5mby5cbiAgICAgKi9cbiAgQElucHV0KCkgaW5mbzogYm9vbGVhbjtcbiAgLyoqXG4gICAgICogQHByb3BlcnR5IElucHV0XG4gICAgICogQGRlc2NyaXB0aW9uXG4gICAgICogQm9vbGVhbiB0byBnaXZlIHRoZSBhbGVydCBhIHdhcm5pbmcuXG4gICAgICovXG4gIEBJbnB1dCgpIHdhcm5pbmc6IGJvb2xlYW47XG4gIC8qKlxuICAgICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgICAqIEBkZXNjcmlwdGlvblxuICAgICAqIEJvb2xlYW4gdG8gZ2l2ZSB0aGUgYWxlcnQgYW4gZXJyb3IuXG4gICAgICovXG4gIEBJbnB1dCgpIGVycm9yOiBib29sZWFuO1xuICAvKipcbiAgICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICAgKiBAZGVzY3JpcHRpb25cbiAgICAgKiBCb29sZWFuIHRvIGdpdmUgdGhlIGFsZXJ0IGEgc3VjY2Vzcy5cbiAgICAgKi9cbiAgQElucHV0KCkgc3VjY2VzczogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU2V0cyB0ZXh0IG9uIHRoZSBhbGVydC4gSWYgc2V0IHRvIGZhbHNlIHRoZSBhbGVydCB3aWxsIG5vdCBkaXNwbGF5IGFueSB0ZXh0LlxuICAgKi9cbiAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBGbGFnIGZvciBzaG93aW5nL2hpZGluZyBlbGVtZW50LiBEZWZhdWx0cyB0byB0cnVlLlxuICAgKi9cbiAgICBASW5wdXQoKSBzaG93ID0gdHJ1ZTtcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBnaXZlIG9wcG9ydHVuaXR5IHRvIGNsb3NlIHRoZSBhbGVydCBib3hcbiAgICovXG4gIEBJbnB1dCgpIHJlbW92YWJsZTogYm9vbGVhbjtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcignbmFzLWFsZXJ0Jyk7XG4gIH1cblxuICBnZXRDbGFzc2VzKGVsZW1lbnQ/OiBzdHJpbmcsIG1vZGlmaWVycz86IEFycmF5PHN0cmluZz4pOiBBcnJheTxDbGFzc01vZGVsPiB7XG4gICAgY29uc3QgY2xhc3NlczogQXJyYXk8Q2xhc3NNb2RlbD4gPSBbXG4gICAgICB0aGlzLmdldENsYXNzKGVsZW1lbnQsIG1vZGlmaWVycylcbiAgICBdO1xuICAgIHJldHVybiBjbGFzc2VzO1xuICB9XG5cbiAgZ2V0TW9kaWZpZXJzKCk6IEFycmF5PHN0cmluZz4ge1xuICAgIHJldHVybiBbXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLmluZm8pICYmICdpbmZvJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMud2FybmluZykgJiYgJ3dhcm5pbmcnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5zdWNjZXNzKSAmJiAnc3VjY2VzcycsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLmVycm9yKSAmJiAnZXJyb3InLFxuICAgIF07XG4gIH1cblxuICBnZXRBbGVydENsYXNzKCkge1xuICAgIGNvbnN0IGNsYXNzTWFwID0ge1xuICAgICAgd2FybmluZzogJ3dhcm5pbmcnLFxuICAgICAgc3VjY2VzczogJ3N1Y2Nlc3MnLFxuICAgICAgaW5mbzogJ2luZm8nLFxuICAgICAgZXJyb3I6ICdlcnJvcicsXG4gICAgfTtcblxuICAgIC8vIENoZWNrIGlmIGFueSBvZiB0aGUgbW9kaWZpZXJzIChpbmZvLCB3YXJuaW5nLCBzdWNjZXNzLCBlcnJvcikgZXhpc3RcbiAgICBjb25zdCBtb2RpZmllcnMgPSB0aGlzLmdldE1vZGlmaWVycygpO1xuICAgIGZvciAoY29uc3QgbW9kaWZpZXIgb2YgbW9kaWZpZXJzKSB7XG4gICAgICBpZiAoY2xhc3NNYXBbbW9kaWZpZXJdKSB7XG4gICAgICAgIHJldHVybiBjbGFzc01hcFttb2RpZmllcl0gYXMgc3RyaW5nOyAvLyBSZXR1cm4gdGhlIGZpcnN0IGV4aXN0aW5nIG1vZGlmaWVyIGFzIHRoZSBDU1MgY2xhc3NcbiAgICAgIH1cbiAgICB9XG5cbiAgICAvLyBJZiBub25lIG9mIHRoZSBtb2RpZmllcnMgZXhpc3QsIGRlZmF1bHQgdG8gJ2luZm8nXG4gICAgcmV0dXJuICdpbmZvJztcbiAgfVxuXG4gIC8vIERldGVybWluZSB2YWx1ZXMgYmFzZWQgb24gbW9kaWZpZXJzIGFuZCBhIG1hcHBpbmcgb2JqZWN0XG4gIHByaXZhdGUgZ2V0VmFsdWVGcm9tTW9kaWZpZXJzPFQ+KG1vZGlmaWVyczogc3RyaW5nW10sIG1hcHBpbmc6IFJlY29yZDxzdHJpbmcsIFQ+KTogVCB7XG4gICAgZm9yIChjb25zdCBtb2RpZmllciBvZiBtb2RpZmllcnMpIHtcbiAgICAgIGlmIChtYXBwaW5nW21vZGlmaWVyXSkge1xuICAgICAgICByZXR1cm4gbWFwcGluZ1ttb2RpZmllcl07XG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiBtYXBwaW5nWydpbmZvJ107IC8vIERlZmF1bHQgdmFsdWUgaWYgbm9uZSBvZiB0aGUgbW9kaWZpZXJzIGV4aXN0XG4gIH1cblxuICBnZXRJY29uU3JjKCkge1xuICAgIGNvbnN0IGljb25TcmNNYXAgPSB7XG4gICAgICB3YXJuaW5nOiAnd2FybmluZycsXG4gICAgICBzdWNjZXNzOiAnc3VjY2VzcycsXG4gICAgICBpbmZvOiAnaW5mbycsXG4gICAgICBlcnJvcjogJ2Vycm9yJyxcbiAgICB9O1xuXG4gICAgLy8gR2V0IHRoZSBpY29uIHNvdXJjZSBiYXNlZCBvbiBtb2RpZmllcnNcbiAgICByZXR1cm4gdGhpcy5nZXRWYWx1ZUZyb21Nb2RpZmllcnModGhpcy5nZXRNb2RpZmllcnMoKSwgaWNvblNyY01hcCk7XG4gIH1cblxuICBnZXRJY29uQWx0KCkge1xuICAgIGNvbnN0IGFsdE1hcCA9IHtcbiAgICAgIHdhcm5pbmc6ICdXYXJuaW5nIEljb24nLFxuICAgICAgc3VjY2VzczogJ1N1Y2Nlc3MgSWNvbicsXG4gICAgICBpbmZvOiAnSW5mbyBJY29uJyxcbiAgICAgIGVycm9yOiAnRXJyb3IgSWNvbicsXG4gICAgfTtcblxuICAgIHJldHVybiB0aGlzLmdldFZhbHVlRnJvbU1vZGlmaWVycyh0aGlzLmdldE1vZGlmaWVycygpLCBhbHRNYXApO1xuICB9XG5cbiAgcmVtb3ZlQWxlcnRCb3goKTogdm9pZCB7XG4gICAgdGhpcy5zaG93ID0gZmFsc2U7XG4gICAgdGhpcy5zaG93Q2hhbmdlLmVtaXQodGhpcy5zaG93KTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImV4aXN0cyhzaG93KVwiIFtuYXNDbGFzc109XCJnZXRDbGFzc2VzKCdjb250YWluZXInLCBnZXRNb2RpZmllcnMoKSlcIj5cbiAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoZ2V0QWxlcnRDbGFzcygpKVwiPlxuICAgIDxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzKCdjb250ZW50JylcIj5cbiAgICAgIDxkaXY+XG4gICAgICAgIDxuYXMtaWNvbiB0eXBlPVwic21hbGxcIiBbaWNvbl09XCJnZXRJY29uU3JjKClcIj48L25hcy1pY29uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzcygncmVtb3ZlLWFsZXJ0JylcIiAqbmdJZj1cImV4aXN0cyhyZW1vdmFibGUpO1wiPlxuICAgICAgICA8bmFzLWljb24gdHlwZT1cInJlbW92ZVwiIChjbGljayk9XCJyZW1vdmVBbGVydEJveCgpXCI+PC9uYXMtaWNvbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ2NvbnRhaW5lci1zcGFjZScpXCI+XG4gICAgICAgIDxoNCAqbmdJZj1cInRpdGxlXCI+e3t0aXRsZX19PC9oND5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJ0ZXh0XCI+e3t0ZXh0fX08L3NwYW4+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -12051,9 +12051,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
12051
12051
|
class AlertComponent extends NasComponentBase {
|
|
12052
12052
|
constructor() {
|
|
12053
12053
|
super('nas-alert');
|
|
12054
|
-
|
|
12055
|
-
|
|
12056
|
-
|
|
12054
|
+
this.showChange = new EventEmitter();
|
|
12055
|
+
/**
|
|
12056
|
+
* @property Input
|
|
12057
|
+
* @description
|
|
12058
|
+
* Flag for showing/hiding element. Defaults to true.
|
|
12059
|
+
*/
|
|
12060
|
+
this.show = true;
|
|
12057
12061
|
}
|
|
12058
12062
|
getClasses(element, modifiers) {
|
|
12059
12063
|
const classes = [
|
|
@@ -12114,22 +12118,21 @@ class AlertComponent extends NasComponentBase {
|
|
|
12114
12118
|
};
|
|
12115
12119
|
return this.getValueFromModifiers(this.getModifiers(), altMap);
|
|
12116
12120
|
}
|
|
12117
|
-
|
|
12118
|
-
|
|
12119
|
-
|
|
12120
|
-
success: 'Success',
|
|
12121
|
-
info: 'Info',
|
|
12122
|
-
error: 'Error',
|
|
12123
|
-
};
|
|
12124
|
-
return this.getValueFromModifiers(this.getModifiers(), titleMap);
|
|
12121
|
+
removeAlertBox() {
|
|
12122
|
+
this.show = false;
|
|
12123
|
+
this.showChange.emit(this.show);
|
|
12125
12124
|
}
|
|
12126
12125
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12127
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AlertComponent, selector: "nas-alert", inputs: { info: "info", warning: "warning", error: "error", success: "success", text: "text" }, usesInheritance: true, ngImport: i0, template: "<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" }, 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>", 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"] }] }); }
|
|
12128
12127
|
}
|
|
12129
12128
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AlertComponent, decorators: [{
|
|
12130
12129
|
type: Component,
|
|
12131
|
-
args: [{ selector: 'nas-alert', template: "<div
|
|
12132
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
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>", 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
|
+
}], ctorParameters: function () { return []; }, propDecorators: { showChange: [{
|
|
12132
|
+
type: Output
|
|
12133
|
+
}], title: [{
|
|
12134
|
+
type: Input
|
|
12135
|
+
}], info: [{
|
|
12133
12136
|
type: Input
|
|
12134
12137
|
}], warning: [{
|
|
12135
12138
|
type: Input
|
|
@@ -12139,6 +12142,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
12139
12142
|
type: Input
|
|
12140
12143
|
}], text: [{
|
|
12141
12144
|
type: Input
|
|
12145
|
+
}], show: [{
|
|
12146
|
+
type: Input
|
|
12147
|
+
}], removable: [{
|
|
12148
|
+
type: Input
|
|
12142
12149
|
}] } });
|
|
12143
12150
|
|
|
12144
12151
|
class AlertModule {
|