@norwegian/core-components 6.9.0 → 6.10.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/campaign-header/campaign-header.md +0 -0
- package/esm2022/lib/components/campaign-header/campaign-header.component.mjs +40 -0
- package/esm2022/lib/components/campaign-header/campaign-header.module.mjs +30 -0
- package/esm2022/lib/components/campaign-header/index.mjs +3 -0
- package/esm2022/lib/components/index.mjs +2 -1
- package/esm2022/lib/components/micro-button/micro-button.component.mjs +3 -3
- package/esm2022/lib/components/micro-button/micro-button.module.mjs +10 -14
- package/fesm2022/norwegian-core-components.mjs +66 -12
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/campaign-header/campaign-header.component.d.ts +46 -0
- package/lib/components/campaign-header/campaign-header.module.d.ts +10 -0
- package/lib/components/campaign-header/index.d.ts +2 -0
- package/lib/components/index.d.ts +1 -0
- package/lib/components/micro-button/micro-button.module.d.ts +3 -3
- package/package.json +1 -1
|
File without changes
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
4
|
+
*/
|
|
5
|
+
import { Component, Input } from '@angular/core';
|
|
6
|
+
import { NasComponentBase } from '../../core';
|
|
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 "../micro-button/micro-button.component";
|
|
11
|
+
/**
|
|
12
|
+
* @description
|
|
13
|
+
* Norwegian campaign-header Component | Layout
|
|
14
|
+
*/
|
|
15
|
+
export class CampaignHeaderComponent extends NasComponentBase {
|
|
16
|
+
constructor() {
|
|
17
|
+
super('nas-campaign-header');
|
|
18
|
+
}
|
|
19
|
+
ngOnInit() {
|
|
20
|
+
//
|
|
21
|
+
}
|
|
22
|
+
getBackgroundImage() {
|
|
23
|
+
return this.source ? `url(${this.source})` : 'none';
|
|
24
|
+
}
|
|
25
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CampaignHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CampaignHeaderComponent, selector: "nas-campaign-header", inputs: { title: "title", source: "source", description: "description", back: "back" }, usesInheritance: true, ngImport: i0, template: "<div>\n <div *ngIf=\"back\" [nasClass]=\"getClass('micro-button')\">\n <nas-micro-button icon=\"arrow-left\" text=\"Back\"></nas-micro-button>\n </div>\n <header\n [nasClass]=\"getClass('header')\"\n [style.--bg-image]=\"getBackgroundImage()\"\n >\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{ title }}</h1>\n <div [nasClass]=\"getClass('description')\">\n <ng-container *ngIf=\"description; else descriptionContent\">{{\n description\n }}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n </header>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-campaign-header{max-width:820px;margin:24px auto 36px}.nas-campaign-header__header{background-color:#d81939;display:flex;align-items:flex-end;height:190px;background-image:var(--bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-campaign-header__header{padding-left:0;background-size:cover}}.nas-campaign-header__micro-button{position:absolute;margin:5% 3%}.nas-campaign-header__content{flex-grow:2}.nas-campaign-header__title{font-size:24px;line-height:30px;color:#fff;padding-bottom:36px;padding-left:3%;text-shadow:1px 1px 3px rgba(126,126,126,.6),-1px -1px 3px rgba(126,126,126,.6),1px -1px 3px rgba(126,126,126,.6),-1px 1px 3px rgba(126,126,126,.6)}@media (min-width: 640px){.nas-campaign-header__title{font-size:42px;line-height:42px}}.nas-campaign-header__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;font-size:16px;line-height:26px;padding-left:3%;margin:-48px 0 3px;text-shadow:1px 1px 3px rgba(126,126,126,.6),-1px -1px 3px rgba(126,126,126,.6),1px -1px 3px rgba(126,126,126,.6),-1px 1px 3px rgba(126,126,126,.6)}.nas-campaign-header--small{margin-bottom:24px}.nas-campaign-header--small .nas-campaign-header__title{font-size:24px;line-height:30px}.nas-campaign-header--small .nas-campaign-header__header{height:auto;background-image:none;border-bottom:2px solid #003251}::ng-deep .nas-micro-button--text{border-bottom:none;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.MicroButtonComponent, selector: "nas-micro-button", inputs: ["text", "icon"] }] }); }
|
|
27
|
+
}
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CampaignHeaderComponent, decorators: [{
|
|
29
|
+
type: Component,
|
|
30
|
+
args: [{ selector: 'nas-campaign-header', template: "<div>\n <div *ngIf=\"back\" [nasClass]=\"getClass('micro-button')\">\n <nas-micro-button icon=\"arrow-left\" text=\"Back\"></nas-micro-button>\n </div>\n <header\n [nasClass]=\"getClass('header')\"\n [style.--bg-image]=\"getBackgroundImage()\"\n >\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{ title }}</h1>\n <div [nasClass]=\"getClass('description')\">\n <ng-container *ngIf=\"description; else descriptionContent\">{{\n description\n }}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n </header>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-campaign-header{max-width:820px;margin:24px auto 36px}.nas-campaign-header__header{background-color:#d81939;display:flex;align-items:flex-end;height:190px;background-image:var(--bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-campaign-header__header{padding-left:0;background-size:cover}}.nas-campaign-header__micro-button{position:absolute;margin:5% 3%}.nas-campaign-header__content{flex-grow:2}.nas-campaign-header__title{font-size:24px;line-height:30px;color:#fff;padding-bottom:36px;padding-left:3%;text-shadow:1px 1px 3px rgba(126,126,126,.6),-1px -1px 3px rgba(126,126,126,.6),1px -1px 3px rgba(126,126,126,.6),-1px 1px 3px rgba(126,126,126,.6)}@media (min-width: 640px){.nas-campaign-header__title{font-size:42px;line-height:42px}}.nas-campaign-header__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;font-size:16px;line-height:26px;padding-left:3%;margin:-48px 0 3px;text-shadow:1px 1px 3px rgba(126,126,126,.6),-1px -1px 3px rgba(126,126,126,.6),1px -1px 3px rgba(126,126,126,.6),-1px 1px 3px rgba(126,126,126,.6)}.nas-campaign-header--small{margin-bottom:24px}.nas-campaign-header--small .nas-campaign-header__title{font-size:24px;line-height:30px}.nas-campaign-header--small .nas-campaign-header__header{height:auto;background-image:none;border-bottom:2px solid #003251}::ng-deep .nas-micro-button--text{border-bottom:none;font-weight:700}\n"] }]
|
|
31
|
+
}], ctorParameters: function () { return []; }, propDecorators: { title: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], source: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], description: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], back: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}] } });
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FtcGFpZ24taGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2FtcGFpZ24taGVhZGVyL2NhbXBhaWduLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhbXBhaWduLWhlYWRlci9jYW1wYWlnbi1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sWUFBWSxDQUFDOzs7OztBQUc5Qzs7O0dBR0c7QUFPSCxNQUFNLE9BQU8sdUJBQXdCLFNBQVEsZ0JBQWdCO0lBOEIzRDtRQUNFLEtBQUssQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxRQUFRO1FBQ04sRUFBRTtJQUNKLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQ3RELENBQUM7OEdBeENVLHVCQUF1QjtrR0FBdkIsdUJBQXVCLDBLQ25CcEMsa3RCQXFCQTs7MkZERmEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHFCQUFxQjswRUFZdEIsS0FBSztzQkFBYixLQUFLO2dCQVFHLE1BQU07c0JBQWQsS0FBSztnQkFNRyxXQUFXO3NCQUFuQixLQUFLO2dCQU1HLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBOb3J3ZWdpYW4gQWlyIFNodXR0bGUuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOYXNDb21wb25lbnRCYXNlIH0gZnJvbSAnLi4vLi4vY29yZSc7XG5cblxuLyoqXG4gKiBAZGVzY3JpcHRpb25cbiAqIE5vcndlZ2lhbiBjYW1wYWlnbi1oZWFkZXIgQ29tcG9uZW50IHwgTGF5b3V0XG4gKi9cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmFzLWNhbXBhaWduLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYW1wYWlnbi1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYW1wYWlnbi1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FtcGFpZ25IZWFkZXJDb21wb25lbnQgZXh0ZW5kcyBOYXNDb21wb25lbnRCYXNlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU3RyaW5nIHRvIHNldCB0aXRsZSB0ZXh0IG9mIGNvbXBvbmVudC5cbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1jYW1wYWlnbi1oZWFkZXIgW3RpdGxlXT1cIidUaGlzIGlzIGEgdGl0bGUnXCI+WW91IGNhbiBwdXQgYW55IGtpbmQgb2YgZWxlbWVudHMgYW5kIGNvbnRlbnQgaGVyZS4uLjwvbmFzLWNhbXBhaWduLWhlYWRlcj5cbiAgICovXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIC8qKlxuICogQHByb3BlcnR5IElucHV0XG4gKiBAZGVzY3JpcHRpb25cbiAqIFN0cmluZyB0byBzZXQgc291cmNlIG9mIGJhY2tncm91bmQgaW1hZ2Ugb2YgY29tcG9uZW50LlxuICogQGV4YW1wbGVcbiAqIDxuYXMtY2FtcGFpZ24taGVhZGVyIFtzb3VyY2VdPVwiJy4uL2Fzc2V0cy9zb3VyY2UucG5nJ1wiPjwvbmFzLWNhbXBhaWduLWhlYWRlcj5cbiAqL1xuICBASW5wdXQoKSBzb3VyY2U6IHN0cmluZztcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU3RyaW5nIHRvIHNldCBkZXNjcmlwdGlvbiB0ZXh0IG9mIGNvbXBvbmVudC5cbiAgICovXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gIC8qKlxuICogQHByb3BlcnR5IElucHV0XG4gKiBAZGVzY3JpcHRpb25cbiAqIFRoaXMgd2lsbCBiZSBhIGhyZWYgaWYgdXNlUm91dGVyTGluayBpcyBub3QgYWRkZWQuIE90aGVyd2lzZSwgcm91dGVyTGluay5cbiAqL1xuICBASW5wdXQoKSBiYWNrOiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCduYXMtY2FtcGFpZ24taGVhZGVyJyk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICAvL1xuICB9XG5cbiAgZ2V0QmFja2dyb3VuZEltYWdlKCkge1xuICAgIHJldHVybiB0aGlzLnNvdXJjZSA/IGB1cmwoJHt0aGlzLnNvdXJjZX0pYCA6ICdub25lJztcbiAgfVxufVxuIiwiPGRpdj5cbiAgPGRpdiAqbmdJZj1cImJhY2tcIiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ21pY3JvLWJ1dHRvbicpXCI+XG4gICAgPG5hcy1taWNyby1idXR0b24gaWNvbj1cImFycm93LWxlZnRcIiB0ZXh0PVwiQmFja1wiPjwvbmFzLW1pY3JvLWJ1dHRvbj5cbiAgPC9kaXY+XG4gIDxoZWFkZXJcbiAgICBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ2hlYWRlcicpXCJcbiAgICBbc3R5bGUuLS1iZy1pbWFnZV09XCJnZXRCYWNrZ3JvdW5kSW1hZ2UoKVwiXG4gID5cbiAgICA8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzcygnY29udGVudCcpXCI+XG4gICAgICA8aDEgW25hc0NsYXNzXT1cImdldENsYXNzKCd0aXRsZScpXCI+e3sgdGl0bGUgfX08L2gxPlxuICAgICAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ2Rlc2NyaXB0aW9uJylcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRlc2NyaXB0aW9uOyBlbHNlIGRlc2NyaXB0aW9uQ29udGVudFwiPnt7XG4gICAgICAgICAgZGVzY3JpcHRpb25cbiAgICAgICAgfX08L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNkZXNjcmlwdGlvbkNvbnRlbnQ+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Rlc2NyaXB0aW9uXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2hlYWRlcj5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { CampaignHeaderComponent } from './campaign-header.component';
|
|
4
|
+
import { NasClassModule } from '../../core/directives/nas-class/nas-class.module';
|
|
5
|
+
import { MicroButtonModule } from '../micro-button/micro-button.module';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class CampaignHeaderModule {
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CampaignHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: CampaignHeaderModule, declarations: [CampaignHeaderComponent], imports: [CommonModule,
|
|
10
|
+
NasClassModule,
|
|
11
|
+
MicroButtonModule], exports: [CampaignHeaderComponent] }); }
|
|
12
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CampaignHeaderModule, imports: [CommonModule,
|
|
13
|
+
NasClassModule,
|
|
14
|
+
MicroButtonModule] }); }
|
|
15
|
+
}
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CampaignHeaderModule, decorators: [{
|
|
17
|
+
type: NgModule,
|
|
18
|
+
args: [{
|
|
19
|
+
declarations: [
|
|
20
|
+
CampaignHeaderComponent
|
|
21
|
+
],
|
|
22
|
+
imports: [
|
|
23
|
+
CommonModule,
|
|
24
|
+
NasClassModule,
|
|
25
|
+
MicroButtonModule
|
|
26
|
+
],
|
|
27
|
+
exports: [CampaignHeaderComponent]
|
|
28
|
+
}]
|
|
29
|
+
}] });
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FtcGFpZ24taGVhZGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2FtcGFpZ24taGVhZGVyL2NhbXBhaWduLWhlYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOztBQWV4RSxNQUFNLE9BQU8sb0JBQW9COzhHQUFwQixvQkFBb0I7K0dBQXBCLG9CQUFvQixpQkFUN0IsdUJBQXVCLGFBR3ZCLFlBQVk7WUFDWixjQUFjO1lBQ2QsaUJBQWlCLGFBRVQsdUJBQXVCOytHQUV0QixvQkFBb0IsWUFON0IsWUFBWTtZQUNaLGNBQWM7WUFDZCxpQkFBaUI7OzJGQUlSLG9CQUFvQjtrQkFYaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osdUJBQXVCO3FCQUN4QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixjQUFjO3dCQUNkLGlCQUFpQjtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsdUJBQXVCLENBQUM7aUJBQ25DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDYW1wYWlnbkhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vY2FtcGFpZ24taGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBOYXNDbGFzc01vZHVsZSB9IGZyb20gJy4uLy4uL2NvcmUvZGlyZWN0aXZlcy9uYXMtY2xhc3MvbmFzLWNsYXNzLm1vZHVsZSc7XG5pbXBvcnQgeyBNaWNyb0J1dHRvbk1vZHVsZSB9IGZyb20gJy4uL21pY3JvLWJ1dHRvbi9taWNyby1idXR0b24ubW9kdWxlJztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIENhbXBhaWduSGVhZGVyQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTmFzQ2xhc3NNb2R1bGUsXG4gICAgTWljcm9CdXR0b25Nb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW0NhbXBhaWduSGVhZGVyQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBDYW1wYWlnbkhlYWRlck1vZHVsZSB7IH1cbiJdfQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './campaign-header.component';
|
|
2
|
+
export * from './campaign-header.module';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhbXBhaWduLWhlYWRlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NhbXBhaWduLWhlYWRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9jYW1wYWlnbi1oZWFkZXIubW9kdWxlJztcbiJdfQ==
|
|
@@ -50,4 +50,5 @@ export * from './divider/index';
|
|
|
50
50
|
export * from './tag/index';
|
|
51
51
|
export * from './alert/index';
|
|
52
52
|
export * from './micro-button/index';
|
|
53
|
-
|
|
53
|
+
export * from './campaign-header/index';
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGNBQWMsQ0FBQztBQUM3QixjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9hY2NvcmRpb24vaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9haXJwb3J0LXNlbGVjdC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2JveC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2J1dHRvbi9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2NoZWNrYm94L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vY29udGFpbmVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vY29udGludWUvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9jb3Zlci9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2Ryb3Bkb3duL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vZmlsdGVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vc29ydC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2dyaWQvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9pY29uL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vaWNvbi1saXN0L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vaW5mby9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2lucHV0L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vc2ltcGxlLWxpc3QvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2RhbC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL251bWJlci1maWVsZC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3BhZ2UtZm9vdGVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vcGFnZS1oZWFkZXIvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9wYXNzZW5nZXItc2VsZWN0L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vcHJlbWl1bS10b2dnbGUvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9yYWRpby9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NlbGVjdC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NwaW5uZXIvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWJzaWR5LWRpc2NvdW50L2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vdG9nZ2xlL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vd2VhdGhlci1pY29uL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vbGlzdC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2pvdXJuZXktYXZhaWxhYmlsaXR5LWxpc3QvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9qb3VybmV5LWF2YWlsYWJpbGl0eS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2NoaXAvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi90YWItZ3JvdXAvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9kYXRlcGlja2VyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vZGF0ZXBpY2tlci1jb21iby9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3Bob25lLW51bWJlci9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2F1dG9jb21wbGV0ZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3RyaXAtc3VtbWFyeS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2pvdXJuZXkvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9qb3VybmV5LXN0b3BvdmVyL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vdGV4dGFyZWEvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9zdWdnZXN0aW9ucy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2pvdXJuZXktc2VsZWN0aW9uL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vYmFja2Ryb3AvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9zbGlkZS10b2dnbGUvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9zbGlkZXIvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi90YWJsZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2RpdmlkZXIvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi90YWcvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9hbGVydC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL21pY3JvLWJ1dHRvbi9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2NhbXBhaWduLWhlYWRlci9pbmRleCc7XG4iXX0=
|
|
@@ -10,8 +10,8 @@ import { Component, Input } from '@angular/core';
|
|
|
10
10
|
import { NasComponentBase } from '../../core';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
import * as i1 from "@angular/common";
|
|
13
|
-
import * as i2 from "
|
|
14
|
-
import * as i3 from "
|
|
13
|
+
import * as i2 from "../../core/directives/nas-class/nas-class.directive";
|
|
14
|
+
import * as i3 from "../icon/icon.component";
|
|
15
15
|
/**
|
|
16
16
|
* @description
|
|
17
17
|
* Norwegian alert Component | Buttons and Indicators
|
|
@@ -39,7 +39,7 @@ export class MicroButtonComponent extends NasComponentBase {
|
|
|
39
39
|
return classes;
|
|
40
40
|
}
|
|
41
41
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: MicroButtonComponent, selector: "nas-micro-button", inputs: { text: "text", icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nas-micro-button\">\n <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n <nas-icon\n [icon]=\"_icon\"\n [type]=\"'small'\"\n [lightCircularBackground]=\"true\"\n [nasClass]=\"getClasses('nas-icon')\"\n ></nas-icon>\n </div>\n <div class=\"text-container\" [nasClass]=\"getClasses('text-container')\">\n <div class=\"text\" [nasClass]=\"getClasses('text')\">{{ text }}</div>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-micro-button{display:inline-flex;align-items:flex-start;background:#003251;border-radius:4px;padding:8px 16px;align-items:center}.nas-micro-button nas-icon{width:16px;height:16px}.nas-micro-button__text-container{display:flex;justify-content:center;align-items:center;gap:10px}.nas-micro-button__text{color:#fff;text-align:center;font-family:Apercu Pro;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.nas-micro-button:hover{background:#002a3a}.nas-micro-button:focus{border-radius:3px;border:5px solid #3b99fc;background:#003251}.nas-micro-button:active{border-radius:3px;background:#002a3a #002a3a}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "
|
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: MicroButtonComponent, selector: "nas-micro-button", inputs: { text: "text", icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nas-micro-button\">\n <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n <nas-icon\n [icon]=\"_icon\"\n [type]=\"'small'\"\n [lightCircularBackground]=\"true\"\n [nasClass]=\"getClasses('nas-icon')\"\n ></nas-icon>\n </div>\n <div class=\"text-container\" [nasClass]=\"getClasses('text-container')\">\n <div class=\"text\" [nasClass]=\"getClasses('text')\">{{ text }}</div>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-micro-button{display:inline-flex;align-items:flex-start;background:#003251;border-radius:4px;padding:8px 16px;align-items:center}.nas-micro-button nas-icon{width:16px;height:16px}.nas-micro-button__text-container{display:flex;justify-content:center;align-items:center;gap:10px}.nas-micro-button__text{color:#fff;text-align:center;font-family:Apercu Pro;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.nas-micro-button:hover{background:#002a3a}.nas-micro-button:focus{border-radius:3px;border:5px solid #3b99fc;background:#003251}.nas-micro-button:active{border-radius:3px;background:#002a3a #002a3a}\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"] }] }); }
|
|
43
43
|
}
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonComponent, decorators: [{
|
|
45
45
|
type: Component,
|
|
@@ -1,32 +1,28 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { MicroButtonComponent } from './micro-button.component';
|
|
4
3
|
import { IconModule } from '../icon/icon.module';
|
|
5
4
|
import { NasClassModule } from '../../core/directives/nas-class/nas-class.module';
|
|
5
|
+
import { MicroButtonComponent } from './micro-button.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class MicroButtonModule {
|
|
8
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
9
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonModule, declarations: [MicroButtonComponent], imports: [CommonModule,
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
NasClassModule,
|
|
11
|
+
IconModule], exports: [MicroButtonComponent] }); }
|
|
12
12
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonModule, imports: [CommonModule,
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
NasClassModule,
|
|
14
|
+
IconModule] }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonModule, decorators: [{
|
|
17
17
|
type: NgModule,
|
|
18
18
|
args: [{
|
|
19
|
-
declarations: [
|
|
20
|
-
MicroButtonComponent
|
|
21
|
-
],
|
|
19
|
+
declarations: [MicroButtonComponent],
|
|
22
20
|
imports: [
|
|
23
21
|
CommonModule,
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
NasClassModule,
|
|
23
|
+
IconModule
|
|
26
24
|
],
|
|
27
|
-
exports: [
|
|
28
|
-
MicroButtonComponent
|
|
29
|
-
]
|
|
25
|
+
exports: [MicroButtonComponent]
|
|
30
26
|
}]
|
|
31
27
|
}] });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbWljcm8tYnV0dG9uL21pY3JvLWJ1dHRvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUNsRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFXaEUsTUFBTSxPQUFPLGlCQUFpQjs4R0FBakIsaUJBQWlCOytHQUFqQixpQkFBaUIsaUJBUmIsb0JBQW9CLGFBRWpDLFlBQVk7WUFDWixjQUFjO1lBQ2QsVUFBVSxhQUVGLG9CQUFvQjsrR0FFbkIsaUJBQWlCLFlBTjFCLFlBQVk7WUFDWixjQUFjO1lBQ2QsVUFBVTs7MkZBSUQsaUJBQWlCO2tCQVQ3QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG9CQUFvQixDQUFDO29CQUNwQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixjQUFjO3dCQUNkLFVBQVU7cUJBQ1g7b0JBQ0QsT0FBTyxFQUFFLENBQUMsb0JBQW9CLENBQUM7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBOYXNDbGFzc01vZHVsZSB9IGZyb20gJy4uLy4uL2NvcmUvZGlyZWN0aXZlcy9uYXMtY2xhc3MvbmFzLWNsYXNzLm1vZHVsZSc7XG5pbXBvcnQgeyBNaWNyb0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vbWljcm8tYnV0dG9uLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW01pY3JvQnV0dG9uQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBOYXNDbGFzc01vZHVsZSxcbiAgICBJY29uTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtNaWNyb0J1dHRvbkNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTWljcm9CdXR0b25Nb2R1bGUgeyB9XG4iXX0=
|
|
@@ -12209,7 +12209,7 @@ class MicroButtonComponent extends NasComponentBase {
|
|
|
12209
12209
|
return classes;
|
|
12210
12210
|
}
|
|
12211
12211
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12212
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: MicroButtonComponent, selector: "nas-micro-button", inputs: { text: "text", icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nas-micro-button\">\n <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n <nas-icon\n [icon]=\"_icon\"\n [type]=\"'small'\"\n [lightCircularBackground]=\"true\"\n [nasClass]=\"getClasses('nas-icon')\"\n ></nas-icon>\n </div>\n <div class=\"text-container\" [nasClass]=\"getClasses('text-container')\">\n <div class=\"text\" [nasClass]=\"getClasses('text')\">{{ text }}</div>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-micro-button{display:inline-flex;align-items:flex-start;background:#003251;border-radius:4px;padding:8px 16px;align-items:center}.nas-micro-button nas-icon{width:16px;height:16px}.nas-micro-button__text-container{display:flex;justify-content:center;align-items:center;gap:10px}.nas-micro-button__text{color:#fff;text-align:center;font-family:Apercu Pro;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.nas-micro-button:hover{background:#002a3a}.nas-micro-button:focus{border-radius:3px;border:5px solid #3b99fc;background:#003251}.nas-micro-button:active{border-radius:3px;background:#002a3a #002a3a}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "
|
|
12212
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: MicroButtonComponent, selector: "nas-micro-button", inputs: { text: "text", icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nas-micro-button\">\n <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n <nas-icon\n [icon]=\"_icon\"\n [type]=\"'small'\"\n [lightCircularBackground]=\"true\"\n [nasClass]=\"getClasses('nas-icon')\"\n ></nas-icon>\n </div>\n <div class=\"text-container\" [nasClass]=\"getClasses('text-container')\">\n <div class=\"text\" [nasClass]=\"getClasses('text')\">{{ text }}</div>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-micro-button{display:inline-flex;align-items:flex-start;background:#003251;border-radius:4px;padding:8px 16px;align-items:center}.nas-micro-button nas-icon{width:16px;height:16px}.nas-micro-button__text-container{display:flex;justify-content:center;align-items:center;gap:10px}.nas-micro-button__text{color:#fff;text-align:center;font-family:Apercu Pro;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.nas-micro-button:hover{background:#002a3a}.nas-micro-button:focus{border-radius:3px;border:5px solid #3b99fc;background:#003251}.nas-micro-button:active{border-radius:3px;background:#002a3a #002a3a}\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"] }] }); }
|
|
12213
12213
|
}
|
|
12214
12214
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonComponent, decorators: [{
|
|
12215
12215
|
type: Component,
|
|
@@ -12223,26 +12223,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
12223
12223
|
class MicroButtonModule {
|
|
12224
12224
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12225
12225
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonModule, declarations: [MicroButtonComponent], imports: [CommonModule,
|
|
12226
|
-
|
|
12227
|
-
|
|
12226
|
+
NasClassModule,
|
|
12227
|
+
IconModule], exports: [MicroButtonComponent] }); }
|
|
12228
12228
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonModule, imports: [CommonModule,
|
|
12229
|
-
|
|
12230
|
-
|
|
12229
|
+
NasClassModule,
|
|
12230
|
+
IconModule] }); }
|
|
12231
12231
|
}
|
|
12232
12232
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonModule, decorators: [{
|
|
12233
|
+
type: NgModule,
|
|
12234
|
+
args: [{
|
|
12235
|
+
declarations: [MicroButtonComponent],
|
|
12236
|
+
imports: [
|
|
12237
|
+
CommonModule,
|
|
12238
|
+
NasClassModule,
|
|
12239
|
+
IconModule
|
|
12240
|
+
],
|
|
12241
|
+
exports: [MicroButtonComponent]
|
|
12242
|
+
}]
|
|
12243
|
+
}] });
|
|
12244
|
+
|
|
12245
|
+
/**
|
|
12246
|
+
* @license
|
|
12247
|
+
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
12248
|
+
*/
|
|
12249
|
+
/**
|
|
12250
|
+
* @description
|
|
12251
|
+
* Norwegian campaign-header Component | Layout
|
|
12252
|
+
*/
|
|
12253
|
+
class CampaignHeaderComponent extends NasComponentBase {
|
|
12254
|
+
constructor() {
|
|
12255
|
+
super('nas-campaign-header');
|
|
12256
|
+
}
|
|
12257
|
+
ngOnInit() {
|
|
12258
|
+
//
|
|
12259
|
+
}
|
|
12260
|
+
getBackgroundImage() {
|
|
12261
|
+
return this.source ? `url(${this.source})` : 'none';
|
|
12262
|
+
}
|
|
12263
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CampaignHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12264
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CampaignHeaderComponent, selector: "nas-campaign-header", inputs: { title: "title", source: "source", description: "description", back: "back" }, usesInheritance: true, ngImport: i0, template: "<div>\n <div *ngIf=\"back\" [nasClass]=\"getClass('micro-button')\">\n <nas-micro-button icon=\"arrow-left\" text=\"Back\"></nas-micro-button>\n </div>\n <header\n [nasClass]=\"getClass('header')\"\n [style.--bg-image]=\"getBackgroundImage()\"\n >\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{ title }}</h1>\n <div [nasClass]=\"getClass('description')\">\n <ng-container *ngIf=\"description; else descriptionContent\">{{\n description\n }}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n </header>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-campaign-header{max-width:820px;margin:24px auto 36px}.nas-campaign-header__header{background-color:#d81939;display:flex;align-items:flex-end;height:190px;background-image:var(--bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-campaign-header__header{padding-left:0;background-size:cover}}.nas-campaign-header__micro-button{position:absolute;margin:5% 3%}.nas-campaign-header__content{flex-grow:2}.nas-campaign-header__title{font-size:24px;line-height:30px;color:#fff;padding-bottom:36px;padding-left:3%;text-shadow:1px 1px 3px rgba(126,126,126,.6),-1px -1px 3px rgba(126,126,126,.6),1px -1px 3px rgba(126,126,126,.6),-1px 1px 3px rgba(126,126,126,.6)}@media (min-width: 640px){.nas-campaign-header__title{font-size:42px;line-height:42px}}.nas-campaign-header__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;font-size:16px;line-height:26px;padding-left:3%;margin:-48px 0 3px;text-shadow:1px 1px 3px rgba(126,126,126,.6),-1px -1px 3px rgba(126,126,126,.6),1px -1px 3px rgba(126,126,126,.6),-1px 1px 3px rgba(126,126,126,.6)}.nas-campaign-header--small{margin-bottom:24px}.nas-campaign-header--small .nas-campaign-header__title{font-size:24px;line-height:30px}.nas-campaign-header--small .nas-campaign-header__header{height:auto;background-image:none;border-bottom:2px solid #003251}::ng-deep .nas-micro-button--text{border-bottom:none;font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: MicroButtonComponent, selector: "nas-micro-button", inputs: ["text", "icon"] }] }); }
|
|
12265
|
+
}
|
|
12266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CampaignHeaderComponent, decorators: [{
|
|
12267
|
+
type: Component,
|
|
12268
|
+
args: [{ selector: 'nas-campaign-header', template: "<div>\n <div *ngIf=\"back\" [nasClass]=\"getClass('micro-button')\">\n <nas-micro-button icon=\"arrow-left\" text=\"Back\"></nas-micro-button>\n </div>\n <header\n [nasClass]=\"getClass('header')\"\n [style.--bg-image]=\"getBackgroundImage()\"\n >\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{ title }}</h1>\n <div [nasClass]=\"getClass('description')\">\n <ng-container *ngIf=\"description; else descriptionContent\">{{\n description\n }}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n </header>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-campaign-header{max-width:820px;margin:24px auto 36px}.nas-campaign-header__header{background-color:#d81939;display:flex;align-items:flex-end;height:190px;background-image:var(--bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-campaign-header__header{padding-left:0;background-size:cover}}.nas-campaign-header__micro-button{position:absolute;margin:5% 3%}.nas-campaign-header__content{flex-grow:2}.nas-campaign-header__title{font-size:24px;line-height:30px;color:#fff;padding-bottom:36px;padding-left:3%;text-shadow:1px 1px 3px rgba(126,126,126,.6),-1px -1px 3px rgba(126,126,126,.6),1px -1px 3px rgba(126,126,126,.6),-1px 1px 3px rgba(126,126,126,.6)}@media (min-width: 640px){.nas-campaign-header__title{font-size:42px;line-height:42px}}.nas-campaign-header__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;font-size:16px;line-height:26px;padding-left:3%;margin:-48px 0 3px;text-shadow:1px 1px 3px rgba(126,126,126,.6),-1px -1px 3px rgba(126,126,126,.6),1px -1px 3px rgba(126,126,126,.6),-1px 1px 3px rgba(126,126,126,.6)}.nas-campaign-header--small{margin-bottom:24px}.nas-campaign-header--small .nas-campaign-header__title{font-size:24px;line-height:30px}.nas-campaign-header--small .nas-campaign-header__header{height:auto;background-image:none;border-bottom:2px solid #003251}::ng-deep .nas-micro-button--text{border-bottom:none;font-weight:700}\n"] }]
|
|
12269
|
+
}], ctorParameters: function () { return []; }, propDecorators: { title: [{
|
|
12270
|
+
type: Input
|
|
12271
|
+
}], source: [{
|
|
12272
|
+
type: Input
|
|
12273
|
+
}], description: [{
|
|
12274
|
+
type: Input
|
|
12275
|
+
}], back: [{
|
|
12276
|
+
type: Input
|
|
12277
|
+
}] } });
|
|
12278
|
+
|
|
12279
|
+
class CampaignHeaderModule {
|
|
12280
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CampaignHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12281
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: CampaignHeaderModule, declarations: [CampaignHeaderComponent], imports: [CommonModule,
|
|
12282
|
+
NasClassModule,
|
|
12283
|
+
MicroButtonModule], exports: [CampaignHeaderComponent] }); }
|
|
12284
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CampaignHeaderModule, imports: [CommonModule,
|
|
12285
|
+
NasClassModule,
|
|
12286
|
+
MicroButtonModule] }); }
|
|
12287
|
+
}
|
|
12288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CampaignHeaderModule, decorators: [{
|
|
12233
12289
|
type: NgModule,
|
|
12234
12290
|
args: [{
|
|
12235
12291
|
declarations: [
|
|
12236
|
-
|
|
12292
|
+
CampaignHeaderComponent
|
|
12237
12293
|
],
|
|
12238
12294
|
imports: [
|
|
12239
12295
|
CommonModule,
|
|
12240
|
-
|
|
12241
|
-
|
|
12296
|
+
NasClassModule,
|
|
12297
|
+
MicroButtonModule
|
|
12242
12298
|
],
|
|
12243
|
-
exports: [
|
|
12244
|
-
MicroButtonComponent
|
|
12245
|
-
]
|
|
12299
|
+
exports: [CampaignHeaderComponent]
|
|
12246
12300
|
}]
|
|
12247
12301
|
}] });
|
|
12248
12302
|
|
|
@@ -12271,5 +12325,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
12271
12325
|
* Generated bundle index. Do not edit.
|
|
12272
12326
|
*/
|
|
12273
12327
|
|
|
12274
|
-
export { AbandonedBasketService, AccordionComponent, AccordionModule, AirportSelectComponent, AirportSelectModule, AlertComponent, AlertModule, AnimateHelper, AutocompleteComponent, AutocompleteModule, BackdropComponent, BackdropModule, BemHelper, BoxComponent, BoxModule, ButtonComponent, ButtonModule, CalendarComponent, CheckboxComponent, CheckboxModule, ChipComponent, ChipModule, ColComponent, ColumnComponent, ColumnGroupComponent, ContainerComponent, ContainerModule, ContinueComponent, ContinueModule, CoverComponent, CoverModule, DateHelper, DatepickerComboComponent, DatepickerComboModule, DatepickerComponent, DatepickerModule, DeviceHelper, DividerComponent, DividerModule, DropdownComponent, DropdownModule, FilterComponent, FilterModule, GeolocationService, GetPositionService, GridComponent, GridModule, HamburgerComponent, IconComponent, IconListComponent, IconListModule, IconModule, InfoComponent, InfoModule, InputComponent, InputModule, JourneyAvailabilityComponent, JourneyAvailabilityListComponent, JourneyAvailabilityListModule, JourneyAvailabilityModule, JourneyComponent, JourneyModule, JourneySelectionComponent, JourneySelectionModule, JourneyStopoverComponent, JourneyStopoverModule, LanguageHelper, ListComponent, ListItemComponent, ListModule, MicroButtonComponent, MicroButtonModule, ModalComponent, ModalModule, NasClassDirective, NasClassModule, NasComponentBase, NumberFieldComponent, NumberFieldModule, OptgroupComponent, OptionComponent, PageFooterComponent, PageFooterModule, PageHeaderComponent, PageHeaderModule, PassengerSelectComponent, PassengerSelectModule, PassengerType, PhoneNumberComponent, PhoneNumberModule, PremiumToggleComponent, PremiumToggleModule, RadioComponent, RadioModule, SearchComponent, SelectComponent, SelectModule, SimpleListComponent, SimpleListModule, SlideToggleComponent, SlideToggleModule, SliderComponent, SliderModule, SortComponent, SortModule, SortService, SpinnerComponent, SpinnerModule, SubsidyDiscountComponent, SubsidyDiscountModule, SuggestionsComponent, SuggestionsModule, TabComponent, TabGroupComponent, TabGroupModule, TableBodyComponent, TableComponent, TableDataComponent, TableFootComponent, TableHeadComponent, TableHeaderComponent, TableModule, TableRowComponent, TagComponent, TagModule, TextareaComponent, TextareaModule, ToggleComponent, ToggleModule, TripSummaryComponent, TripSummaryModule, TripType, UtcDate, ViewPortService, WeatherIconComponent, WeatherIconModule };
|
|
12328
|
+
export { AbandonedBasketService, AccordionComponent, AccordionModule, AirportSelectComponent, AirportSelectModule, AlertComponent, AlertModule, AnimateHelper, AutocompleteComponent, AutocompleteModule, BackdropComponent, BackdropModule, BemHelper, BoxComponent, BoxModule, ButtonComponent, ButtonModule, CalendarComponent, CampaignHeaderComponent, CampaignHeaderModule, CheckboxComponent, CheckboxModule, ChipComponent, ChipModule, ColComponent, ColumnComponent, ColumnGroupComponent, ContainerComponent, ContainerModule, ContinueComponent, ContinueModule, CoverComponent, CoverModule, DateHelper, DatepickerComboComponent, DatepickerComboModule, DatepickerComponent, DatepickerModule, DeviceHelper, DividerComponent, DividerModule, DropdownComponent, DropdownModule, FilterComponent, FilterModule, GeolocationService, GetPositionService, GridComponent, GridModule, HamburgerComponent, IconComponent, IconListComponent, IconListModule, IconModule, InfoComponent, InfoModule, InputComponent, InputModule, JourneyAvailabilityComponent, JourneyAvailabilityListComponent, JourneyAvailabilityListModule, JourneyAvailabilityModule, JourneyComponent, JourneyModule, JourneySelectionComponent, JourneySelectionModule, JourneyStopoverComponent, JourneyStopoverModule, LanguageHelper, ListComponent, ListItemComponent, ListModule, MicroButtonComponent, MicroButtonModule, ModalComponent, ModalModule, NasClassDirective, NasClassModule, NasComponentBase, NumberFieldComponent, NumberFieldModule, OptgroupComponent, OptionComponent, PageFooterComponent, PageFooterModule, PageHeaderComponent, PageHeaderModule, PassengerSelectComponent, PassengerSelectModule, PassengerType, PhoneNumberComponent, PhoneNumberModule, PremiumToggleComponent, PremiumToggleModule, RadioComponent, RadioModule, SearchComponent, SelectComponent, SelectModule, SimpleListComponent, SimpleListModule, SlideToggleComponent, SlideToggleModule, SliderComponent, SliderModule, SortComponent, SortModule, SortService, SpinnerComponent, SpinnerModule, SubsidyDiscountComponent, SubsidyDiscountModule, SuggestionsComponent, SuggestionsModule, TabComponent, TabGroupComponent, TabGroupModule, TableBodyComponent, TableComponent, TableDataComponent, TableFootComponent, TableHeadComponent, TableHeaderComponent, TableModule, TableRowComponent, TagComponent, TagModule, TextareaComponent, TextareaModule, ToggleComponent, ToggleModule, TripSummaryComponent, TripSummaryModule, TripType, UtcDate, ViewPortService, WeatherIconComponent, WeatherIconModule };
|
|
12275
12329
|
//# sourceMappingURL=norwegian-core-components.mjs.map
|