@norwegian/core-components 6.0.0 → 6.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/icons/medium/twitter-x.svg +18 -0
- package/assets/icons/small/twitter-x.svg +18 -0
- package/esm2022/lib/components/accordion/accordion.component.mjs +3 -3
- package/esm2022/lib/components/accordion/accordion.module.mjs +4 -4
- package/esm2022/lib/components/airport-select/airport-select-dropdown/airport-select-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/airport-select/airport-select.component.mjs +3 -3
- package/esm2022/lib/components/airport-select/airport-select.module.mjs +4 -4
- package/esm2022/lib/components/airport-select/services/airport-select-dropdown.service.mjs +3 -3
- package/esm2022/lib/components/airport-select/services/airport-select.service.mjs +3 -3
- package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +3 -3
- package/esm2022/lib/components/autocomplete/autocomplete.module.mjs +4 -4
- package/esm2022/lib/components/backdrop/backdrop.component.mjs +3 -3
- package/esm2022/lib/components/backdrop/backdrop.module.mjs +4 -4
- package/esm2022/lib/components/box/box.component.mjs +3 -3
- package/esm2022/lib/components/box/box.module.mjs +4 -4
- package/esm2022/lib/components/button/button.component.mjs +3 -3
- package/esm2022/lib/components/button/button.module.mjs +4 -4
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/components/checkbox/checkbox.module.mjs +4 -4
- package/esm2022/lib/components/chip/chip.component.mjs +3 -3
- package/esm2022/lib/components/chip/chip.module.mjs +4 -4
- package/esm2022/lib/components/container/container.component.mjs +3 -3
- package/esm2022/lib/components/container/container.module.mjs +4 -4
- package/esm2022/lib/components/continue/continue.component.mjs +3 -3
- package/esm2022/lib/components/continue/continue.module.mjs +4 -4
- package/esm2022/lib/components/cover/cover.component.mjs +3 -3
- package/esm2022/lib/components/cover/cover.module.mjs +4 -4
- package/esm2022/lib/components/datepicker/calendar/calendar.component.mjs +3 -3
- package/esm2022/lib/components/datepicker/datepicker.component.mjs +3 -3
- package/esm2022/lib/components/datepicker/datepicker.module.mjs +4 -4
- package/esm2022/lib/components/datepicker/services/calendar.service.mjs +3 -3
- package/esm2022/lib/components/datepicker-combo/datepicker-combo.component.mjs +3 -3
- package/esm2022/lib/components/datepicker-combo/datepicker-combo.module.mjs +4 -4
- package/esm2022/lib/components/divider/divider.component.mjs +3 -3
- package/esm2022/lib/components/divider/divider.module.mjs +4 -4
- package/esm2022/lib/components/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/lib/components/dropdown/dropdown.module.mjs +4 -4
- package/esm2022/lib/components/filter/filter.component.mjs +3 -3
- package/esm2022/lib/components/filter/filter.module.mjs +4 -4
- package/esm2022/lib/components/grid/col/col.component.mjs +3 -3
- package/esm2022/lib/components/grid/grid.component.mjs +3 -3
- package/esm2022/lib/components/grid/grid.module.mjs +4 -4
- package/esm2022/lib/components/icon/icon.component.mjs +4 -4
- package/esm2022/lib/components/icon/icon.module.mjs +4 -4
- package/esm2022/lib/components/icon-list/icon-list.component.mjs +3 -3
- package/esm2022/lib/components/icon-list/icon-list.module.mjs +4 -4
- package/esm2022/lib/components/info/info.component.mjs +3 -3
- package/esm2022/lib/components/info/info.module.mjs +4 -4
- package/esm2022/lib/components/input/input.component.mjs +3 -3
- package/esm2022/lib/components/input/input.module.mjs +4 -4
- package/esm2022/lib/components/journey/journey.component.mjs +3 -3
- package/esm2022/lib/components/journey/journey.module.mjs +4 -4
- package/esm2022/lib/components/journey-availability/journey-availability.component.mjs +3 -3
- package/esm2022/lib/components/journey-availability/journey-availability.module.mjs +4 -4
- package/esm2022/lib/components/journey-availability-list/journey-availability-list.component.mjs +3 -3
- package/esm2022/lib/components/journey-availability-list/journey-availability-list.module.mjs +4 -4
- package/esm2022/lib/components/journey-selection/journey-selection.component.mjs +3 -3
- package/esm2022/lib/components/journey-selection/journey-selection.module.mjs +4 -4
- package/esm2022/lib/components/journey-stopover/journey-stopover.component.mjs +3 -3
- package/esm2022/lib/components/journey-stopover/journey-stopover.module.mjs +4 -4
- package/esm2022/lib/components/list/list-item/list-item.component.mjs +3 -3
- package/esm2022/lib/components/list/list.component.mjs +3 -3
- package/esm2022/lib/components/list/list.module.mjs +4 -4
- package/esm2022/lib/components/modal/modal.component.mjs +3 -3
- package/esm2022/lib/components/modal/modal.module.mjs +4 -4
- package/esm2022/lib/components/number-field/number-field.component.mjs +3 -3
- package/esm2022/lib/components/number-field/number-field.module.mjs +4 -4
- package/esm2022/lib/components/page-footer/page-footer.component.mjs +3 -3
- package/esm2022/lib/components/page-footer/page-footer.module.mjs +4 -4
- package/esm2022/lib/components/page-header/hamburger/hamburger.component.mjs +3 -3
- package/esm2022/lib/components/page-header/page-header.component.mjs +3 -3
- package/esm2022/lib/components/page-header/page-header.module.mjs +4 -4
- package/esm2022/lib/components/page-header/search/search.component.mjs +3 -3
- package/esm2022/lib/components/passenger-select/passenger-select.component.mjs +3 -3
- package/esm2022/lib/components/passenger-select/passenger-select.module.mjs +4 -4
- package/esm2022/lib/components/phone-number/phone-number.component.mjs +3 -3
- package/esm2022/lib/components/phone-number/phone-number.module.mjs +4 -4
- package/esm2022/lib/components/premium-toggle/premium-toggle.component.mjs +3 -3
- package/esm2022/lib/components/premium-toggle/premium-toggle.module.mjs +4 -4
- package/esm2022/lib/components/radio/radio.component.mjs +3 -3
- package/esm2022/lib/components/radio/radio.module.mjs +4 -4
- package/esm2022/lib/components/select/optgroup/optgroup.component.mjs +3 -3
- package/esm2022/lib/components/select/option/option.component.mjs +3 -3
- package/esm2022/lib/components/select/select.component.mjs +3 -3
- package/esm2022/lib/components/select/select.module.mjs +4 -4
- package/esm2022/lib/components/simple-list/simple-list.component.mjs +3 -3
- package/esm2022/lib/components/simple-list/simple-list.module.mjs +4 -4
- package/esm2022/lib/components/slide-toggle/slide-toggle.component.mjs +3 -3
- package/esm2022/lib/components/slide-toggle/slide-toggle.module.mjs +4 -4
- package/esm2022/lib/components/slider/slider.component.mjs +3 -3
- package/esm2022/lib/components/slider/slider.module.mjs +4 -4
- package/esm2022/lib/components/sort/sort.component.mjs +3 -3
- package/esm2022/lib/components/sort/sort.module.mjs +4 -4
- package/esm2022/lib/components/spinner/spinner.component.mjs +3 -3
- package/esm2022/lib/components/spinner/spinner.module.mjs +4 -4
- package/esm2022/lib/components/subsidy-discount/subsidy-discount.component.mjs +3 -3
- package/esm2022/lib/components/subsidy-discount/subsidy-discount.module.mjs +4 -4
- package/esm2022/lib/components/suggestions/suggestions.component.mjs +3 -3
- package/esm2022/lib/components/suggestions/suggestions.module.mjs +4 -4
- package/esm2022/lib/components/tab-group/tab/tab.component.mjs +3 -3
- package/esm2022/lib/components/tab-group/tab-group.component.mjs +3 -3
- package/esm2022/lib/components/tab-group/tab-group.module.mjs +4 -4
- package/esm2022/lib/components/table/column/column.component.mjs +3 -3
- package/esm2022/lib/components/table/column-group/column-group.component.mjs +3 -3
- package/esm2022/lib/components/table/services/table.service.mjs +3 -3
- package/esm2022/lib/components/table/table-body/table-body.component.mjs +3 -3
- package/esm2022/lib/components/table/table-foot/table-foot.component.mjs +3 -3
- package/esm2022/lib/components/table/table-head/table-head.component.mjs +3 -3
- package/esm2022/lib/components/table/table-row/table-data/table-data.component.mjs +3 -3
- package/esm2022/lib/components/table/table-row/table-header/table-header.component.mjs +3 -3
- package/esm2022/lib/components/table/table-row/table-row.component.mjs +3 -3
- package/esm2022/lib/components/table/table.component.mjs +3 -3
- package/esm2022/lib/components/table/table.module.mjs +4 -4
- package/esm2022/lib/components/textarea/textarea.component.mjs +3 -3
- package/esm2022/lib/components/textarea/textarea.module.mjs +4 -4
- package/esm2022/lib/components/toggle/toggle.component.mjs +3 -3
- package/esm2022/lib/components/toggle/toggle.module.mjs +4 -4
- package/esm2022/lib/components/trip-summary/trip-summary.component.mjs +3 -3
- package/esm2022/lib/components/trip-summary/trip-summary.module.mjs +4 -4
- package/esm2022/lib/components/weather-icon/weather-icon.component.mjs +3 -3
- package/esm2022/lib/components/weather-icon/weather-icon.module.mjs +4 -4
- package/esm2022/lib/core/directives/nas-class/nas-class.directive.mjs +3 -3
- package/esm2022/lib/core/directives/nas-class/nas-class.module.mjs +4 -4
- package/esm2022/lib/core/services/abandoned-basket/abandoned-basket.service.mjs +3 -3
- package/esm2022/lib/core/services/animate-helper/animate-helper.service.mjs +3 -3
- package/esm2022/lib/core/services/bem-helper/bem-helper.service.mjs +3 -3
- package/esm2022/lib/core/services/date/date-helper.service.mjs +3 -3
- package/esm2022/lib/core/services/device/device-helper.service.mjs +3 -3
- package/esm2022/lib/core/services/geolocation/geolocation.service.mjs +3 -3
- package/esm2022/lib/core/services/language/language-helper.service.mjs +3 -3
- package/esm2022/lib/core/services/sort/sort.service.mjs +3 -3
- package/esm2022/lib/core/services/viewport/viewport.service.mjs +3 -3
- package/esm2022/lib/services/get-position.service.mjs +3 -3
- package/fesm2022/norwegian-core-components.mjs +444 -444
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/2__generic/_fonts.scss +2 -2
- /package/assets/icons/medium/{twitter.svg → twitter-old.svg} +0 -0
- /package/assets/icons/small/{twitter.svg → twitter-old.svg} +0 -0
|
@@ -4,13 +4,13 @@ import { IconComponent } from './icon.component';
|
|
|
4
4
|
import { NasClassModule } from '../../core/directives/nas-class/nas-class.module';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class IconModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule,
|
|
9
9
|
NasClassModule], exports: [IconComponent] }); }
|
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: IconModule, imports: [CommonModule,
|
|
11
11
|
NasClassModule] }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: IconModule, decorators: [{
|
|
14
14
|
type: NgModule,
|
|
15
15
|
args: [{
|
|
16
16
|
imports: [
|
|
@@ -30,10 +30,10 @@ export class IconListComponent extends NasComponentBase {
|
|
|
30
30
|
this.exists(this.spaceless) && 'spaceless',
|
|
31
31
|
]);
|
|
32
32
|
}
|
|
33
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
34
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
33
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: IconListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: IconListComponent, selector: "nas-icon-list", inputs: { items: "items", small: "small", inline: "inline", grid: "grid", spaceless: "spaceless" }, usesInheritance: true, ngImport: i0, template: "<ul [nasClass]=\"mainClass()\">\n <li *ngFor=\"let item of items\" [nasClass]=\"getClasses('item')\">\n <nas-icon\n [icon]=\"item.icon\"\n [nasClass]=\"getClasses('icon')\"\n [type]=\"small ? 'small' : 'medium'\"\n *ngIf=\"item.icon\">\n </nas-icon>\n <h3 [nasClass]=\"getClasses('title')\">\n <a [href]=\"item.link\" *ngIf=\"item.link\" [nasClass]=\"getClasses('link')\">\n {{item.title}}\n </a>\n <span *ngIf=\"!item.link\">{{item.title}}</span>\n </h3>\n\n <p [nasClass]=\"getClasses('description')\" *ngIf=\"!small\" [innerHtml]=\"item.description\"></p>\n </li>\n</ul>\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-icon-list{list-style:none;margin-top:6px;margin-bottom:24px}.nas-icon-list__item{list-style:none;position:relative;padding:24px 0 24px 72px;border-top:2px solid #d8d8d8}.nas-icon-list__icon{position:absolute;left:0;top:calc(35% - 24px)}.nas-icon-list__title{line-height:1.5;margin-top:-6px;margin-bottom:6px}.nas-icon-list__link{line-height:inherit}.nas-icon-list__description{margin:0}.nas-icon-list--grid{display:flex;flex-wrap:wrap}@media (min-width: 640px){.nas-icon-list--grid{justify-content:space-between}}.nas-icon-list--grid .nas-icon-list__item{width:100%;border-top:2px solid #d8d8d8}@media (min-width: 640px){.nas-icon-list--grid .nas-icon-list__item{width:calc(50% - 12px)}}.nas-icon-list--grid .nas-icon-list__icon{top:28px}.nas-icon-list--inline{margin-bottom:0}.nas-icon-list--inline .nas-icon-list__item{display:block;border-top:0;padding:0 0 0 72px;margin-bottom:24px}@media (min-width: 640px){.nas-icon-list--inline .nas-icon-list__item{display:inline-block;margin-right:24px}}.nas-icon-list--inline .nas-icon-list__icon{top:0}.nas-icon-list--inline .nas-icon-list__title{font-size:16px;line-height:24px;margin:0}.nas-icon-list--small .nas-icon-list__item{border:0;padding:9px 0 9px 36px}.nas-icon-list--small.nas-icon-list--inline .nas-icon-list__item{padding:0 0 0 36px;margin-bottom:16px}@media (min-width: 640px){.nas-icon-list--small.nas-icon-list--inline .nas-icon-list__item{margin-bottom:24px}}.nas-icon-list--small .nas-icon-list__icon{top:calc(50% - 12px)}.nas-icon-list--small .nas-icon-list__title{font-size:16px;line-height:24px;margin:0}.nas-icon-list--spaceless{margin:0}.nas-icon-list--spaceless .nas-icon-list__item{margin-bottom:0}\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: "component", type: i2.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
35
35
|
}
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: IconListComponent, decorators: [{
|
|
37
37
|
type: Component,
|
|
38
38
|
args: [{ selector: 'nas-icon-list', encapsulation: ViewEncapsulation.None, template: "<ul [nasClass]=\"mainClass()\">\n <li *ngFor=\"let item of items\" [nasClass]=\"getClasses('item')\">\n <nas-icon\n [icon]=\"item.icon\"\n [nasClass]=\"getClasses('icon')\"\n [type]=\"small ? 'small' : 'medium'\"\n *ngIf=\"item.icon\">\n </nas-icon>\n <h3 [nasClass]=\"getClasses('title')\">\n <a [href]=\"item.link\" *ngIf=\"item.link\" [nasClass]=\"getClasses('link')\">\n {{item.title}}\n </a>\n <span *ngIf=\"!item.link\">{{item.title}}</span>\n </h3>\n\n <p [nasClass]=\"getClasses('description')\" *ngIf=\"!small\" [innerHtml]=\"item.description\"></p>\n </li>\n</ul>\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-icon-list{list-style:none;margin-top:6px;margin-bottom:24px}.nas-icon-list__item{list-style:none;position:relative;padding:24px 0 24px 72px;border-top:2px solid #d8d8d8}.nas-icon-list__icon{position:absolute;left:0;top:calc(35% - 24px)}.nas-icon-list__title{line-height:1.5;margin-top:-6px;margin-bottom:6px}.nas-icon-list__link{line-height:inherit}.nas-icon-list__description{margin:0}.nas-icon-list--grid{display:flex;flex-wrap:wrap}@media (min-width: 640px){.nas-icon-list--grid{justify-content:space-between}}.nas-icon-list--grid .nas-icon-list__item{width:100%;border-top:2px solid #d8d8d8}@media (min-width: 640px){.nas-icon-list--grid .nas-icon-list__item{width:calc(50% - 12px)}}.nas-icon-list--grid .nas-icon-list__icon{top:28px}.nas-icon-list--inline{margin-bottom:0}.nas-icon-list--inline .nas-icon-list__item{display:block;border-top:0;padding:0 0 0 72px;margin-bottom:24px}@media (min-width: 640px){.nas-icon-list--inline .nas-icon-list__item{display:inline-block;margin-right:24px}}.nas-icon-list--inline .nas-icon-list__icon{top:0}.nas-icon-list--inline .nas-icon-list__title{font-size:16px;line-height:24px;margin:0}.nas-icon-list--small .nas-icon-list__item{border:0;padding:9px 0 9px 36px}.nas-icon-list--small.nas-icon-list--inline .nas-icon-list__item{padding:0 0 0 36px;margin-bottom:16px}@media (min-width: 640px){.nas-icon-list--small.nas-icon-list--inline .nas-icon-list__item{margin-bottom:24px}}.nas-icon-list--small .nas-icon-list__icon{top:calc(50% - 12px)}.nas-icon-list--small .nas-icon-list__title{font-size:16px;line-height:24px;margin:0}.nas-icon-list--spaceless{margin:0}.nas-icon-list--spaceless .nas-icon-list__item{margin-bottom:0}\n"] }]
|
|
39
39
|
}], ctorParameters: function () { return []; }, propDecorators: { items: [{
|
|
@@ -5,11 +5,11 @@ import { IconListComponent } from './icon-list.component';
|
|
|
5
5
|
import { NasClassModule } from '../../core/directives/nas-class/nas-class.module';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class IconListModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: IconListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: IconListModule, declarations: [IconListComponent], imports: [CommonModule, IconModule, NasClassModule], exports: [IconListComponent] }); }
|
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: IconListModule, imports: [CommonModule, IconModule, NasClassModule] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: IconListModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
declarations: [IconListComponent],
|
|
@@ -77,10 +77,10 @@ export class InfoComponent extends NasComponentBase {
|
|
|
77
77
|
this.exists(this.success) && 'success',
|
|
78
78
|
];
|
|
79
79
|
}
|
|
80
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
81
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
80
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
81
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InfoComponent, selector: "nas-info", inputs: { info: "info", error: "error", success: "success", stackTraceLabel: "stackTraceLabel", removeIcon: "removeIcon", show: "show", sanitized: "sanitized" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "infoContainer", first: true, predicate: ["infoContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(show)\" #infoContainer [nasClass]=\"getContainerClass()\">\n <div [nasClass]=\"getClass('content', modifiers)\">\n <div *ngIf=\"info?.timestamp\" [nasClass]=\"getClass('timestamp')\">\n <small>{{info?.timestamp | date:'full'}}</small>\n <small *ngIf=\"info?.server\"> ({{info?.server}})</small>\n </div>\n <div *ngIf=\"exists(error) || exists(success); else titleTemplate\" [nasClass]=\"getClass('error-title')\">\n <nas-icon *ngIf=\"exists(error)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--error\" type=\"small\"></nas-icon>\n <nas-icon *ngIf=\"exists(success)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--success\" type=\"small\"></nas-icon>\n <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n </div>\n <ul *ngIf=\"info?.messages?.length > 0\" [nasClass]=\"getListClass('', 'spaceless')\">\n <li *ngFor=\"let message of info?.messages\"> \n <span *ngIf=\"exists(sanitized)\" [innerHTML]=\"message\"></span>\n <span *ngIf=\"!exists(sanitized)\">{{message}}</span>\n </li>\n </ul>\n <div [nasClass]=\"getClass('custom-content')\">\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"info?.link\">\n <nas-button link [href]=\"info.link.href\">{{info.link.text}}</nas-button>\n </div>\n <div *ngIf=\"info?.stackTrace\" [nasClass]=\"getClass('stack-trace')\">\n <nas-accordion simple [title]=\"stackTraceLabel\">\n {{info?.stackTrace}}\n </nas-accordion>\n </div>\n </div>\n <div [nasClass]=\"getClass('remove-box')\" *ngIf=\"exists(removeIcon);\">\n <nas-icon type=\"remove\" (click)=\"removeInfoBox()\"></nas-icon>\n </div>\n</div>\n\n<ng-template #titleTemplate>\n <h3 [nasClass]=\"getClass('title')\" [innerHTML]=\"info?.title\"></h3>\n</ng-template>\n\n\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-info{perspective:1000px;margin-top:36px;margin-bottom:36px;position:relative}@media (min-width: 1000px){.nas-info{margin-bottom:12px}}.nas-info__remove-box{position:absolute;right:10px;top:10px;cursor:pointer}.nas-info__custom-content{padding-top:16px}.nas-info__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.3s;padding:16px;background-color:#ffc}.nas-info__content--error{background-color:#fff;border:3px solid #d81939}.nas-info__content--success{background-color:#fff;border:3px solid #238e00}.nas-info__stack-trace{margin-top:12px;word-break:break-word}.nas-info__error-title{display:flex;margin-bottom:9px}.nas-info__error-title>:first-child{margin-right:12px}.nas-info__timestamp{margin-bottom:12px}.nas-info__error-icon{padding-top:3px}\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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "subheader", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "info", "subheaderPositive", "subheaderNegative", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: i4.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i5.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"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
|
|
82
82
|
}
|
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
83
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InfoComponent, decorators: [{
|
|
84
84
|
type: Component,
|
|
85
85
|
args: [{ selector: 'nas-info', template: "<div *ngIf=\"exists(show)\" #infoContainer [nasClass]=\"getContainerClass()\">\n <div [nasClass]=\"getClass('content', modifiers)\">\n <div *ngIf=\"info?.timestamp\" [nasClass]=\"getClass('timestamp')\">\n <small>{{info?.timestamp | date:'full'}}</small>\n <small *ngIf=\"info?.server\"> ({{info?.server}})</small>\n </div>\n <div *ngIf=\"exists(error) || exists(success); else titleTemplate\" [nasClass]=\"getClass('error-title')\">\n <nas-icon *ngIf=\"exists(error)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--error\" type=\"small\"></nas-icon>\n <nas-icon *ngIf=\"exists(success)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--success\" type=\"small\"></nas-icon>\n <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n </div>\n <ul *ngIf=\"info?.messages?.length > 0\" [nasClass]=\"getListClass('', 'spaceless')\">\n <li *ngFor=\"let message of info?.messages\"> \n <span *ngIf=\"exists(sanitized)\" [innerHTML]=\"message\"></span>\n <span *ngIf=\"!exists(sanitized)\">{{message}}</span>\n </li>\n </ul>\n <div [nasClass]=\"getClass('custom-content')\">\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"info?.link\">\n <nas-button link [href]=\"info.link.href\">{{info.link.text}}</nas-button>\n </div>\n <div *ngIf=\"info?.stackTrace\" [nasClass]=\"getClass('stack-trace')\">\n <nas-accordion simple [title]=\"stackTraceLabel\">\n {{info?.stackTrace}}\n </nas-accordion>\n </div>\n </div>\n <div [nasClass]=\"getClass('remove-box')\" *ngIf=\"exists(removeIcon);\">\n <nas-icon type=\"remove\" (click)=\"removeInfoBox()\"></nas-icon>\n </div>\n</div>\n\n<ng-template #titleTemplate>\n <h3 [nasClass]=\"getClass('title')\" [innerHTML]=\"info?.title\"></h3>\n</ng-template>\n\n\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-info{perspective:1000px;margin-top:36px;margin-bottom:36px;position:relative}@media (min-width: 1000px){.nas-info{margin-bottom:12px}}.nas-info__remove-box{position:absolute;right:10px;top:10px;cursor:pointer}.nas-info__custom-content{padding-top:16px}.nas-info__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.3s;padding:16px;background-color:#ffc}.nas-info__content--error{background-color:#fff;border:3px solid #d81939}.nas-info__content--success{background-color:#fff;border:3px solid #238e00}.nas-info__stack-trace{margin-top:12px;word-break:break-word}.nas-info__error-title{display:flex;margin-bottom:9px}.nas-info__error-title>:first-child{margin-right:12px}.nas-info__timestamp{margin-bottom:12px}.nas-info__error-icon{padding-top:3px}\n"] }]
|
|
86
86
|
}], ctorParameters: function () { return []; }, propDecorators: { showChange: [{
|
|
@@ -7,19 +7,19 @@ import { IconModule } from '../icon/icon.module';
|
|
|
7
7
|
import { ButtonModule } from '../button/button.module';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class InfoModule {
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
11
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: InfoModule, declarations: [InfoComponent], imports: [CommonModule,
|
|
12
12
|
NasClassModule,
|
|
13
13
|
AccordionModule,
|
|
14
14
|
IconModule,
|
|
15
15
|
ButtonModule], exports: [InfoComponent] }); }
|
|
16
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
16
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InfoModule, imports: [CommonModule,
|
|
17
17
|
NasClassModule,
|
|
18
18
|
AccordionModule,
|
|
19
19
|
IconModule,
|
|
20
20
|
ButtonModule] }); }
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InfoModule, decorators: [{
|
|
23
23
|
type: NgModule,
|
|
24
24
|
args: [{
|
|
25
25
|
imports: [
|
|
@@ -108,10 +108,10 @@ export class InputComponent extends NasComponentBase {
|
|
|
108
108
|
onBlur(value) {
|
|
109
109
|
this.blur.emit(value);
|
|
110
110
|
}
|
|
111
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
112
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
111
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
112
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InputComponent, selector: "nas-input", inputs: { id: "id", model: "model", error: "error", disabled: "disabled", spaceless: "spaceless", loading: "loading", label: "label", labelInside: "labelInside", errorMessage: "errorMessage", placeholder: "placeholder", minLength: "minLength", maxLength: "maxLength", info: "info", icon: "icon", type: "type", readonly: "readonly", name: "name", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], required: "required", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", min: "min", max: "max", line: "line", pattern: "pattern" }, outputs: { modelChange: "modelChange", blur: "blur" }, viewQueries: [{ propertyName: "inputReactive", first: true, predicate: ["inputReactive"], descendants: true }, { propertyName: "inputNotReactive", first: true, predicate: ["inputNotReactive"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass()\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputNotReactive [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"\n [(ngModel)]=\"model\" />\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-container>\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass()\"\n [formGroup]=\"nasFormGroup\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputReactive [formControlName]=\"nasFormControlName\"\n [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"/>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-template>\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-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#d81939}.nas-input--error .nas-input__line{background-color:#d81939}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
113
113
|
}
|
|
114
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
114
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputComponent, decorators: [{
|
|
115
115
|
type: Component,
|
|
116
116
|
args: [{ selector: 'nas-input', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass()\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputNotReactive [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"\n [(ngModel)]=\"model\" />\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-container>\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass()\"\n [formGroup]=\"nasFormGroup\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputReactive [formControlName]=\"nasFormControlName\"\n [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"/>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-template>\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-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#d81939}.nas-input--error .nas-input__line{background-color:#d81939}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
|
|
117
117
|
}], ctorParameters: function () { return []; }, propDecorators: { inputReactive: [{
|
|
@@ -6,11 +6,11 @@ import { InputComponent } from './input.component';
|
|
|
6
6
|
import { NasClassModule } from '../../core/directives/nas-class/nas-class.module';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class InputModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
11
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: InputModule, declarations: [InputComponent], imports: [CommonModule, IconModule, FormsModule, NasClassModule, ReactiveFormsModule], exports: [InputComponent] }); }
|
|
11
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputModule, imports: [CommonModule, IconModule, FormsModule, NasClassModule, ReactiveFormsModule] }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputModule, decorators: [{
|
|
14
14
|
type: NgModule,
|
|
15
15
|
args: [{
|
|
16
16
|
declarations: [InputComponent],
|
|
@@ -98,10 +98,10 @@ export class JourneyComponent extends NasComponentBase {
|
|
|
98
98
|
transformDate(date, format) {
|
|
99
99
|
return this.datePipe.transform(this.dateService.date(date), format, this.timeZone, this.locale);
|
|
100
100
|
}
|
|
101
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
102
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.
|
|
101
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyComponent, deps: [{ token: i1.DatePipe }, { token: i2.DateHelper }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
102
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: JourneyComponent, selector: "nas-journey", inputs: { journeyModel: "journeyModel", dateFormat: "dateFormat", timeFormat: "timeFormat", arrivalLabel: "arrivalLabel", departureLabel: "departureLabel", arrivalEstimatedLabel: "arrivalEstimatedLabel", departureEstimatedLabel: "departureEstimatedLabel", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\" *ngIf=\"journeyModel\">\n <span [nasClass]=\"getLineClass()\"></span>\n\n <div [nasClass]=\"getClass('body')\">\n <div [nasClass]=\"getClass('flight-details', ['departure'])\">\n <div [nasClass]=\"getClass('', ['place'])\">\n {{ journeyModel?.departure?.airportName }}\n <span [nasClass]=\"getClass('airport-code')\">{{\n journeyModel?.departure?.airportCode\n }}</span>\n </div>\n <div [nasClass]=\"getTimeClass(journeyModel?.departure)\">\n {{ departureLabel }}\n <span\n >{{ currentJourney?.departureDate }}\n {{ currentJourney?.departureTime }}</span\n >\n </div>\n <div\n [nasClass]=\"getClass('', ['estimated-time'])\"\n *ngIf=\"\n journeyModel?.departure?.estimatedTime ||\n journeyModel?.departure?.estimatedDate\n \"\n >\n {{ departureEstimatedLabel }}\n {{ currentJourney?.estimatedDepartureDate }}\n {{ currentJourney?.estimatedDepartureTime }}\n </div>\n </div>\n\n <div [nasClass]=\"getClass('journey-details')\">\n <ng-content></ng-content>\n </div>\n\n <div [nasClass]=\"getClass('flight-details', ['arrival'])\">\n <div [nasClass]=\"getClass('', ['place'])\">\n {{ journeyModel?.arrival?.airportName }}\n <span [nasClass]=\"getClass('airport-code')\">{{\n journeyModel?.arrival?.airportCode\n }}</span>\n </div>\n <div [nasClass]=\"getTimeClass(journeyModel?.arrival)\">\n {{ arrivalLabel }}\n <span\n >{{ currentJourney?.arrivalDate }}\n {{ currentJourney?.arrivalTime }}</span\n >\n </div>\n <div\n [nasClass]=\"getClass('', ['estimated-time'])\"\n *ngIf=\"\n journeyModel?.departure?.estimatedTime ||\n journeyModel?.departure?.estimatedDate\n \"\n >\n {{ arrivalEstimatedLabel }} {{ currentJourney?.estimatedArrivalDate }}\n {{ currentJourney?.estimatedArrivalTime }}\n </div>\n </div>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-journey{position:relative}.nas-journey__line{position:absolute;top:18px;bottom:33px;left:6px;width:6px;background-image:radial-gradient(circle closest-side,#d8d8d8 6px,transparent 100%);background-position:0 100%;background-repeat:repeat-y;background-size:6px 10px}.nas-journey__line--delayed{bottom:52px}.nas-journey__line:before,.nas-journey__line:after{content:\"\";position:absolute;left:-6px;width:18px;height:18px;border-radius:50%}.nas-journey__line:before{top:-9px;background-color:#003251}.nas-journey__line:after{bottom:-9px;background-color:#d81939}.nas-journey__body{padding-left:36px}.nas-journey__body .nas-journey__flight-details .nas-journey--date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey__body .nas-journey__flight-details .nas-journey--place{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;line-height:28px}.nas-journey__body .nas-journey__flight-details .nas-journey--place .nas-journey__airport-code{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;top:-.5em;letter-spacing:0;vertical-align:super}.nas-journey__body .nas-journey__flight-details .nas-journey--time,.nas-journey__body .nas-journey__flight-details .nas-journey--crossed-time{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey__body .nas-journey__flight-details .nas-journey--crossed-time span{text-decoration:line-through}.nas-journey__body .nas-journey__flight-details .nas-journey--estimated-time{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#d81939}.nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:15px}.nas-journey__body .nas-journey__flight-details:last-child{padding-top:15px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
|
|
103
103
|
}
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyComponent, decorators: [{
|
|
105
105
|
type: Component,
|
|
106
106
|
args: [{ selector: 'nas-journey', template: "<div [nasClass]=\"getClass()\" *ngIf=\"journeyModel\">\n <span [nasClass]=\"getLineClass()\"></span>\n\n <div [nasClass]=\"getClass('body')\">\n <div [nasClass]=\"getClass('flight-details', ['departure'])\">\n <div [nasClass]=\"getClass('', ['place'])\">\n {{ journeyModel?.departure?.airportName }}\n <span [nasClass]=\"getClass('airport-code')\">{{\n journeyModel?.departure?.airportCode\n }}</span>\n </div>\n <div [nasClass]=\"getTimeClass(journeyModel?.departure)\">\n {{ departureLabel }}\n <span\n >{{ currentJourney?.departureDate }}\n {{ currentJourney?.departureTime }}</span\n >\n </div>\n <div\n [nasClass]=\"getClass('', ['estimated-time'])\"\n *ngIf=\"\n journeyModel?.departure?.estimatedTime ||\n journeyModel?.departure?.estimatedDate\n \"\n >\n {{ departureEstimatedLabel }}\n {{ currentJourney?.estimatedDepartureDate }}\n {{ currentJourney?.estimatedDepartureTime }}\n </div>\n </div>\n\n <div [nasClass]=\"getClass('journey-details')\">\n <ng-content></ng-content>\n </div>\n\n <div [nasClass]=\"getClass('flight-details', ['arrival'])\">\n <div [nasClass]=\"getClass('', ['place'])\">\n {{ journeyModel?.arrival?.airportName }}\n <span [nasClass]=\"getClass('airport-code')\">{{\n journeyModel?.arrival?.airportCode\n }}</span>\n </div>\n <div [nasClass]=\"getTimeClass(journeyModel?.arrival)\">\n {{ arrivalLabel }}\n <span\n >{{ currentJourney?.arrivalDate }}\n {{ currentJourney?.arrivalTime }}</span\n >\n </div>\n <div\n [nasClass]=\"getClass('', ['estimated-time'])\"\n *ngIf=\"\n journeyModel?.departure?.estimatedTime ||\n journeyModel?.departure?.estimatedDate\n \"\n >\n {{ arrivalEstimatedLabel }} {{ currentJourney?.estimatedArrivalDate }}\n {{ currentJourney?.estimatedArrivalTime }}\n </div>\n </div>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-journey{position:relative}.nas-journey__line{position:absolute;top:18px;bottom:33px;left:6px;width:6px;background-image:radial-gradient(circle closest-side,#d8d8d8 6px,transparent 100%);background-position:0 100%;background-repeat:repeat-y;background-size:6px 10px}.nas-journey__line--delayed{bottom:52px}.nas-journey__line:before,.nas-journey__line:after{content:\"\";position:absolute;left:-6px;width:18px;height:18px;border-radius:50%}.nas-journey__line:before{top:-9px;background-color:#003251}.nas-journey__line:after{bottom:-9px;background-color:#d81939}.nas-journey__body{padding-left:36px}.nas-journey__body .nas-journey__flight-details .nas-journey--date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey__body .nas-journey__flight-details .nas-journey--place{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;line-height:28px}.nas-journey__body .nas-journey__flight-details .nas-journey--place .nas-journey__airport-code{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;top:-.5em;letter-spacing:0;vertical-align:super}.nas-journey__body .nas-journey__flight-details .nas-journey--time,.nas-journey__body .nas-journey__flight-details .nas-journey--crossed-time{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey__body .nas-journey__flight-details .nas-journey--crossed-time span{text-decoration:line-through}.nas-journey__body .nas-journey__flight-details .nas-journey--estimated-time{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#d81939}.nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:15px}.nas-journey__body .nas-journey__flight-details:last-child{padding-top:15px}\n"] }]
|
|
107
107
|
}], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: i2.DateHelper }]; }, propDecorators: { journeyModel: [{
|
|
@@ -5,15 +5,15 @@ import { AccordionModule } from '../accordion/accordion.module';
|
|
|
5
5
|
import { JourneyComponent } from './journey.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class JourneyModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: JourneyModule, declarations: [JourneyComponent], imports: [CommonModule,
|
|
10
10
|
NasClassModule,
|
|
11
11
|
AccordionModule], exports: [JourneyComponent] }); }
|
|
12
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
12
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyModule, imports: [CommonModule,
|
|
13
13
|
NasClassModule,
|
|
14
14
|
AccordionModule] }); }
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyModule, decorators: [{
|
|
17
17
|
type: NgModule,
|
|
18
18
|
args: [{
|
|
19
19
|
declarations: [JourneyComponent],
|
|
@@ -100,10 +100,10 @@ export class JourneyAvailabilityComponent extends NasComponentBase {
|
|
|
100
100
|
return 'two-stops-arrow';
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
104
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: JourneyAvailabilityComponent, selector: "nas-journey-availability", inputs: { model: "model", selected: "selected", locale: "locale", timeDisplayFormat: "timeDisplayFormat", timeZone: "timeZone", displayJourneyDetails: "displayJourneyDetails" }, outputs: { displayJourneyDetailsChange: "displayJourneyDetailsChange", journeyAvailabilityClick: "journeyAvailabilityClick" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"model\" [nasClass]=\"getClass()\">\n <div [nasClass]=\"getClass('journey-details')\">\n <nas-modal [(show)]=\"displayJourneyDetails\" animated center>\n <nas-trip-summary [tripSummaryModel]=\"model?.tripSummary\" [expandTitle]=\"model?.journeyDetails?.expandTitle\"\n [transitLabel]=\"model?.journeyDetails?.transitLabel\" [arrivalLabel]=\"model?.journeyDetails?.arrivalLabel\"\n [departureLabel]=\"model?.journeyDetails?.departureLabel\"\n [transitHoursIndicator]=\"model?.journeyDetails?.hoursIndicator\"\n [transitMinutesIndicator]=\"model?.journeyDetails?.minutesIndicator\">\n </nas-trip-summary>\n </nas-modal>\n </div>\n\n <div [nasClass]=\"getClass('item', selected && 'selected')\" (click)=\"emitClick($event)\" role=\"button\"\n aria-pressed=\"false\" tabindex=\"0\">\n <article [nasClass]=\"getClass('trigger', model?.badge && 'badge-padding')\">\n <div [nasClass]=\"getClass('badge')\" *ngIf=\"model?.badge\">\n <span [nasClass]=\"getClass('badge-label')\">\n {{ model?.badgeLabel }}\n </span>\n </div>\n\n <div [nasClass]=\"getClass('overview')\">\n <div [nasClass]=\"getClass('overview-details')\">\n <section [nasClass]=\"getClass('flight-time')\" #journeyDetails>\n <div [nasClass]=\"getClass('flight-time-from-to')\">\n <div [nasClass]=\"getClass('flight-time-when')\">\n <div [nasClass]=\"getClass('flight-time-when-departure')\">\n <time #departureTimeText>\n {{ currentJourney?.departureTime }}\n </time>\n </div>\n\n <span> - </span>\n <div [nasClass]=\"getClass('flight-time-when-arrival')\">\n <time>{{ currentJourney?.arrivalTime }}</time>\n </div>\n </div>\n <div *ngIf=\"!isSmallScreen\">\n <ng-container *ngTemplateOutlet=\"TotalFlightTime\"></ng-container>\n </div>\n <ng-container *ngIf=\"isSmallScreen\">\n <ng-container *ngTemplateOutlet=\"airportCodes\"></ng-container>\n </ng-container>\n </div>\n <div [nasClass]=\"getClass('flight-time-info')\" *ngIf=\"model?.journeyInfoLabel\">\n <span [nasClass]=\"getClass('flight-time-info-link-wrapper')\" (click)=\"toggleJourneyInfoDetails($event)\">\n <a [nasClass]=\"getClass('flight-time-info-link')\">\n {{ model?.journeyInfoLabel }}\n </a>\n </span>\n </div>\n </section>\n\n <div [nasClass]=\"getClass('selected-info')\">\n <div [nasClass]=\"getClass('selected-info', 'time-duration')\">\n <section *ngIf=\"!isSmallScreen\" [nasClass]=\"getClass('selected-info-graph')\"></section>\n <section [nasClass]=\"getClass('journey')\">\n <ng-container *ngIf=\"!isSmallScreen\">\n <div [nasClass]=\"getClass('journey-info')\" *ngIf=\"\n model?.journeyTransitInfo?.transitCount;\n else directFlightLabel\n \">\n <mark [nasClass]=\"getClass('journey-info-stops')\">\n {{ model?.journeyTransitInfo?.transitCount }}\n {{ model?.journeyTransitInfo?.transitLabel }}\n </mark>\n\n <span *ngIf=\"isSmallScreen\">, </span>\n\n <mark [nasClass]=\"getClass('journey-info-stops-details')\">\n {{ model?.journeyTransitInfo?.transitDetails }}\n </mark>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"isSmallScreen\">\n <ng-container *ngTemplateOutlet=\"TotalFlightTime\"></ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!isSmallScreen\">\n <ng-container *ngTemplateOutlet=\"airportCodes\"></ng-container>\n </ng-container>\n\n <ng-template #airportCodes>\n <summary [nasClass]=\"getClass('flight-time-when-airports')\">\n {{ model?.origin }}-\n\n <span [nasClass]=\"\n getClass('flight-time-when-airports-stopovers')\n \" *ngIf=\"model?.stopovers\">\n <ng-container *ngFor=\"let stop of model?.stopovers\">\n {{ stop }} -\n </ng-container>\n </span>\n {{ model?.destination }}\n </summary>\n </ng-template>\n\n <ng-template #directFlightLabel>\n <div [nasClass]=\"getClass('journey-info')\">\n <mark [nasClass]=\"getClass('journey-info-stops')\">\n {{ model?.directLabel\n }}<span [nasClass]=\"getClass('journey-info-stops-format')\">, </span>\n </mark>\n </div>\n </ng-template>\n\n <figure *ngIf=\"!isSmallScreen; else journeyIcon\" [nasClass]=\"getClass('md-icon')\">\n <nas-icon *ngIf=\"model?.journeyTransitInfo?.transitCount\" [type]=\"getIconType()\"></nas-icon>\n </figure>\n </section>\n </div>\n <div [nasClass]=\"getClass('operated-by')\" *ngIf=\"model?.operatingCarriers\">\n <label>{{ model?.operatingCarriers?.label }}\n <mark *ngFor=\"\n let operator of model?.operatingCarriers.operators;\n index as operatorIndex\n \">\n {{ operator\n }}<span *ngIf=\"\n model?.operatingCarriers?.operators?.length >\n operatorIndex + 1\n \">,</span>\n </mark>\n </label>\n </div>\n </div>\n\n <ng-template #TotalFlightTime>\n <section [nasClass]=\"getClass('flight-time-details')\">\n <label [nasClass]=\"getClass('flight-time-details-label')\">\n {{ model?.duration?.durationLabel }}\n </label>\n <time [nasClass]=\"getClass('flight-time-details-text')\">\n {{ model?.duration?.durationText }}\n </time>\n <time [nasClass]=\"getClass('flight-time-details-count')\" *ngIf=\"model?.duration?.dayCount\">\n +{{ model.duration.dayCount }} {{ model.duration.dayLabel }}\n </time>\n </section>\n </ng-template>\n\n <ng-template #journeyIcon>\n <figure [nasClass]=\"getClass('mobile-icon')\">\n <nas-icon *ngIf=\"model?.journeyTransitInfo?.transitCount\" [type]=\"getIconType()\"></nas-icon>\n </figure>\n </ng-template>\n </div>\n </div>\n </article>\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-journey-availability{width:100%;background:#f1f1f1;position:relative;transform:all 3s;transition-duration:.3s}.nas-journey-availability--detailed-info{margin:auto 12px;width:auto}.nas-journey-availability__item{max-width:100%;perspective:1000px;background-color:#fff;outline:none;margin-bottom:2px;transform:all 3s;transition-duration:.3s}.nas-journey-availability__item:focus{transform:all 3s;transition-duration:.3s;box-shadow:0 0 0 3px #003251}.nas-journey-availability__item--selected{margin-top:12px;margin-bottom:12px}.nas-journey-availability__trigger{display:flex;align-items:stretch;justify-content:space-between;text-align:left;width:100%;flex:1;outline:0;padding:12px}@media (min-width: 1000px){.nas-journey-availability__trigger{padding:12px 12px 12px 36px}}.nas-journey-availability__trigger--badge-padding{padding:36px 12px 12px}@media (min-width: 1000px){.nas-journey-availability__trigger--badge-padding{padding:12px 12px 12px 36px}}.nas-journey-availability__badge{background-color:#e0ebff;margin:0;position:relative;position:absolute;left:0px;right:0px;top:0px;padding:3px;text-align:center}.nas-journey-availability__badge-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;color:#003251;text-transform:uppercase}@media (min-width: 1000px){.nas-journey-availability__badge-label{transform:rotate(270deg);transform-origin:0 0;float:left;position:absolute;left:3px;bottom:5px}}@media (min-width: 1000px){.nas-journey-availability__badge{position:relative;width:24px;min-width:24px;margin:-12px 12px -12px -36px}}.nas-journey-availability__overview{display:flex;width:100%;padding-right:9px;flex:2 1 auto}@media (min-width: 1000px){.nas-journey-availability__overview{flex-wrap:wrap}}.nas-journey-availability__overview-details{display:flex;flex-wrap:wrap;justify-content:space-between;flex:1}@media (min-width: 1000px){.nas-journey-availability__overview-details{width:100%;max-width:100%;flex:auto}}.nas-journey-availability__overview-details .nas-journey-availability__mobile-icon{position:absolute;right:20px;bottom:16px}.nas-journey-availability__overview-details .nas-journey-availability__info-details{cursor:pointer}.nas-journey-availability__overview-details .nas-journey-availability__info-details nas-icon{cursor:pointer;padding:6px}.nas-journey-availability__overview-details .nas-journey-availability__info-details nas-icon span{cursor:pointer}.nas-journey-availability__flight-time{display:flex;flex:1;justify-content:space-between}@media (min-width: 1000px){.nas-journey-availability__flight-time{display:block;flex:1 1 60%}}.nas-journey-availability__flight-time-when{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:24px;line-height:30px;margin-top:-2px;color:#003251;display:flex;justify-content:space-between}@media (min-width: 1000px){.nas-journey-availability__flight-time-when{display:inline-block;justify-content:initial}}.nas-journey-availability__flight-time-when-arrival,.nas-journey-availability__flight-time-when-departure{display:inline}.nas-journey-availability__flight-time-when-airports{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:26px;flex:0 0 100%;color:#003251}@media (min-width: 1000px){.nas-journey-availability__flight-time-when-airports{flex:initial}}.nas-journey-availability__flight-time-when-airports-stopovers{color:#626363}.nas-journey-availability__flight-time-details{font-size:18px;line-height:26px;display:inline-block}.nas-journey-availability__flight-time-details-label{color:#003251;display:none}@media (min-width: 1000px){.nas-journey-availability__flight-time-details-label{display:inline}}.nas-journey-availability__flight-time-details-text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-journey-availability__flight-time-details-count{display:none}@media (min-width: 1000px){.nas-journey-availability__flight-time-details-count{display:inline-block}}@media (min-width: 1000px){.nas-journey-availability__flight-time-details{padding-top:1px;padding-bottom:3px;display:initial}}.nas-journey-availability__flight-time-from-to{padding-right:24px}.nas-journey-availability__flight-time-info{margin-left:auto;justify-self:flex-end;text-align:end;font-size:14px;line-height:20px;padding-top:6px}.nas-journey-availability__flight-time-info-link-wrapper{cursor:pointer;padding:6px 0 12px 12px}@media (min-width: 1000px){.nas-journey-availability__flight-time-info-link-wrapper{padding:6px 0 0}}.nas-journey-availability__flight-time-info-link{color:#c41734;border-bottom-color:#d8d8d8}.nas-journey-availability__flight-time-info-link:hover{border-bottom-color:#003251}@media (min-width: 1000px){.nas-journey-availability__flight-time-info{position:absolute;bottom:12px}}.nas-journey-availability__journey-figure{margin-top:12px;max-height:12px}@media (min-width: 1000px){.nas-journey-availability__journey-figure{margin-top:0;max-height:initial}}.nas-journey-availability__selected-info{display:flex;flex:0 0 100%;flex-wrap:wrap}@media (min-width: 1000px){.nas-journey-availability__selected-info{flex:1 1 40%}}@media (min-width: 1000px){.nas-journey-availability__selected-info-graph{align-self:center}}.nas-journey-availability__journey mark{background-color:transparent}.nas-journey-availability__journey-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#003251;white-space:nowrap;display:inline}.nas-journey-availability__journey-airport{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:inline-block;margin-bottom:0}.nas-journey-availability__journey-info{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:26px;display:inline-block;vertical-align:top}@media (min-width: 1000px){.nas-journey-availability__journey-info{display:block}}.nas-journey-availability__journey-info-stops{display:inline-block;margin-bottom:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#003251}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:#626363}}.nas-journey-availability__journey-info-stops-format{display:inline;color:#626363}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops-format{display:none}}.nas-journey-availability__journey-info-stops-details{display:none}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops-details{display:inline}}@media (min-width: 1000px){.nas-journey-availability__journey .nas-journey-availability__md-icon{min-height:22px}}.nas-journey-availability__operated-by{font-size:14px;line-height:20px;display:none}@media (min-width: 1000px){.nas-journey-availability__operated-by{display:block;flex:0 0 100%;display:inline-block;margin-top:6px}}.nas-journey-availability__operated-by label,.nas-journey-availability__operated-by caption{display:inline}.nas-journey-availability__operated-by mark{background-color:transparent}.nas-journey-availability__stopover{transform:rotate(90deg)}@media (min-width: 1000px){.nas-journey-availability__stopover{transform:rotate(0);align-self:center;margin-right:12px}}.nas-journey-availability__animate{display:block}.nas-journey-availability__animate--animate{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.48s}.nas-journey-availability__animate--animate:nth-child(1){animation-delay:.18s}.nas-journey-availability__animate--animate:nth-child(2){animation-delay:.21s}.nas-journey-availability__animate--animate:nth-child(3){animation-delay:.24s}.nas-journey-availability__animate--animate:nth-child(4){animation-delay:.27s}.nas-journey-availability__animate--animate:nth-child(5){animation-delay:.3s}.nas-journey-availability__animate--animate:nth-child(6){animation-delay:.33s}.nas-journey-availability__animate--animate:nth-child(7){animation-delay:.36s}.nas-journey-availability__animate--animate:nth-child(8){animation-delay:.39s}.nas-journey-availability__animate--animate:nth-child(9){animation-delay:.42s}.nas-journey-availability__animate--animate:nth-child(10){animation-delay:.45s}@keyframes arrival-fly-in{0%{opacity:0;transform:translate(-260px,-100px) rotate(10deg)}25%{opacity:1}}@keyframes departure-fly-off{75%{opacity:1}to{opacity:0;transform:translate(260px,-100px) rotate(-20deg)}}\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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i5.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i6.ModalComponent, selector: "nas-modal", inputs: ["form", "tight", "center", "outlined", "title", "closeLabel", "animated", "show", "enableClose"], outputs: ["showChange"] }, { kind: "component", type: i7.TripSummaryComponent, selector: "nas-trip-summary", inputs: ["tripSummaryModel", "expanded", "collapsable", "displayMinimumInfo", "expandTitle", "arrivalLabel", "departureLabel", "arrivalEstimatedLabel", "departureEstimatedLabel", "dateFormat", "timeFormat", "transitHoursIndicator", "transitMinutesIndicator", "transitLabel", "locale", "timeZone"] }] }); }
|
|
103
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityComponent, deps: [{ token: i1.DatePipe }, { token: i2.DeviceHelper }, { token: i3.DateHelper }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
104
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: JourneyAvailabilityComponent, selector: "nas-journey-availability", inputs: { model: "model", selected: "selected", locale: "locale", timeDisplayFormat: "timeDisplayFormat", timeZone: "timeZone", displayJourneyDetails: "displayJourneyDetails" }, outputs: { displayJourneyDetailsChange: "displayJourneyDetailsChange", journeyAvailabilityClick: "journeyAvailabilityClick" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"model\" [nasClass]=\"getClass()\">\n <div [nasClass]=\"getClass('journey-details')\">\n <nas-modal [(show)]=\"displayJourneyDetails\" animated center>\n <nas-trip-summary [tripSummaryModel]=\"model?.tripSummary\" [expandTitle]=\"model?.journeyDetails?.expandTitle\"\n [transitLabel]=\"model?.journeyDetails?.transitLabel\" [arrivalLabel]=\"model?.journeyDetails?.arrivalLabel\"\n [departureLabel]=\"model?.journeyDetails?.departureLabel\"\n [transitHoursIndicator]=\"model?.journeyDetails?.hoursIndicator\"\n [transitMinutesIndicator]=\"model?.journeyDetails?.minutesIndicator\">\n </nas-trip-summary>\n </nas-modal>\n </div>\n\n <div [nasClass]=\"getClass('item', selected && 'selected')\" (click)=\"emitClick($event)\" role=\"button\"\n aria-pressed=\"false\" tabindex=\"0\">\n <article [nasClass]=\"getClass('trigger', model?.badge && 'badge-padding')\">\n <div [nasClass]=\"getClass('badge')\" *ngIf=\"model?.badge\">\n <span [nasClass]=\"getClass('badge-label')\">\n {{ model?.badgeLabel }}\n </span>\n </div>\n\n <div [nasClass]=\"getClass('overview')\">\n <div [nasClass]=\"getClass('overview-details')\">\n <section [nasClass]=\"getClass('flight-time')\" #journeyDetails>\n <div [nasClass]=\"getClass('flight-time-from-to')\">\n <div [nasClass]=\"getClass('flight-time-when')\">\n <div [nasClass]=\"getClass('flight-time-when-departure')\">\n <time #departureTimeText>\n {{ currentJourney?.departureTime }}\n </time>\n </div>\n\n <span> - </span>\n <div [nasClass]=\"getClass('flight-time-when-arrival')\">\n <time>{{ currentJourney?.arrivalTime }}</time>\n </div>\n </div>\n <div *ngIf=\"!isSmallScreen\">\n <ng-container *ngTemplateOutlet=\"TotalFlightTime\"></ng-container>\n </div>\n <ng-container *ngIf=\"isSmallScreen\">\n <ng-container *ngTemplateOutlet=\"airportCodes\"></ng-container>\n </ng-container>\n </div>\n <div [nasClass]=\"getClass('flight-time-info')\" *ngIf=\"model?.journeyInfoLabel\">\n <span [nasClass]=\"getClass('flight-time-info-link-wrapper')\" (click)=\"toggleJourneyInfoDetails($event)\">\n <a [nasClass]=\"getClass('flight-time-info-link')\">\n {{ model?.journeyInfoLabel }}\n </a>\n </span>\n </div>\n </section>\n\n <div [nasClass]=\"getClass('selected-info')\">\n <div [nasClass]=\"getClass('selected-info', 'time-duration')\">\n <section *ngIf=\"!isSmallScreen\" [nasClass]=\"getClass('selected-info-graph')\"></section>\n <section [nasClass]=\"getClass('journey')\">\n <ng-container *ngIf=\"!isSmallScreen\">\n <div [nasClass]=\"getClass('journey-info')\" *ngIf=\"\n model?.journeyTransitInfo?.transitCount;\n else directFlightLabel\n \">\n <mark [nasClass]=\"getClass('journey-info-stops')\">\n {{ model?.journeyTransitInfo?.transitCount }}\n {{ model?.journeyTransitInfo?.transitLabel }}\n </mark>\n\n <span *ngIf=\"isSmallScreen\">, </span>\n\n <mark [nasClass]=\"getClass('journey-info-stops-details')\">\n {{ model?.journeyTransitInfo?.transitDetails }}\n </mark>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"isSmallScreen\">\n <ng-container *ngTemplateOutlet=\"TotalFlightTime\"></ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!isSmallScreen\">\n <ng-container *ngTemplateOutlet=\"airportCodes\"></ng-container>\n </ng-container>\n\n <ng-template #airportCodes>\n <summary [nasClass]=\"getClass('flight-time-when-airports')\">\n {{ model?.origin }}-\n\n <span [nasClass]=\"\n getClass('flight-time-when-airports-stopovers')\n \" *ngIf=\"model?.stopovers\">\n <ng-container *ngFor=\"let stop of model?.stopovers\">\n {{ stop }} -\n </ng-container>\n </span>\n {{ model?.destination }}\n </summary>\n </ng-template>\n\n <ng-template #directFlightLabel>\n <div [nasClass]=\"getClass('journey-info')\">\n <mark [nasClass]=\"getClass('journey-info-stops')\">\n {{ model?.directLabel\n }}<span [nasClass]=\"getClass('journey-info-stops-format')\">, </span>\n </mark>\n </div>\n </ng-template>\n\n <figure *ngIf=\"!isSmallScreen; else journeyIcon\" [nasClass]=\"getClass('md-icon')\">\n <nas-icon *ngIf=\"model?.journeyTransitInfo?.transitCount\" [type]=\"getIconType()\"></nas-icon>\n </figure>\n </section>\n </div>\n <div [nasClass]=\"getClass('operated-by')\" *ngIf=\"model?.operatingCarriers\">\n <label>{{ model?.operatingCarriers?.label }}\n <mark *ngFor=\"\n let operator of model?.operatingCarriers.operators;\n index as operatorIndex\n \">\n {{ operator\n }}<span *ngIf=\"\n model?.operatingCarriers?.operators?.length >\n operatorIndex + 1\n \">,</span>\n </mark>\n </label>\n </div>\n </div>\n\n <ng-template #TotalFlightTime>\n <section [nasClass]=\"getClass('flight-time-details')\">\n <label [nasClass]=\"getClass('flight-time-details-label')\">\n {{ model?.duration?.durationLabel }}\n </label>\n <time [nasClass]=\"getClass('flight-time-details-text')\">\n {{ model?.duration?.durationText }}\n </time>\n <time [nasClass]=\"getClass('flight-time-details-count')\" *ngIf=\"model?.duration?.dayCount\">\n +{{ model.duration.dayCount }} {{ model.duration.dayLabel }}\n </time>\n </section>\n </ng-template>\n\n <ng-template #journeyIcon>\n <figure [nasClass]=\"getClass('mobile-icon')\">\n <nas-icon *ngIf=\"model?.journeyTransitInfo?.transitCount\" [type]=\"getIconType()\"></nas-icon>\n </figure>\n </ng-template>\n </div>\n </div>\n </article>\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-journey-availability{width:100%;background:#f1f1f1;position:relative;transform:all 3s;transition-duration:.3s}.nas-journey-availability--detailed-info{margin:auto 12px;width:auto}.nas-journey-availability__item{max-width:100%;perspective:1000px;background-color:#fff;outline:none;margin-bottom:2px;transform:all 3s;transition-duration:.3s}.nas-journey-availability__item:focus{transform:all 3s;transition-duration:.3s;box-shadow:0 0 0 3px #003251}.nas-journey-availability__item--selected{margin-top:12px;margin-bottom:12px}.nas-journey-availability__trigger{display:flex;align-items:stretch;justify-content:space-between;text-align:left;width:100%;flex:1;outline:0;padding:12px}@media (min-width: 1000px){.nas-journey-availability__trigger{padding:12px 12px 12px 36px}}.nas-journey-availability__trigger--badge-padding{padding:36px 12px 12px}@media (min-width: 1000px){.nas-journey-availability__trigger--badge-padding{padding:12px 12px 12px 36px}}.nas-journey-availability__badge{background-color:#e0ebff;margin:0;position:relative;position:absolute;left:0px;right:0px;top:0px;padding:3px;text-align:center}.nas-journey-availability__badge-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;color:#003251;text-transform:uppercase}@media (min-width: 1000px){.nas-journey-availability__badge-label{transform:rotate(270deg);transform-origin:0 0;float:left;position:absolute;left:3px;bottom:5px}}@media (min-width: 1000px){.nas-journey-availability__badge{position:relative;width:24px;min-width:24px;margin:-12px 12px -12px -36px}}.nas-journey-availability__overview{display:flex;width:100%;padding-right:9px;flex:2 1 auto}@media (min-width: 1000px){.nas-journey-availability__overview{flex-wrap:wrap}}.nas-journey-availability__overview-details{display:flex;flex-wrap:wrap;justify-content:space-between;flex:1}@media (min-width: 1000px){.nas-journey-availability__overview-details{width:100%;max-width:100%;flex:auto}}.nas-journey-availability__overview-details .nas-journey-availability__mobile-icon{position:absolute;right:20px;bottom:16px}.nas-journey-availability__overview-details .nas-journey-availability__info-details{cursor:pointer}.nas-journey-availability__overview-details .nas-journey-availability__info-details nas-icon{cursor:pointer;padding:6px}.nas-journey-availability__overview-details .nas-journey-availability__info-details nas-icon span{cursor:pointer}.nas-journey-availability__flight-time{display:flex;flex:1;justify-content:space-between}@media (min-width: 1000px){.nas-journey-availability__flight-time{display:block;flex:1 1 60%}}.nas-journey-availability__flight-time-when{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:24px;line-height:30px;margin-top:-2px;color:#003251;display:flex;justify-content:space-between}@media (min-width: 1000px){.nas-journey-availability__flight-time-when{display:inline-block;justify-content:initial}}.nas-journey-availability__flight-time-when-arrival,.nas-journey-availability__flight-time-when-departure{display:inline}.nas-journey-availability__flight-time-when-airports{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:26px;flex:0 0 100%;color:#003251}@media (min-width: 1000px){.nas-journey-availability__flight-time-when-airports{flex:initial}}.nas-journey-availability__flight-time-when-airports-stopovers{color:#626363}.nas-journey-availability__flight-time-details{font-size:18px;line-height:26px;display:inline-block}.nas-journey-availability__flight-time-details-label{color:#003251;display:none}@media (min-width: 1000px){.nas-journey-availability__flight-time-details-label{display:inline}}.nas-journey-availability__flight-time-details-text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-journey-availability__flight-time-details-count{display:none}@media (min-width: 1000px){.nas-journey-availability__flight-time-details-count{display:inline-block}}@media (min-width: 1000px){.nas-journey-availability__flight-time-details{padding-top:1px;padding-bottom:3px;display:initial}}.nas-journey-availability__flight-time-from-to{padding-right:24px}.nas-journey-availability__flight-time-info{margin-left:auto;justify-self:flex-end;text-align:end;font-size:14px;line-height:20px;padding-top:6px}.nas-journey-availability__flight-time-info-link-wrapper{cursor:pointer;padding:6px 0 12px 12px}@media (min-width: 1000px){.nas-journey-availability__flight-time-info-link-wrapper{padding:6px 0 0}}.nas-journey-availability__flight-time-info-link{color:#c41734;border-bottom-color:#d8d8d8}.nas-journey-availability__flight-time-info-link:hover{border-bottom-color:#003251}@media (min-width: 1000px){.nas-journey-availability__flight-time-info{position:absolute;bottom:12px}}.nas-journey-availability__journey-figure{margin-top:12px;max-height:12px}@media (min-width: 1000px){.nas-journey-availability__journey-figure{margin-top:0;max-height:initial}}.nas-journey-availability__selected-info{display:flex;flex:0 0 100%;flex-wrap:wrap}@media (min-width: 1000px){.nas-journey-availability__selected-info{flex:1 1 40%}}@media (min-width: 1000px){.nas-journey-availability__selected-info-graph{align-self:center}}.nas-journey-availability__journey mark{background-color:transparent}.nas-journey-availability__journey-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#003251;white-space:nowrap;display:inline}.nas-journey-availability__journey-airport{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:inline-block;margin-bottom:0}.nas-journey-availability__journey-info{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:26px;display:inline-block;vertical-align:top}@media (min-width: 1000px){.nas-journey-availability__journey-info{display:block}}.nas-journey-availability__journey-info-stops{display:inline-block;margin-bottom:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#003251}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:#626363}}.nas-journey-availability__journey-info-stops-format{display:inline;color:#626363}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops-format{display:none}}.nas-journey-availability__journey-info-stops-details{display:none}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops-details{display:inline}}@media (min-width: 1000px){.nas-journey-availability__journey .nas-journey-availability__md-icon{min-height:22px}}.nas-journey-availability__operated-by{font-size:14px;line-height:20px;display:none}@media (min-width: 1000px){.nas-journey-availability__operated-by{display:block;flex:0 0 100%;display:inline-block;margin-top:6px}}.nas-journey-availability__operated-by label,.nas-journey-availability__operated-by caption{display:inline}.nas-journey-availability__operated-by mark{background-color:transparent}.nas-journey-availability__stopover{transform:rotate(90deg)}@media (min-width: 1000px){.nas-journey-availability__stopover{transform:rotate(0);align-self:center;margin-right:12px}}.nas-journey-availability__animate{display:block}.nas-journey-availability__animate--animate{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.48s}.nas-journey-availability__animate--animate:nth-child(1){animation-delay:.18s}.nas-journey-availability__animate--animate:nth-child(2){animation-delay:.21s}.nas-journey-availability__animate--animate:nth-child(3){animation-delay:.24s}.nas-journey-availability__animate--animate:nth-child(4){animation-delay:.27s}.nas-journey-availability__animate--animate:nth-child(5){animation-delay:.3s}.nas-journey-availability__animate--animate:nth-child(6){animation-delay:.33s}.nas-journey-availability__animate--animate:nth-child(7){animation-delay:.36s}.nas-journey-availability__animate--animate:nth-child(8){animation-delay:.39s}.nas-journey-availability__animate--animate:nth-child(9){animation-delay:.42s}.nas-journey-availability__animate--animate:nth-child(10){animation-delay:.45s}@keyframes arrival-fly-in{0%{opacity:0;transform:translate(-260px,-100px) rotate(10deg)}25%{opacity:1}}@keyframes departure-fly-off{75%{opacity:1}to{opacity:0;transform:translate(260px,-100px) rotate(-20deg)}}\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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i5.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i6.ModalComponent, selector: "nas-modal", inputs: ["form", "tight", "center", "outlined", "title", "closeLabel", "animated", "show", "enableClose"], outputs: ["showChange"] }, { kind: "component", type: i7.TripSummaryComponent, selector: "nas-trip-summary", inputs: ["tripSummaryModel", "expanded", "collapsable", "displayMinimumInfo", "expandTitle", "arrivalLabel", "departureLabel", "arrivalEstimatedLabel", "departureEstimatedLabel", "dateFormat", "timeFormat", "transitHoursIndicator", "transitMinutesIndicator", "transitLabel", "locale", "timeZone"] }] }); }
|
|
105
105
|
}
|
|
106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityComponent, decorators: [{
|
|
107
107
|
type: Component,
|
|
108
108
|
args: [{ selector: 'nas-journey-availability', template: "<div *ngIf=\"model\" [nasClass]=\"getClass()\">\n <div [nasClass]=\"getClass('journey-details')\">\n <nas-modal [(show)]=\"displayJourneyDetails\" animated center>\n <nas-trip-summary [tripSummaryModel]=\"model?.tripSummary\" [expandTitle]=\"model?.journeyDetails?.expandTitle\"\n [transitLabel]=\"model?.journeyDetails?.transitLabel\" [arrivalLabel]=\"model?.journeyDetails?.arrivalLabel\"\n [departureLabel]=\"model?.journeyDetails?.departureLabel\"\n [transitHoursIndicator]=\"model?.journeyDetails?.hoursIndicator\"\n [transitMinutesIndicator]=\"model?.journeyDetails?.minutesIndicator\">\n </nas-trip-summary>\n </nas-modal>\n </div>\n\n <div [nasClass]=\"getClass('item', selected && 'selected')\" (click)=\"emitClick($event)\" role=\"button\"\n aria-pressed=\"false\" tabindex=\"0\">\n <article [nasClass]=\"getClass('trigger', model?.badge && 'badge-padding')\">\n <div [nasClass]=\"getClass('badge')\" *ngIf=\"model?.badge\">\n <span [nasClass]=\"getClass('badge-label')\">\n {{ model?.badgeLabel }}\n </span>\n </div>\n\n <div [nasClass]=\"getClass('overview')\">\n <div [nasClass]=\"getClass('overview-details')\">\n <section [nasClass]=\"getClass('flight-time')\" #journeyDetails>\n <div [nasClass]=\"getClass('flight-time-from-to')\">\n <div [nasClass]=\"getClass('flight-time-when')\">\n <div [nasClass]=\"getClass('flight-time-when-departure')\">\n <time #departureTimeText>\n {{ currentJourney?.departureTime }}\n </time>\n </div>\n\n <span> - </span>\n <div [nasClass]=\"getClass('flight-time-when-arrival')\">\n <time>{{ currentJourney?.arrivalTime }}</time>\n </div>\n </div>\n <div *ngIf=\"!isSmallScreen\">\n <ng-container *ngTemplateOutlet=\"TotalFlightTime\"></ng-container>\n </div>\n <ng-container *ngIf=\"isSmallScreen\">\n <ng-container *ngTemplateOutlet=\"airportCodes\"></ng-container>\n </ng-container>\n </div>\n <div [nasClass]=\"getClass('flight-time-info')\" *ngIf=\"model?.journeyInfoLabel\">\n <span [nasClass]=\"getClass('flight-time-info-link-wrapper')\" (click)=\"toggleJourneyInfoDetails($event)\">\n <a [nasClass]=\"getClass('flight-time-info-link')\">\n {{ model?.journeyInfoLabel }}\n </a>\n </span>\n </div>\n </section>\n\n <div [nasClass]=\"getClass('selected-info')\">\n <div [nasClass]=\"getClass('selected-info', 'time-duration')\">\n <section *ngIf=\"!isSmallScreen\" [nasClass]=\"getClass('selected-info-graph')\"></section>\n <section [nasClass]=\"getClass('journey')\">\n <ng-container *ngIf=\"!isSmallScreen\">\n <div [nasClass]=\"getClass('journey-info')\" *ngIf=\"\n model?.journeyTransitInfo?.transitCount;\n else directFlightLabel\n \">\n <mark [nasClass]=\"getClass('journey-info-stops')\">\n {{ model?.journeyTransitInfo?.transitCount }}\n {{ model?.journeyTransitInfo?.transitLabel }}\n </mark>\n\n <span *ngIf=\"isSmallScreen\">, </span>\n\n <mark [nasClass]=\"getClass('journey-info-stops-details')\">\n {{ model?.journeyTransitInfo?.transitDetails }}\n </mark>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"isSmallScreen\">\n <ng-container *ngTemplateOutlet=\"TotalFlightTime\"></ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!isSmallScreen\">\n <ng-container *ngTemplateOutlet=\"airportCodes\"></ng-container>\n </ng-container>\n\n <ng-template #airportCodes>\n <summary [nasClass]=\"getClass('flight-time-when-airports')\">\n {{ model?.origin }}-\n\n <span [nasClass]=\"\n getClass('flight-time-when-airports-stopovers')\n \" *ngIf=\"model?.stopovers\">\n <ng-container *ngFor=\"let stop of model?.stopovers\">\n {{ stop }} -\n </ng-container>\n </span>\n {{ model?.destination }}\n </summary>\n </ng-template>\n\n <ng-template #directFlightLabel>\n <div [nasClass]=\"getClass('journey-info')\">\n <mark [nasClass]=\"getClass('journey-info-stops')\">\n {{ model?.directLabel\n }}<span [nasClass]=\"getClass('journey-info-stops-format')\">, </span>\n </mark>\n </div>\n </ng-template>\n\n <figure *ngIf=\"!isSmallScreen; else journeyIcon\" [nasClass]=\"getClass('md-icon')\">\n <nas-icon *ngIf=\"model?.journeyTransitInfo?.transitCount\" [type]=\"getIconType()\"></nas-icon>\n </figure>\n </section>\n </div>\n <div [nasClass]=\"getClass('operated-by')\" *ngIf=\"model?.operatingCarriers\">\n <label>{{ model?.operatingCarriers?.label }}\n <mark *ngFor=\"\n let operator of model?.operatingCarriers.operators;\n index as operatorIndex\n \">\n {{ operator\n }}<span *ngIf=\"\n model?.operatingCarriers?.operators?.length >\n operatorIndex + 1\n \">,</span>\n </mark>\n </label>\n </div>\n </div>\n\n <ng-template #TotalFlightTime>\n <section [nasClass]=\"getClass('flight-time-details')\">\n <label [nasClass]=\"getClass('flight-time-details-label')\">\n {{ model?.duration?.durationLabel }}\n </label>\n <time [nasClass]=\"getClass('flight-time-details-text')\">\n {{ model?.duration?.durationText }}\n </time>\n <time [nasClass]=\"getClass('flight-time-details-count')\" *ngIf=\"model?.duration?.dayCount\">\n +{{ model.duration.dayCount }} {{ model.duration.dayLabel }}\n </time>\n </section>\n </ng-template>\n\n <ng-template #journeyIcon>\n <figure [nasClass]=\"getClass('mobile-icon')\">\n <nas-icon *ngIf=\"model?.journeyTransitInfo?.transitCount\" [type]=\"getIconType()\"></nas-icon>\n </figure>\n </ng-template>\n </div>\n </div>\n </article>\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-journey-availability{width:100%;background:#f1f1f1;position:relative;transform:all 3s;transition-duration:.3s}.nas-journey-availability--detailed-info{margin:auto 12px;width:auto}.nas-journey-availability__item{max-width:100%;perspective:1000px;background-color:#fff;outline:none;margin-bottom:2px;transform:all 3s;transition-duration:.3s}.nas-journey-availability__item:focus{transform:all 3s;transition-duration:.3s;box-shadow:0 0 0 3px #003251}.nas-journey-availability__item--selected{margin-top:12px;margin-bottom:12px}.nas-journey-availability__trigger{display:flex;align-items:stretch;justify-content:space-between;text-align:left;width:100%;flex:1;outline:0;padding:12px}@media (min-width: 1000px){.nas-journey-availability__trigger{padding:12px 12px 12px 36px}}.nas-journey-availability__trigger--badge-padding{padding:36px 12px 12px}@media (min-width: 1000px){.nas-journey-availability__trigger--badge-padding{padding:12px 12px 12px 36px}}.nas-journey-availability__badge{background-color:#e0ebff;margin:0;position:relative;position:absolute;left:0px;right:0px;top:0px;padding:3px;text-align:center}.nas-journey-availability__badge-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;color:#003251;text-transform:uppercase}@media (min-width: 1000px){.nas-journey-availability__badge-label{transform:rotate(270deg);transform-origin:0 0;float:left;position:absolute;left:3px;bottom:5px}}@media (min-width: 1000px){.nas-journey-availability__badge{position:relative;width:24px;min-width:24px;margin:-12px 12px -12px -36px}}.nas-journey-availability__overview{display:flex;width:100%;padding-right:9px;flex:2 1 auto}@media (min-width: 1000px){.nas-journey-availability__overview{flex-wrap:wrap}}.nas-journey-availability__overview-details{display:flex;flex-wrap:wrap;justify-content:space-between;flex:1}@media (min-width: 1000px){.nas-journey-availability__overview-details{width:100%;max-width:100%;flex:auto}}.nas-journey-availability__overview-details .nas-journey-availability__mobile-icon{position:absolute;right:20px;bottom:16px}.nas-journey-availability__overview-details .nas-journey-availability__info-details{cursor:pointer}.nas-journey-availability__overview-details .nas-journey-availability__info-details nas-icon{cursor:pointer;padding:6px}.nas-journey-availability__overview-details .nas-journey-availability__info-details nas-icon span{cursor:pointer}.nas-journey-availability__flight-time{display:flex;flex:1;justify-content:space-between}@media (min-width: 1000px){.nas-journey-availability__flight-time{display:block;flex:1 1 60%}}.nas-journey-availability__flight-time-when{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:24px;line-height:30px;margin-top:-2px;color:#003251;display:flex;justify-content:space-between}@media (min-width: 1000px){.nas-journey-availability__flight-time-when{display:inline-block;justify-content:initial}}.nas-journey-availability__flight-time-when-arrival,.nas-journey-availability__flight-time-when-departure{display:inline}.nas-journey-availability__flight-time-when-airports{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:26px;flex:0 0 100%;color:#003251}@media (min-width: 1000px){.nas-journey-availability__flight-time-when-airports{flex:initial}}.nas-journey-availability__flight-time-when-airports-stopovers{color:#626363}.nas-journey-availability__flight-time-details{font-size:18px;line-height:26px;display:inline-block}.nas-journey-availability__flight-time-details-label{color:#003251;display:none}@media (min-width: 1000px){.nas-journey-availability__flight-time-details-label{display:inline}}.nas-journey-availability__flight-time-details-text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-journey-availability__flight-time-details-count{display:none}@media (min-width: 1000px){.nas-journey-availability__flight-time-details-count{display:inline-block}}@media (min-width: 1000px){.nas-journey-availability__flight-time-details{padding-top:1px;padding-bottom:3px;display:initial}}.nas-journey-availability__flight-time-from-to{padding-right:24px}.nas-journey-availability__flight-time-info{margin-left:auto;justify-self:flex-end;text-align:end;font-size:14px;line-height:20px;padding-top:6px}.nas-journey-availability__flight-time-info-link-wrapper{cursor:pointer;padding:6px 0 12px 12px}@media (min-width: 1000px){.nas-journey-availability__flight-time-info-link-wrapper{padding:6px 0 0}}.nas-journey-availability__flight-time-info-link{color:#c41734;border-bottom-color:#d8d8d8}.nas-journey-availability__flight-time-info-link:hover{border-bottom-color:#003251}@media (min-width: 1000px){.nas-journey-availability__flight-time-info{position:absolute;bottom:12px}}.nas-journey-availability__journey-figure{margin-top:12px;max-height:12px}@media (min-width: 1000px){.nas-journey-availability__journey-figure{margin-top:0;max-height:initial}}.nas-journey-availability__selected-info{display:flex;flex:0 0 100%;flex-wrap:wrap}@media (min-width: 1000px){.nas-journey-availability__selected-info{flex:1 1 40%}}@media (min-width: 1000px){.nas-journey-availability__selected-info-graph{align-self:center}}.nas-journey-availability__journey mark{background-color:transparent}.nas-journey-availability__journey-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#003251;white-space:nowrap;display:inline}.nas-journey-availability__journey-airport{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:inline-block;margin-bottom:0}.nas-journey-availability__journey-info{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:26px;display:inline-block;vertical-align:top}@media (min-width: 1000px){.nas-journey-availability__journey-info{display:block}}.nas-journey-availability__journey-info-stops{display:inline-block;margin-bottom:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#003251}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:#626363}}.nas-journey-availability__journey-info-stops-format{display:inline;color:#626363}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops-format{display:none}}.nas-journey-availability__journey-info-stops-details{display:none}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops-details{display:inline}}@media (min-width: 1000px){.nas-journey-availability__journey .nas-journey-availability__md-icon{min-height:22px}}.nas-journey-availability__operated-by{font-size:14px;line-height:20px;display:none}@media (min-width: 1000px){.nas-journey-availability__operated-by{display:block;flex:0 0 100%;display:inline-block;margin-top:6px}}.nas-journey-availability__operated-by label,.nas-journey-availability__operated-by caption{display:inline}.nas-journey-availability__operated-by mark{background-color:transparent}.nas-journey-availability__stopover{transform:rotate(90deg)}@media (min-width: 1000px){.nas-journey-availability__stopover{transform:rotate(0);align-self:center;margin-right:12px}}.nas-journey-availability__animate{display:block}.nas-journey-availability__animate--animate{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.48s}.nas-journey-availability__animate--animate:nth-child(1){animation-delay:.18s}.nas-journey-availability__animate--animate:nth-child(2){animation-delay:.21s}.nas-journey-availability__animate--animate:nth-child(3){animation-delay:.24s}.nas-journey-availability__animate--animate:nth-child(4){animation-delay:.27s}.nas-journey-availability__animate--animate:nth-child(5){animation-delay:.3s}.nas-journey-availability__animate--animate:nth-child(6){animation-delay:.33s}.nas-journey-availability__animate--animate:nth-child(7){animation-delay:.36s}.nas-journey-availability__animate--animate:nth-child(8){animation-delay:.39s}.nas-journey-availability__animate--animate:nth-child(9){animation-delay:.42s}.nas-journey-availability__animate--animate:nth-child(10){animation-delay:.45s}@keyframes arrival-fly-in{0%{opacity:0;transform:translate(-260px,-100px) rotate(10deg)}25%{opacity:1}}@keyframes departure-fly-off{75%{opacity:1}to{opacity:0;transform:translate(260px,-100px) rotate(-20deg)}}\n"] }]
|
|
109
109
|
}], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: i2.DeviceHelper }, { type: i3.DateHelper }]; }, propDecorators: { model: [{
|
|
@@ -9,19 +9,19 @@ import { ModalModule } from '../modal/modal.module';
|
|
|
9
9
|
import { TripSummaryModule } from '../trip-summary/trip-summary.module';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
export class JourneyAvailabilityModule {
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.
|
|
13
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
13
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityModule, declarations: [JourneyAvailabilityComponent], imports: [CommonModule,
|
|
14
14
|
NasClassModule,
|
|
15
15
|
IconModule,
|
|
16
16
|
ModalModule,
|
|
17
17
|
TripSummaryModule], exports: [JourneyAvailabilityComponent] }); }
|
|
18
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.
|
|
18
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityModule, providers: [DateHelper, DeviceHelper], imports: [CommonModule,
|
|
19
19
|
NasClassModule,
|
|
20
20
|
IconModule,
|
|
21
21
|
ModalModule,
|
|
22
22
|
TripSummaryModule] }); }
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityModule, decorators: [{
|
|
25
25
|
type: NgModule,
|
|
26
26
|
args: [{
|
|
27
27
|
declarations: [JourneyAvailabilityComponent],
|