@norwegian/core-components 6.55.2 → 6.56.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/assets/documentation/ribbon-banner/ribbon-banner.md +1 -0
- package/assets/icons/small/close.svg +3 -7
- package/assets/icons/small/warning--secondary--light.svg +3 -0
- package/assets/icons/small/warning--secondary.svg +3 -0
- package/esm2022/lib/components/icon/icon.component.mjs +2 -2
- package/esm2022/lib/components/index.mjs +2 -1
- package/esm2022/lib/components/ribbon-banner/index.mjs +3 -0
- package/esm2022/lib/components/ribbon-banner/ribbon-banner.component.mjs +57 -0
- package/esm2022/lib/components/ribbon-banner/ribbon-banner.module.mjs +36 -0
- package/fesm2022/norwegian-core-components.mjs +81 -3
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/ribbon-banner/index.d.ts +2 -0
- package/lib/components/ribbon-banner/ribbon-banner.component.d.ts +41 -0
- package/lib/components/ribbon-banner/ribbon-banner.module.d.ts +12 -0
- package/package.json +1 -1
|
@@ -65,4 +65,5 @@ export * from './input-text/index';
|
|
|
65
65
|
export * from './number-field-new/index';
|
|
66
66
|
export * from './radio-new/index';
|
|
67
67
|
export * from './slide-toggle-new/index';
|
|
68
|
-
|
|
68
|
+
export * from './ribbon-banner/index';
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9hY2NvcmRpb24vaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9haXJwb3J0LXNlbGVjdC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2FpcnBvcnQtc2VsZWN0LW5ldy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2JveC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2J1dHRvbi9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2NoZWNrYm94L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vY29udGFpbmVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vY29udGludWUvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9jb3Zlci9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2Ryb3Bkb3duL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vZmlsdGVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vZmlsdGVyLW5ldy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NvcnQvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9ncmlkL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vaWNvbi9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2ljb24tbGlzdC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2luZm8vaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnB1dC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NpbXBsZS1saXN0L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vbW9kYWwvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9udW1iZXItZmllbGQvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9wYWdlLWZvb3Rlci9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3BhZ2UtaGVhZGVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vcGFnZS1oZWFkZXItb2xkL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vcGFzc2VuZ2VyLXNlbGVjdC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3Bhc3Nlbmdlci1zZWxlY3QtbmV3L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vcHJlbWl1bS10b2dnbGUvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9yYWRpby9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NlbGVjdC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NwaW5uZXIvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9zdGF0dXMtYm94L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vc3Vic2lkeS1kaXNjb3VudC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3RvZ2dsZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3dlYXRoZXItaWNvbi9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2xpc3QvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9qb3VybmV5LWF2YWlsYWJpbGl0eS1saXN0L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vam91cm5leS1hdmFpbGFiaWxpdHkvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9jaGlwL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vdGFiLWdyb3VwL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vZGF0ZXBpY2tlci9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2RhdGVwaWNrZXItbmV3L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vZGF0ZXBpY2tlci1jb21iby9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2RhdGVwaWNrZXItY29tYm8tbmV3L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vcGhvbmUtbnVtYmVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vYXV0b2NvbXBsZXRlL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vYXV0b2NvbXBsZXRlLW5ldy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3RyaXAtc3VtbWFyeS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2pvdXJuZXkvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9qb3VybmV5LXN0b3BvdmVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vdGV4dGFyZWEvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWdnZXN0aW9ucy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2pvdXJuZXktc2VsZWN0aW9uL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vYmFja2Ryb3AvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9zbGlkZS10b2dnbGUvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9zbGlkZXIvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi90YWJsZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2RpdmlkZXIvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi90YWcvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9hbGVydC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL21pY3JvLWJ1dHRvbi9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2NhbXBhaWduLWhlYWRlci9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2J1dHRvbi1uZXcvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9jaGVja2JveC1uZXcvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnB1dC10ZXh0L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vbnVtYmVyLWZpZWxkLW5ldy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3JhZGlvLW5ldy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NsaWRlLXRvZ2dsZS1uZXcvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9yaWJib24tYmFubmVyL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './ribbon-banner.component';
|
|
2
|
+
export * from './ribbon-banner.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3JpYmJvbi1iYW5uZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9yaWJib24tYmFubmVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3JpYmJvbi1iYW5uZXIubW9kdWxlJztcbiJdfQ==
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
4
|
+
*/
|
|
5
|
+
import { Component, Input } from '@angular/core';
|
|
6
|
+
import { NasComponentBase } from '../../core/base/nas-component.base';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
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";
|
|
11
|
+
import * as i4 from "../button/button.component";
|
|
12
|
+
/**
|
|
13
|
+
* @description
|
|
14
|
+
* Norwegian Ribbon Banner Component | Dialogs and Modals
|
|
15
|
+
*/
|
|
16
|
+
export class RibbonBannerComponent extends NasComponentBase {
|
|
17
|
+
constructor() {
|
|
18
|
+
super('nas-ribbon-banner');
|
|
19
|
+
/**
|
|
20
|
+
* @property Input
|
|
21
|
+
* @description
|
|
22
|
+
* Display ribbon banner, true is default
|
|
23
|
+
*/
|
|
24
|
+
this.enable = true;
|
|
25
|
+
}
|
|
26
|
+
getModifiers() {
|
|
27
|
+
return [
|
|
28
|
+
this.exists(this.info) && 'info',
|
|
29
|
+
this.exists(this.warning) && 'warning'
|
|
30
|
+
];
|
|
31
|
+
}
|
|
32
|
+
getClasses(element, modifiers) {
|
|
33
|
+
const classes = [this.getClass(element, modifiers)];
|
|
34
|
+
return classes;
|
|
35
|
+
}
|
|
36
|
+
getIcon() {
|
|
37
|
+
return this.exists(this.warning) ? 'warning--secondary' : 'info';
|
|
38
|
+
}
|
|
39
|
+
onClickClose() {
|
|
40
|
+
this.enable = false;
|
|
41
|
+
}
|
|
42
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: RibbonBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
43
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: RibbonBannerComponent, selector: "nas-ribbon-banner", inputs: { enable: "enable", infoModel: "infoModel", info: "info", warning: "warning" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"enable && infoModel\" [nasClass]=\"getClasses('')\">\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 <nas-button *ngIf=\"infoModel?.link?.text\" link [href]=\"infoModel?.link?.href\">{{infoModel?.link.text}}</nas-button>\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:#e0ebff}.nas-ribbon-banner__container--warning{background-color:#fff6ec}.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;margin-left:auto}.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:26px;margin:0}.nas-ribbon-banner__message{display:inline;padding-right:6px}.nas-ribbon-banner__close{padding:16px 24px;border-left:1px solid #E9E7E4}\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"] }, { 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
|
+
}
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: RibbonBannerComponent, decorators: [{
|
|
46
|
+
type: Component,
|
|
47
|
+
args: [{ selector: 'nas-ribbon-banner', template: "<div *ngIf=\"enable && infoModel\" [nasClass]=\"getClasses('')\">\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 <nas-button *ngIf=\"infoModel?.link?.text\" link [href]=\"infoModel?.link?.href\">{{infoModel?.link.text}}</nas-button>\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:#e0ebff}.nas-ribbon-banner__container--warning{background-color:#fff6ec}.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;margin-left:auto}.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:26px;margin:0}.nas-ribbon-banner__message{display:inline;padding-right:6px}.nas-ribbon-banner__close{padding:16px 24px;border-left:1px solid #E9E7E4}\n"] }]
|
|
48
|
+
}], ctorParameters: function () { return []; }, propDecorators: { enable: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], infoModel: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], info: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], warning: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}] } });
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmliYm9uLWJhbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3JpYmJvbi1iYW5uZXIvcmliYm9uLWJhbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3JpYmJvbi1iYW5uZXIvcmliYm9uLWJhbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7O0FBRXRFOzs7R0FHRztBQU1ILE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxnQkFBZ0I7SUEwQjNEO1FBQ0ksS0FBSyxDQUFDLG1CQUFtQixDQUFDLENBQUM7UUExQjdCOzs7O1VBSUU7UUFDUSxXQUFNLEdBQUcsSUFBSSxDQUFDO0lBc0J4QixDQUFDO0lBRUQsWUFBWTtRQUNSLE9BQU87WUFDTCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxNQUFNO1lBQ2hDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLFNBQVM7U0FDdkMsQ0FBQztJQUNKLENBQUM7SUFFSCxVQUFVLENBQUMsT0FBZ0IsRUFBRSxTQUFlO1FBQzFDLE1BQU0sT0FBTyxHQUFzQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUM7UUFDdkUsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQztJQUVELE9BQU87UUFDSCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFBO0lBQ3BFLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQzs4R0FoRFUscUJBQXFCO2tHQUFyQixxQkFBcUIsd0tDbEJsQyxvakNBb0JNOzsyRkRGTyxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsbUJBQW1COzBFQVVuQixNQUFNO3NCQUFkLEtBQUs7Z0JBTUcsU0FBUztzQkFBakIsS0FBSztnQkFNRyxJQUFJO3NCQUFaLEtBQUs7Z0JBTUcsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IE5vcndlZ2lhbiBBaXIgU2h1dHRsZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqL1xuXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDbGFzc01vZGVsIH0gZnJvbSAnLi4vLi4vY29yZS9tb2RlbHMvY2xhc3MubW9kZWwnO1xuaW1wb3J0IHsgTmFzQ29tcG9uZW50QmFzZSB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS9uYXMtY29tcG9uZW50LmJhc2UnO1xuaW1wb3J0IHsgSW5mb01vZGVsIH0gZnJvbSAnLi4vaW5mbyc7XG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogTm9yd2VnaWFuIFJpYmJvbiBCYW5uZXIgQ29tcG9uZW50IHwgRGlhbG9ncyBhbmQgTW9kYWxzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25hcy1yaWJib24tYmFubmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JpYmJvbi1iYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9yaWJib24tYmFubmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUmliYm9uQmFubmVyQ29tcG9uZW50IGV4dGVuZHMgTmFzQ29tcG9uZW50QmFzZSB7XG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIERpc3BsYXkgcmliYm9uIGJhbm5lciwgdHJ1ZSBpcyBkZWZhdWx0XG4gICovXG4gICBASW5wdXQoKSBlbmFibGUgPSB0cnVlO1xuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBTZXRzIFJpYmJvbiBiYW5uZXIgdG8gaW5mbyBzdHlsaW5nXG4gICovXG4gICBASW5wdXQoKSBpbmZvTW9kZWw6IEluZm9Nb2RlbDtcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU2V0cyBSaWJib24gYmFubmVyIHRvIGluZm8gc3R5bGluZ1xuICAqL1xuICAgQElucHV0KCkgaW5mbzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU2V0cyBSaWJib24gYmFubmVyIHRvIHdhcm5pbmcgc3R5bGluZ1xuICAqL1xuICAgQElucHV0KCkgd2FybmluZzogYm9vbGVhbjtcblxuY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoJ25hcy1yaWJib24tYmFubmVyJyk7XG4gIH1cblxuICBnZXRNb2RpZmllcnMoKTogQXJyYXk8c3RyaW5nPiB7XG4gICAgICByZXR1cm4gW1xuICAgICAgICB0aGlzLmV4aXN0cyh0aGlzLmluZm8pICYmICdpbmZvJyxcbiAgICAgICAgdGhpcy5leGlzdHModGhpcy53YXJuaW5nKSAmJiAnd2FybmluZydcbiAgICAgIF07XG4gICAgfVxuICBcbiAgZ2V0Q2xhc3NlcyhlbGVtZW50Pzogc3RyaW5nLCBtb2RpZmllcnM/OiBhbnkpOiBBcnJheTxDbGFzc01vZGVsPiB7XG4gICAgY29uc3QgY2xhc3NlczogQXJyYXk8Q2xhc3NNb2RlbD4gPSBbdGhpcy5nZXRDbGFzcyhlbGVtZW50LCBtb2RpZmllcnMpXTtcbiAgICByZXR1cm4gY2xhc3NlcztcbiAgfVxuXG4gIGdldEljb24oKTogc3RyaW5nIHtcbiAgICAgIHJldHVybiB0aGlzLmV4aXN0cyh0aGlzLndhcm5pbmcpID8gJ3dhcm5pbmctLXNlY29uZGFyeScgOiAnaW5mbydcbiAgfVxuXG4gIG9uQ2xpY2tDbG9zZSgpOiB2b2lkIHtcbiAgICB0aGlzLmVuYWJsZSA9IGZhbHNlO1xuICB9XG4gIFxufVxuIiwiPGRpdiAqbmdJZj1cImVuYWJsZSAmJiBpbmZvTW9kZWxcIiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnJylcIj5cbiAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnY29udGFpbmVyJywgZ2V0TW9kaWZpZXJzKCkpXCI+XG4gICAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnY29sLTEnKVwiPlxuICAgICAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3Nlcygnc3RhdHVzJywgIWluZm9Nb2RlbC50aXRsZSAmJiAnYWxpZ25lZCcpXCI+XG4gICAgICAgIDxuYXMtaWNvbiBbaWNvbl09XCJnZXRJY29uKClcIj48L25hcy1pY29uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzc2VzKCdjb250ZW50JylcIj5cbiAgICAgICAgICA8aDIgKm5nSWY9XCJpbmZvTW9kZWwudGl0bGVcIiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygndGl0bGUnKVwiPnt7aW5mb01vZGVsLnRpdGxlfX08L2gyPlxuICAgICAgICAgIDxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ2Rlc2NyaXB0aW9uJylcIj5cbiAgICAgICAgICAgIDxzcGFuIFtuYXNDbGFzc109XCJnZXRDbGFzc2VzKCdtZXNzYWdlJylcIiAqbmdGb3I9XCJsZXQgbWVzc2FnZSBvZiBpbmZvTW9kZWw/Lm1lc3NhZ2VzXCI+e3ttZXNzYWdlfX08L3NwYW4+XG4gICAgICAgICAgICA8bmFzLWJ1dHRvbiAqbmdJZj1cImluZm9Nb2RlbD8ubGluaz8udGV4dFwiIGxpbmsgW2hyZWZdPVwiaW5mb01vZGVsPy5saW5rPy5ocmVmXCI+e3tpbmZvTW9kZWw/LmxpbmsudGV4dH19PC9uYXMtYnV0dG9uPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnY29sLTInKVwiPlxuICAgICAgICA8YnV0dG9uIFtuYXNDbGFzc109XCJnZXRDbGFzc2VzKCdjbG9zZScpXCIgKGNsaWNrKT1cIm9uQ2xpY2tDbG9zZSgpXCI+XG4gICAgICAgICAgPG5hcy1pY29uIFtpY29uXT1cIidjbG9zZSdcIiBbdHlwZV09XCInc21hbGwnXCI+PC9uYXMtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+Il19
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { NgModule } from '@angular/core';
|
|
3
|
+
import { RouterModule } from '@angular/router';
|
|
4
|
+
import { RibbonBannerComponent } from './ribbon-banner.component';
|
|
5
|
+
import { NasClassModule } from '../../core/directives/nas-class/nas-class.module';
|
|
6
|
+
import { IconModule } from '../icon/icon.module';
|
|
7
|
+
import { ButtonModule } from '../button';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class RibbonBannerModule {
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: RibbonBannerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: RibbonBannerModule, declarations: [RibbonBannerComponent], imports: [CommonModule,
|
|
12
|
+
NasClassModule,
|
|
13
|
+
RouterModule,
|
|
14
|
+
IconModule,
|
|
15
|
+
ButtonModule], exports: [RibbonBannerComponent] }); }
|
|
16
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: RibbonBannerModule, imports: [CommonModule,
|
|
17
|
+
NasClassModule,
|
|
18
|
+
RouterModule,
|
|
19
|
+
IconModule,
|
|
20
|
+
ButtonModule] }); }
|
|
21
|
+
}
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: RibbonBannerModule, decorators: [{
|
|
23
|
+
type: NgModule,
|
|
24
|
+
args: [{
|
|
25
|
+
declarations: [RibbonBannerComponent],
|
|
26
|
+
imports: [
|
|
27
|
+
CommonModule,
|
|
28
|
+
NasClassModule,
|
|
29
|
+
RouterModule,
|
|
30
|
+
IconModule,
|
|
31
|
+
ButtonModule
|
|
32
|
+
],
|
|
33
|
+
exports: [RibbonBannerComponent],
|
|
34
|
+
}]
|
|
35
|
+
}] });
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmliYm9uLWJhbm5lci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3JpYmJvbi1iYW5uZXIvcmliYm9uLWJhbm5lci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUNsRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQzs7QUFhekMsTUFBTSxPQUFPLGtCQUFrQjs4R0FBbEIsa0JBQWtCOytHQUFsQixrQkFBa0IsaUJBVmQscUJBQXFCLGFBRWxDLFlBQVk7WUFDWixjQUFjO1lBQ2QsWUFBWTtZQUNaLFVBQVU7WUFDVixZQUFZLGFBRUoscUJBQXFCOytHQUVwQixrQkFBa0IsWUFSM0IsWUFBWTtZQUNaLGNBQWM7WUFDZCxZQUFZO1lBQ1osVUFBVTtZQUNWLFlBQVk7OzJGQUlILGtCQUFrQjtrQkFYOUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztvQkFDckMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxZQUFZO3dCQUNaLFVBQVU7d0JBQ1YsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztpQkFDakMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBSaWJib25CYW5uZXJDb21wb25lbnQgfSBmcm9tICcuL3JpYmJvbi1iYW5uZXIuY29tcG9uZW50JztcbmltcG9ydCB7IE5hc0NsYXNzTW9kdWxlIH0gZnJvbSAnLi4vLi4vY29yZS9kaXJlY3RpdmVzL25hcy1jbGFzcy9uYXMtY2xhc3MubW9kdWxlJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbic7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1JpYmJvbkJhbm5lckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTmFzQ2xhc3NNb2R1bGUsXG4gICAgUm91dGVyTW9kdWxlLFxuICAgIEljb25Nb2R1bGUsXG4gICAgQnV0dG9uTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtSaWJib25CYW5uZXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBSaWJib25CYW5uZXJNb2R1bGUgeyB9Il19
|