@norwegian/core-components 7.13.0 → 7.13.1
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/ribbon-banner/ribbon-banner.component.mjs +7 -15
- package/esm2022/lib/core/models/link.model.mjs +1 -1
- package/fesm2022/norwegian-core-components.mjs +6 -14
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/datepicker/calendar/calendar.component.d.ts +1 -1
- package/lib/components/datepicker/datepicker.component.d.ts +2 -2
- package/lib/components/datepicker-combo/datepicker-combo.component.d.ts +1 -1
- package/lib/components/ribbon-banner/ribbon-banner.component.d.ts +2 -8
- package/lib/core/models/link.model.d.ts +1 -0
- package/package.json +1 -1
|
@@ -9,16 +9,16 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
import * as i1 from "@angular/common";
|
|
10
10
|
import * as i2 from "../../core/directives/nas-class/nas-class.directive";
|
|
11
11
|
import * as i3 from "../icon/icon.component";
|
|
12
|
-
/**
|
|
13
|
-
* @description
|
|
14
|
-
* Norwegian Ribbon Banner Component | Dialogs and Modals
|
|
15
|
-
*/
|
|
16
12
|
export const bannerAnimation = trigger('bannerAnimation', [
|
|
17
13
|
transition(':leave', [
|
|
18
14
|
style({ height: '*', overflow: 'hidden' }),
|
|
19
15
|
animate('250ms ease-in', style({ height: 0 }))
|
|
20
16
|
])
|
|
21
17
|
]);
|
|
18
|
+
/**
|
|
19
|
+
* @description
|
|
20
|
+
* Norwegian Ribbon Banner Component | Dialogs and Modals
|
|
21
|
+
*/
|
|
22
22
|
export class RibbonBannerComponent extends NasComponentBase {
|
|
23
23
|
constructor() {
|
|
24
24
|
super('nas-ribbon-banner');
|
|
@@ -28,12 +28,6 @@ export class RibbonBannerComponent extends NasComponentBase {
|
|
|
28
28
|
* Display ribbon banner, true is default
|
|
29
29
|
*/
|
|
30
30
|
this.enable = true;
|
|
31
|
-
/**
|
|
32
|
-
* @property Input
|
|
33
|
-
* @description
|
|
34
|
-
* The target attribute specifies where to open the link.
|
|
35
|
-
*/
|
|
36
|
-
this.target = '_self';
|
|
37
31
|
/**
|
|
38
32
|
* @property Output
|
|
39
33
|
* @description
|
|
@@ -74,11 +68,11 @@ export class RibbonBannerComponent extends NasComponentBase {
|
|
|
74
68
|
this.onRedirectChange.emit();
|
|
75
69
|
}
|
|
76
70
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RibbonBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
77
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RibbonBannerComponent, selector: "nas-ribbon-banner", inputs: { enable: "enable", infoModel: "infoModel", info: "info", warning: "warning"
|
|
71
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RibbonBannerComponent, selector: "nas-ribbon-banner", inputs: { enable: "enable", infoModel: "infoModel", info: "info", warning: "warning" }, outputs: { closeChange: "closeChange", onRedirectChange: "onRedirectChange" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"enable && infoModel\" [nasClass]=\"getClasses('')\" @bannerAnimation>\n <div [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClasses('col-1')\">\n <div [nasClass]=\"getClasses('status', !infoModel.title && 'aligned')\">\n <nas-icon [icon]=\"getIcon()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClasses('content')\">\n <h2 *ngIf=\"infoModel.title\" [nasClass]=\"getClasses('title')\">{{infoModel.title}}</h2>\n <div [nasClass]=\"getClasses('description')\">\n <span [nasClass]=\"getClasses('message')\" *ngFor=\"let message of infoModel?.messages\">{{message}}</span>\n <a *ngIf=\"infoModel?.link?.text && infoModel?.link?.href\" [href]=\"infoModel.link.href\" (click)=\"onRedirect()\" [target]=\"infoModel?.link?.target ?? ''\">{{infoModel.link.text}}</a>\n </div>\n </div>\n </div>\n <div [nasClass]=\"getClasses('col-2')\">\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close'\" [type]=\"'small'\"></nas-icon>\n </button>\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-ribbon-banner__container{display:flex;min-height:72px;padding:8px 0 8px 16px;background-color:#f8f8f8;justify-content:center}.nas-ribbon-banner__container--info{background-color:#ebf4ff}.nas-ribbon-banner__container--warning{background-color:#fff6ec}.nas-ribbon-banner__container--warning::ng-deep .nas-icon-small{width:25px}.nas-ribbon-banner__col-1{display:flex;margin:0 auto;padding-left:0}@media (min-width: 1000px){.nas-ribbon-banner__col-1{padding-left:72px}}.nas-ribbon-banner__col-2{display:flex}.nas-ribbon-banner__status{margin-right:8px}.nas-ribbon-banner__status--aligned,.nas-ribbon-banner__content{display:flex;flex-direction:column;justify-content:center}.nas-ribbon-banner__title{font-size:16px;line-height:24px;margin:0}.nas-ribbon-banner__message{display:inline;padding-right:6px}.nas-ribbon-banner__close{margin-left:8px;padding:8px 16px;border-left:1px solid #E9E7E4}@media (min-width: 640px){.nas-ribbon-banner__close{padding:16px 24px;margin-left:24px}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"] }], animations: [bannerAnimation] }); }
|
|
78
72
|
}
|
|
79
73
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RibbonBannerComponent, decorators: [{
|
|
80
74
|
type: Component,
|
|
81
|
-
args: [{ selector: 'nas-ribbon-banner', animations: [bannerAnimation], template: "<div *ngIf=\"enable && infoModel\" [nasClass]=\"getClasses('')\" @bannerAnimation>\n <div [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClasses('col-1')\">\n <div [nasClass]=\"getClasses('status', !infoModel.title && 'aligned')\">\n <nas-icon [icon]=\"getIcon()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClasses('content')\">\n <h2 *ngIf=\"infoModel.title\" [nasClass]=\"getClasses('title')\">{{infoModel.title}}</h2>\n <div [nasClass]=\"getClasses('description')\">\n <span [nasClass]=\"getClasses('message')\" *ngFor=\"let message of infoModel?.messages\">{{message}}</span>\n <a *ngIf=\"infoModel?.link?.text\" [href]=\"infoModel.link.href\" (click)=\"onRedirect()\" [target]=\"target\">{{infoModel
|
|
75
|
+
args: [{ selector: 'nas-ribbon-banner', animations: [bannerAnimation], template: "<div *ngIf=\"enable && infoModel\" [nasClass]=\"getClasses('')\" @bannerAnimation>\n <div [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClasses('col-1')\">\n <div [nasClass]=\"getClasses('status', !infoModel.title && 'aligned')\">\n <nas-icon [icon]=\"getIcon()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClasses('content')\">\n <h2 *ngIf=\"infoModel.title\" [nasClass]=\"getClasses('title')\">{{infoModel.title}}</h2>\n <div [nasClass]=\"getClasses('description')\">\n <span [nasClass]=\"getClasses('message')\" *ngFor=\"let message of infoModel?.messages\">{{message}}</span>\n <a *ngIf=\"infoModel?.link?.text && infoModel?.link?.href\" [href]=\"infoModel.link.href\" (click)=\"onRedirect()\" [target]=\"infoModel?.link?.target ?? ''\">{{infoModel.link.text}}</a>\n </div>\n </div>\n </div>\n <div [nasClass]=\"getClasses('col-2')\">\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close'\" [type]=\"'small'\"></nas-icon>\n </button>\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-ribbon-banner__container{display:flex;min-height:72px;padding:8px 0 8px 16px;background-color:#f8f8f8;justify-content:center}.nas-ribbon-banner__container--info{background-color:#ebf4ff}.nas-ribbon-banner__container--warning{background-color:#fff6ec}.nas-ribbon-banner__container--warning::ng-deep .nas-icon-small{width:25px}.nas-ribbon-banner__col-1{display:flex;margin:0 auto;padding-left:0}@media (min-width: 1000px){.nas-ribbon-banner__col-1{padding-left:72px}}.nas-ribbon-banner__col-2{display:flex}.nas-ribbon-banner__status{margin-right:8px}.nas-ribbon-banner__status--aligned,.nas-ribbon-banner__content{display:flex;flex-direction:column;justify-content:center}.nas-ribbon-banner__title{font-size:16px;line-height:24px;margin:0}.nas-ribbon-banner__message{display:inline;padding-right:6px}.nas-ribbon-banner__close{margin-left:8px;padding:8px 16px;border-left:1px solid #E9E7E4}@media (min-width: 640px){.nas-ribbon-banner__close{padding:16px 24px;margin-left:24px}}\n"] }]
|
|
82
76
|
}], ctorParameters: function () { return []; }, propDecorators: { enable: [{
|
|
83
77
|
type: Input
|
|
84
78
|
}], infoModel: [{
|
|
@@ -87,11 +81,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
87
81
|
type: Input
|
|
88
82
|
}], warning: [{
|
|
89
83
|
type: Input
|
|
90
|
-
}], target: [{
|
|
91
|
-
type: Input
|
|
92
84
|
}], closeChange: [{
|
|
93
85
|
type: Output
|
|
94
86
|
}], onRedirectChange: [{
|
|
95
87
|
type: Output
|
|
96
88
|
}] } });
|
|
97
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmliYm9uLWJhbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3JpYmJvbi1iYW5uZXIvcmliYm9uLWJhbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3JpYmJvbi1iYW5uZXIvcmliYm9uLWJhbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRXRFLE9BQU8sRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7QUFFMUUsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE9BQU8sQ0FBQyxpQkFBaUIsRUFBRTtJQUN4RCxVQUFVLENBQUMsUUFBUSxFQUFFO1FBQ25CLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxDQUFDO1FBQzFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7S0FDL0MsQ0FBQztDQUNILENBQUMsQ0FBQztBQUVIOzs7R0FHRztBQU9ILE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxnQkFBZ0I7SUE2QzNEO1FBQ0ksS0FBSyxDQUFDLG1CQUFtQixDQUFDLENBQUM7UUE3QzdCOzs7O1VBSUU7UUFDTyxXQUFNLEdBQUcsSUFBSSxDQUFDO1FBbUJ2Qjs7Ozs7OztXQU9HO1FBQ08sZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBQ2xEOzs7Ozs7O1dBT0c7UUFDTyxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0lBS3ZELENBQUM7SUFFRCxZQUFZO1FBQ1IsT0FBTztZQUNMLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLE1BQU07WUFDaEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksU0FBUztTQUN2QyxDQUFDO0lBQ0osQ0FBQztJQUVILFVBQVUsQ0FBQyxPQUFnQixFQUFFLFNBQWU7UUFDMUMsTUFBTSxPQUFPLEdBQXNCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQztRQUN2RSxPQUFPLE9BQU8sQ0FBQztJQUNqQixDQUFDO0lBRUQsT0FBTztRQUNILE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUE7SUFDcEUsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQy9CLENBQUM7K0dBeEVVLHFCQUFxQjttR0FBckIscUJBQXFCLHVQQzVCbEMseW9DQW9CTSx3OUZETVEsQ0FBQyxlQUFlLENBQUM7OzRGQUVsQixxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBR2pCLENBQUMsZUFBZSxDQUFDOzBFQVFwQixNQUFNO3NCQUFkLEtBQUs7Z0JBTUcsU0FBUztzQkFBakIsS0FBSztnQkFNRyxJQUFJO3NCQUFaLEtBQUs7Z0JBTUcsT0FBTztzQkFBZixLQUFLO2dCQVNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBU0csZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IE5vcndlZ2lhbiBBaXIgU2h1dHRsZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqL1xuXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2xhc3NNb2RlbCB9IGZyb20gJy4uLy4uL2NvcmUvbW9kZWxzL2NsYXNzLm1vZGVsJztcbmltcG9ydCB7IE5hc0NvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UvbmFzLWNvbXBvbmVudC5iYXNlJztcbmltcG9ydCB7IEluZm9Nb2RlbCB9IGZyb20gJy4uL2luZm8nO1xuaW1wb3J0IHsgdHJpZ2dlciwgdHJhbnNpdGlvbiwgc3R5bGUsIGFuaW1hdGUgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuZXhwb3J0IGNvbnN0IGJhbm5lckFuaW1hdGlvbiA9IHRyaWdnZXIoJ2Jhbm5lckFuaW1hdGlvbicsIFtcbiAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgIHN0eWxlKHsgaGVpZ2h0OiAnKicsIG92ZXJmbG93OiAnaGlkZGVuJyB9KSxcbiAgICBhbmltYXRlKCcyNTBtcyBlYXNlLWluJywgc3R5bGUoeyBoZWlnaHQ6IDAgfSkpXG4gIF0pXG5dKTtcblxuLyoqXG4gKiBAZGVzY3JpcHRpb25cbiAqIE5vcndlZ2lhbiBSaWJib24gQmFubmVyIENvbXBvbmVudCB8IERpYWxvZ3MgYW5kIE1vZGFsc1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduYXMtcmliYm9uLWJhbm5lcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9yaWJib24tYmFubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmliYm9uLWJhbm5lci5jb21wb25lbnQuc2NzcyddLFxuICBhbmltYXRpb25zOiBbYmFubmVyQW5pbWF0aW9uXVxufSlcbmV4cG9ydCBjbGFzcyBSaWJib25CYW5uZXJDb21wb25lbnQgZXh0ZW5kcyBOYXNDb21wb25lbnRCYXNlIHtcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogRGlzcGxheSByaWJib24gYmFubmVyLCB0cnVlIGlzIGRlZmF1bHRcbiAgKi9cbiAgQElucHV0KCkgZW5hYmxlID0gdHJ1ZTtcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU2V0cyBSaWJib24gYmFubmVyIHRvIGluZm8gc3R5bGluZ1xuICAqL1xuICBASW5wdXQoKSBpbmZvTW9kZWw6IEluZm9Nb2RlbDtcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU2V0cyBSaWJib24gYmFubmVyIHRvIGluZm8gc3R5bGluZ1xuICAqL1xuICBASW5wdXQoKSBpbmZvOiBib29sZWFuO1xuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBTZXRzIFJpYmJvbiBiYW5uZXIgdG8gd2FybmluZyBzdHlsaW5nXG4gICovXG4gIEBJbnB1dCgpIHdhcm5pbmc6IGJvb2xlYW47XG4gIC8qKlxuICAgKiBAcHJvcGVydHkgT3V0cHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBDaGFuZ2UgZXZlbnQgd2hlbiBjbGlja2luZyBvbiBidXR0b24uXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIChjbG9zZUNoYW5nZSk9XCJteUZ1bmN0aW9uKClcIj5DbG9zZTwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBPdXRwdXQoKSBjbG9zZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG4gIC8qKlxuICAgKiBAcHJvcGVydHkgT3V0cHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBDaGFuZ2UgZXZlbnQgd2hlbiBjbGlja2luZyBvbiBidXR0b24uXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIChvblJlZGlyZWN0Q2hhbmdlKT1cInJlZGlyZWN0KClcIj5SZWFkIG1vcmU8L25hcy1idXR0b24+XG4gICAqL1xuICBAT3V0cHV0KCkgb25SZWRpcmVjdENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cblxuY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoJ25hcy1yaWJib24tYmFubmVyJyk7XG4gIH1cblxuICBnZXRNb2RpZmllcnMoKTogQXJyYXk8c3RyaW5nPiB7XG4gICAgICByZXR1cm4gW1xuICAgICAgICB0aGlzLmV4aXN0cyh0aGlzLmluZm8pICYmICdpbmZvJyxcbiAgICAgICAgdGhpcy5leGlzdHModGhpcy53YXJuaW5nKSAmJiAnd2FybmluZydcbiAgICAgIF07XG4gICAgfVxuICBcbiAgZ2V0Q2xhc3NlcyhlbGVtZW50Pzogc3RyaW5nLCBtb2RpZmllcnM/OiBhbnkpOiBBcnJheTxDbGFzc01vZGVsPiB7XG4gICAgY29uc3QgY2xhc3NlczogQXJyYXk8Q2xhc3NNb2RlbD4gPSBbdGhpcy5nZXRDbGFzcyhlbGVtZW50LCBtb2RpZmllcnMpXTtcbiAgICByZXR1cm4gY2xhc3NlcztcbiAgfVxuXG4gIGdldEljb24oKTogc3RyaW5nIHtcbiAgICAgIHJldHVybiB0aGlzLmV4aXN0cyh0aGlzLndhcm5pbmcpID8gJ3dhcm5pbmctLXNlY29uZGFyeScgOiAnaW5mbydcbiAgfVxuXG4gIG9uQ2xpY2tDbG9zZSgpOiB2b2lkIHtcbiAgICB0aGlzLmNsb3NlQ2hhbmdlLmVtaXQoKTtcbiAgICB0aGlzLmVuYWJsZSA9IGZhbHNlO1xuICB9XG5cbiAgb25SZWRpcmVjdCgpOiB2b2lkIHtcbiAgICB0aGlzLm9uUmVkaXJlY3RDaGFuZ2UuZW1pdCgpO1xuICB9XG4gIFxufVxuIiwiPGRpdiAqbmdJZj1cImVuYWJsZSAmJiBpbmZvTW9kZWxcIiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnJylcIiAgQGJhbm5lckFuaW1hdGlvbj5cbiAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnY29udGFpbmVyJywgZ2V0TW9kaWZpZXJzKCkpXCI+XG4gICAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnY29sLTEnKVwiPlxuICAgICAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3Nlcygnc3RhdHVzJywgIWluZm9Nb2RlbC50aXRsZSAmJiAnYWxpZ25lZCcpXCI+XG4gICAgICAgIDxuYXMtaWNvbiBbaWNvbl09XCJnZXRJY29uKClcIj48L25hcy1pY29uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzc2VzKCdjb250ZW50JylcIj5cbiAgICAgICAgICA8aDIgKm5nSWY9XCJpbmZvTW9kZWwudGl0bGVcIiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygndGl0bGUnKVwiPnt7aW5mb01vZGVsLnRpdGxlfX08L2gyPlxuICAgICAgICAgIDxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ2Rlc2NyaXB0aW9uJylcIj5cbiAgICAgICAgICAgIDxzcGFuIFtuYXNDbGFzc109XCJnZXRDbGFzc2VzKCdtZXNzYWdlJylcIiAqbmdGb3I9XCJsZXQgbWVzc2FnZSBvZiBpbmZvTW9kZWw/Lm1lc3NhZ2VzXCI+e3ttZXNzYWdlfX08L3NwYW4+XG4gICAgICAgICAgICA8YSAqbmdJZj1cImluZm9Nb2RlbD8ubGluaz8udGV4dCAmJiBpbmZvTW9kZWw/Lmxpbms/LmhyZWZcIiBbaHJlZl09XCJpbmZvTW9kZWwubGluay5ocmVmXCIgKGNsaWNrKT1cIm9uUmVkaXJlY3QoKVwiIFt0YXJnZXRdPVwiaW5mb01vZGVsPy5saW5rPy50YXJnZXQgPz8gJydcIj57e2luZm9Nb2RlbC5saW5rLnRleHR9fTwvYT5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ2NvbC0yJylcIj5cbiAgICAgICAgPGJ1dHRvbiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnY2xvc2UnKVwiIChjbGljayk9XCJvbkNsaWNrQ2xvc2UoKVwiPlxuICAgICAgICAgIDxuYXMtaWNvbiBbaWNvbl09XCInY2xvc2UnXCIgW3R5cGVdPVwiJ3NtYWxsJ1wiPjwvbmFzLWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUtY29tcG9uZW50cy9zcmMvbGliL2NvcmUvbW9kZWxzL2xpbmsubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgTGlua01vZGVsIHtcbiAgaHJlZjogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHRhcmdldD86IHN0cmluZztcbn0iXX0=
|
|
@@ -13000,16 +13000,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
13000
13000
|
* @license
|
|
13001
13001
|
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
13002
13002
|
*/
|
|
13003
|
-
/**
|
|
13004
|
-
* @description
|
|
13005
|
-
* Norwegian Ribbon Banner Component | Dialogs and Modals
|
|
13006
|
-
*/
|
|
13007
13003
|
const bannerAnimation = trigger('bannerAnimation', [
|
|
13008
13004
|
transition(':leave', [
|
|
13009
13005
|
style({ height: '*', overflow: 'hidden' }),
|
|
13010
13006
|
animate('250ms ease-in', style({ height: 0 }))
|
|
13011
13007
|
])
|
|
13012
13008
|
]);
|
|
13009
|
+
/**
|
|
13010
|
+
* @description
|
|
13011
|
+
* Norwegian Ribbon Banner Component | Dialogs and Modals
|
|
13012
|
+
*/
|
|
13013
13013
|
class RibbonBannerComponent extends NasComponentBase {
|
|
13014
13014
|
constructor() {
|
|
13015
13015
|
super('nas-ribbon-banner');
|
|
@@ -13019,12 +13019,6 @@ class RibbonBannerComponent extends NasComponentBase {
|
|
|
13019
13019
|
* Display ribbon banner, true is default
|
|
13020
13020
|
*/
|
|
13021
13021
|
this.enable = true;
|
|
13022
|
-
/**
|
|
13023
|
-
* @property Input
|
|
13024
|
-
* @description
|
|
13025
|
-
* The target attribute specifies where to open the link.
|
|
13026
|
-
*/
|
|
13027
|
-
this.target = '_self';
|
|
13028
13022
|
/**
|
|
13029
13023
|
* @property Output
|
|
13030
13024
|
* @description
|
|
@@ -13065,11 +13059,11 @@ class RibbonBannerComponent extends NasComponentBase {
|
|
|
13065
13059
|
this.onRedirectChange.emit();
|
|
13066
13060
|
}
|
|
13067
13061
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RibbonBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13068
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RibbonBannerComponent, selector: "nas-ribbon-banner", inputs: { enable: "enable", infoModel: "infoModel", info: "info", warning: "warning"
|
|
13062
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RibbonBannerComponent, selector: "nas-ribbon-banner", inputs: { enable: "enable", infoModel: "infoModel", info: "info", warning: "warning" }, outputs: { closeChange: "closeChange", onRedirectChange: "onRedirectChange" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"enable && infoModel\" [nasClass]=\"getClasses('')\" @bannerAnimation>\n <div [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClasses('col-1')\">\n <div [nasClass]=\"getClasses('status', !infoModel.title && 'aligned')\">\n <nas-icon [icon]=\"getIcon()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClasses('content')\">\n <h2 *ngIf=\"infoModel.title\" [nasClass]=\"getClasses('title')\">{{infoModel.title}}</h2>\n <div [nasClass]=\"getClasses('description')\">\n <span [nasClass]=\"getClasses('message')\" *ngFor=\"let message of infoModel?.messages\">{{message}}</span>\n <a *ngIf=\"infoModel?.link?.text && infoModel?.link?.href\" [href]=\"infoModel.link.href\" (click)=\"onRedirect()\" [target]=\"infoModel?.link?.target ?? ''\">{{infoModel.link.text}}</a>\n </div>\n </div>\n </div>\n <div [nasClass]=\"getClasses('col-2')\">\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close'\" [type]=\"'small'\"></nas-icon>\n </button>\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-ribbon-banner__container{display:flex;min-height:72px;padding:8px 0 8px 16px;background-color:#f8f8f8;justify-content:center}.nas-ribbon-banner__container--info{background-color:#ebf4ff}.nas-ribbon-banner__container--warning{background-color:#fff6ec}.nas-ribbon-banner__container--warning::ng-deep .nas-icon-small{width:25px}.nas-ribbon-banner__col-1{display:flex;margin:0 auto;padding-left:0}@media (min-width: 1000px){.nas-ribbon-banner__col-1{padding-left:72px}}.nas-ribbon-banner__col-2{display:flex}.nas-ribbon-banner__status{margin-right:8px}.nas-ribbon-banner__status--aligned,.nas-ribbon-banner__content{display:flex;flex-direction:column;justify-content:center}.nas-ribbon-banner__title{font-size:16px;line-height:24px;margin:0}.nas-ribbon-banner__message{display:inline;padding-right:6px}.nas-ribbon-banner__close{margin-left:8px;padding:8px 16px;border-left:1px solid #E9E7E4}@media (min-width: 640px){.nas-ribbon-banner__close{padding:16px 24px;margin-left:24px}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"] }], animations: [bannerAnimation] }); }
|
|
13069
13063
|
}
|
|
13070
13064
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RibbonBannerComponent, decorators: [{
|
|
13071
13065
|
type: Component,
|
|
13072
|
-
args: [{ selector: 'nas-ribbon-banner', animations: [bannerAnimation], template: "<div *ngIf=\"enable && infoModel\" [nasClass]=\"getClasses('')\" @bannerAnimation>\n <div [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClasses('col-1')\">\n <div [nasClass]=\"getClasses('status', !infoModel.title && 'aligned')\">\n <nas-icon [icon]=\"getIcon()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClasses('content')\">\n <h2 *ngIf=\"infoModel.title\" [nasClass]=\"getClasses('title')\">{{infoModel.title}}</h2>\n <div [nasClass]=\"getClasses('description')\">\n <span [nasClass]=\"getClasses('message')\" *ngFor=\"let message of infoModel?.messages\">{{message}}</span>\n <a *ngIf=\"infoModel?.link?.text\" [href]=\"infoModel.link.href\" (click)=\"onRedirect()\" [target]=\"target\">{{infoModel
|
|
13066
|
+
args: [{ selector: 'nas-ribbon-banner', animations: [bannerAnimation], template: "<div *ngIf=\"enable && infoModel\" [nasClass]=\"getClasses('')\" @bannerAnimation>\n <div [nasClass]=\"getClasses('container', getModifiers())\">\n <div [nasClass]=\"getClasses('col-1')\">\n <div [nasClass]=\"getClasses('status', !infoModel.title && 'aligned')\">\n <nas-icon [icon]=\"getIcon()\"></nas-icon>\n </div>\n <div [nasClass]=\"getClasses('content')\">\n <h2 *ngIf=\"infoModel.title\" [nasClass]=\"getClasses('title')\">{{infoModel.title}}</h2>\n <div [nasClass]=\"getClasses('description')\">\n <span [nasClass]=\"getClasses('message')\" *ngFor=\"let message of infoModel?.messages\">{{message}}</span>\n <a *ngIf=\"infoModel?.link?.text && infoModel?.link?.href\" [href]=\"infoModel.link.href\" (click)=\"onRedirect()\" [target]=\"infoModel?.link?.target ?? ''\">{{infoModel.link.text}}</a>\n </div>\n </div>\n </div>\n <div [nasClass]=\"getClasses('col-2')\">\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close'\" [type]=\"'small'\"></nas-icon>\n </button>\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-ribbon-banner__container{display:flex;min-height:72px;padding:8px 0 8px 16px;background-color:#f8f8f8;justify-content:center}.nas-ribbon-banner__container--info{background-color:#ebf4ff}.nas-ribbon-banner__container--warning{background-color:#fff6ec}.nas-ribbon-banner__container--warning::ng-deep .nas-icon-small{width:25px}.nas-ribbon-banner__col-1{display:flex;margin:0 auto;padding-left:0}@media (min-width: 1000px){.nas-ribbon-banner__col-1{padding-left:72px}}.nas-ribbon-banner__col-2{display:flex}.nas-ribbon-banner__status{margin-right:8px}.nas-ribbon-banner__status--aligned,.nas-ribbon-banner__content{display:flex;flex-direction:column;justify-content:center}.nas-ribbon-banner__title{font-size:16px;line-height:24px;margin:0}.nas-ribbon-banner__message{display:inline;padding-right:6px}.nas-ribbon-banner__close{margin-left:8px;padding:8px 16px;border-left:1px solid #E9E7E4}@media (min-width: 640px){.nas-ribbon-banner__close{padding:16px 24px;margin-left:24px}}\n"] }]
|
|
13073
13067
|
}], ctorParameters: function () { return []; }, propDecorators: { enable: [{
|
|
13074
13068
|
type: Input
|
|
13075
13069
|
}], infoModel: [{
|
|
@@ -13078,8 +13072,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
13078
13072
|
type: Input
|
|
13079
13073
|
}], warning: [{
|
|
13080
13074
|
type: Input
|
|
13081
|
-
}], target: [{
|
|
13082
|
-
type: Input
|
|
13083
13075
|
}], closeChange: [{
|
|
13084
13076
|
type: Output
|
|
13085
13077
|
}], onRedirectChange: [{
|