@norwegian/core-components 6.43.1 → 6.45.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/journey/journey.component.mjs +3 -7
- package/esm2022/lib/components/journey-stopover/journey-stopover.component.mjs +14 -4
- package/esm2022/lib/components/passenger-select/passenger-select.component.mjs +34 -1
- package/esm2022/lib/components/trip-summary/trip-summary.component.mjs +1 -1
- package/fesm2022/norwegian-core-components.mjs +49 -10
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/journey/journey.component.d.ts +1 -17
- package/lib/components/journey-stopover/journey-stopover.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -124,7 +124,7 @@ export class TripSummaryComponent extends NasComponentBase {
|
|
|
124
124
|
}
|
|
125
125
|
}
|
|
126
126
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TripSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
127
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TripSummaryComponent, selector: "nas-trip-summary", inputs: { tripSummaryModel: "tripSummaryModel", expanded: "expanded", collapsable: "collapsable", displayMinimumInfo: "displayMinimumInfo", expandTitle: "expandTitle", arrivalLabel: "arrivalLabel", departureLabel: "departureLabel", arrivalEstimatedLabel: "arrivalEstimatedLabel", departureEstimatedLabel: "departureEstimatedLabel", dateFormat: "dateFormat", timeFormat: "timeFormat", transitHoursIndicator: "transitHoursIndicator", transitMinutesIndicator: "transitMinutesIndicator", transitLabel: "transitLabel", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\" *ngIf=\"tripSummaryModel && journeyModel\">\n\n <nas-journey [timeZone]=\"timeZone\" [locale]=\"locale\" [journeyModel]=\"journeyModel\" [dateFormat]=\"dateFormat\" [timeFormat]=\"timeFormat\" [arrivalLabel]=\"arrivalLabel\"\n [departureLabel]=\"departureLabel\" [arrivalEstimatedLabel]=\"arrivalEstimatedLabel\" [departureEstimatedLabel]=\"departureEstimatedLabel\">\n\n <div *ngIf=\"exists(collapsable); else tripDetailsRef;\">\n <nas-accordion simple [title]=\"expandTitle\" [expanded]=\"expanded\">\n <ng-template [ngTemplateOutlet]=\"tripDetailsRef\"></ng-template>\n </nas-accordion>\n </div>\n\n <ng-template #tripDetailsRef>\n <div [nasClass]=\"getClass('details')\" *ngFor=\"let tripSummary of tripSummaryModel.flightList;\">\n\n <div [nasClass]=\"getClass('view')\" *ngFor=\"let detail of tripSummary.flightDetailList;index as flightDetailsIndex\">\n\n <div *ngIf=\"exists(displayMinimumInfo) && flightDetailsIndex < 2 || !exists(displayMinimumInfo)\">\n <div>\n\n <div [nasClass]=\"getClass('item')\">\n <div [nasClass]=\"getClass('',['title'])\">\n {{detail.header}}\n </div>\n <div [nasClass]=\"getClass('',['explanation'])\" *ngFor=\"let explanation of detail.itemDetailList\">\n <span [nasClass]=\"getClass('',['text'])\">\n {{explanation.text}}\n </span>\n <span [nasClass]=\"getClass('',['link'])\" *ngIf=\"explanation?.link?.text.length\">\n <a href=\"{{explanation?.link?.url}}\">{{explanation?.link?.text}}</a>\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"tripSummary.stopover\" [nasClass]=\"getClass('stopover')\">\n <nas-journey-stopover [timeZone]=\"timeZone\" [locale]=\"locale\" \n [journeyStopoverModel]=\"tripSummary.stopover\" [dateFormat]=\"dateFormat\"\n [transitHoursIndicator]=\"transitHoursIndicator\" [transitMinutesIndicator]=\"transitMinutesIndicator\"\n [timeFormat]=\"timeFormat\" [transitLabel]=\"transitLabel\" [arrivalTimeLabel]=\"arrivalLabel\"\n [departureTimeLabel]=\"departureLabel\">\n </nas-journey-stopover>\n </div>\n\n </div>\n\n </ng-template>\n </nas-journey>\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-trip-summary{position:relative}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item{border-bottom:2px solid #c3c3c3;padding:10px;color:#002a3a}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--title{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:26px}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:flex;place-content:space-between}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation .nas-trip-summary--link{align-self:center}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__view:first-child .nas-trip-summary__item{border-top:2px solid #c3c3c3}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__stopover{margin:5px 0 20px}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__toggle{margin-bottom:0;background-color:transparent}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__content{background-color:transparent;padding-left:0}:host ::ng-deep .nas-trip-summary .nas-accordion{margin-bottom:0}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:5px!important}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:last-child{padding-top:5px!important}\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", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "warning", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: i4.JourneyComponent, selector: "nas-journey", inputs: ["journeyModel", "dateFormat", "timeFormat", "arrivalLabel", "departureLabel", "
|
|
127
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TripSummaryComponent, selector: "nas-trip-summary", inputs: { tripSummaryModel: "tripSummaryModel", expanded: "expanded", collapsable: "collapsable", displayMinimumInfo: "displayMinimumInfo", expandTitle: "expandTitle", arrivalLabel: "arrivalLabel", departureLabel: "departureLabel", arrivalEstimatedLabel: "arrivalEstimatedLabel", departureEstimatedLabel: "departureEstimatedLabel", dateFormat: "dateFormat", timeFormat: "timeFormat", transitHoursIndicator: "transitHoursIndicator", transitMinutesIndicator: "transitMinutesIndicator", transitLabel: "transitLabel", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\" *ngIf=\"tripSummaryModel && journeyModel\">\n\n <nas-journey [timeZone]=\"timeZone\" [locale]=\"locale\" [journeyModel]=\"journeyModel\" [dateFormat]=\"dateFormat\" [timeFormat]=\"timeFormat\" [arrivalLabel]=\"arrivalLabel\"\n [departureLabel]=\"departureLabel\" [arrivalEstimatedLabel]=\"arrivalEstimatedLabel\" [departureEstimatedLabel]=\"departureEstimatedLabel\">\n\n <div *ngIf=\"exists(collapsable); else tripDetailsRef;\">\n <nas-accordion simple [title]=\"expandTitle\" [expanded]=\"expanded\">\n <ng-template [ngTemplateOutlet]=\"tripDetailsRef\"></ng-template>\n </nas-accordion>\n </div>\n\n <ng-template #tripDetailsRef>\n <div [nasClass]=\"getClass('details')\" *ngFor=\"let tripSummary of tripSummaryModel.flightList;\">\n\n <div [nasClass]=\"getClass('view')\" *ngFor=\"let detail of tripSummary.flightDetailList;index as flightDetailsIndex\">\n\n <div *ngIf=\"exists(displayMinimumInfo) && flightDetailsIndex < 2 || !exists(displayMinimumInfo)\">\n <div>\n\n <div [nasClass]=\"getClass('item')\">\n <div [nasClass]=\"getClass('',['title'])\">\n {{detail.header}}\n </div>\n <div [nasClass]=\"getClass('',['explanation'])\" *ngFor=\"let explanation of detail.itemDetailList\">\n <span [nasClass]=\"getClass('',['text'])\">\n {{explanation.text}}\n </span>\n <span [nasClass]=\"getClass('',['link'])\" *ngIf=\"explanation?.link?.text.length\">\n <a href=\"{{explanation?.link?.url}}\">{{explanation?.link?.text}}</a>\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"tripSummary.stopover\" [nasClass]=\"getClass('stopover')\">\n <nas-journey-stopover [timeZone]=\"timeZone\" [locale]=\"locale\" \n [journeyStopoverModel]=\"tripSummary.stopover\" [dateFormat]=\"dateFormat\"\n [transitHoursIndicator]=\"transitHoursIndicator\" [transitMinutesIndicator]=\"transitMinutesIndicator\"\n [timeFormat]=\"timeFormat\" [transitLabel]=\"transitLabel\" [arrivalTimeLabel]=\"arrivalLabel\"\n [departureTimeLabel]=\"departureLabel\">\n </nas-journey-stopover>\n </div>\n\n </div>\n\n </ng-template>\n </nas-journey>\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-trip-summary{position:relative}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item{border-bottom:2px solid #c3c3c3;padding:10px;color:#002a3a}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--title{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:26px}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:flex;place-content:space-between}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation .nas-trip-summary--link{align-self:center}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__view:first-child .nas-trip-summary__item{border-top:2px solid #c3c3c3}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__stopover{margin:5px 0 20px}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__toggle{margin-bottom:0;background-color:transparent}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__content{background-color:transparent;padding-left:0}:host ::ng-deep .nas-trip-summary .nas-accordion{margin-bottom:0}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:5px!important}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:last-child{padding-top:5px!important}\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", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "warning", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: i4.JourneyComponent, selector: "nas-journey", inputs: ["journeyModel", "dateFormat", "timeFormat", "arrivalLabel", "departureLabel", "locale", "timeZone"] }, { kind: "component", type: i5.JourneyStopoverComponent, selector: "nas-journey-stopover", inputs: ["journeyStopoverModel", "transitLabel", "arrivalTimeLabel", "departureTimeLabel", "timeFormat", "dateFormat", "transitHoursIndicator", "transitMinutesIndicator", "locale", "timeZone"] }] }); }
|
|
128
128
|
}
|
|
129
129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TripSummaryComponent, decorators: [{
|
|
130
130
|
type: Component,
|
|
@@ -3497,6 +3497,29 @@ class PassengerSelectComponent extends NasComponentBase {
|
|
|
3497
3497
|
}
|
|
3498
3498
|
}
|
|
3499
3499
|
}
|
|
3500
|
+
if (passengers.type === PassengerType.YoungAdult || passengers.type === PassengerType.Youth) {
|
|
3501
|
+
const youngAdult = this.passengers.find(x => x.type === PassengerType.YoungAdult);
|
|
3502
|
+
const youth = this.passengers.find(x => x.type === PassengerType.Youth);
|
|
3503
|
+
if (youngAdult && youth) {
|
|
3504
|
+
if (passengers.type === PassengerType.Youth && youth.count > 0) {
|
|
3505
|
+
if (youngAdult.formGroup && youth.formControlName && youngAdult.count !== 0) {
|
|
3506
|
+
youngAdult.formGroup.get(youth.formControlName).patchValue(0);
|
|
3507
|
+
}
|
|
3508
|
+
youngAdult.count = 0;
|
|
3509
|
+
}
|
|
3510
|
+
if (passengers.type === PassengerType.YoungAdult) {
|
|
3511
|
+
youth.count = youngAdult.count > 0 ? 0 : youth.count;
|
|
3512
|
+
if (youth.formGroup && youth.formControlName && youngAdult.formGroup && youngAdult.formControlName) {
|
|
3513
|
+
if (this.minAdultCount && youngAdult.count === 0) {
|
|
3514
|
+
youth.formGroup.get(youth.formControlName).patchValue(this.minAdultCount);
|
|
3515
|
+
}
|
|
3516
|
+
else if (youth.count > 0) {
|
|
3517
|
+
youth.formGroup.get(youth.formControlName).patchValue(0);
|
|
3518
|
+
}
|
|
3519
|
+
}
|
|
3520
|
+
}
|
|
3521
|
+
}
|
|
3522
|
+
}
|
|
3500
3523
|
this.setTotalCount();
|
|
3501
3524
|
this.passengersChange.emit(this.passengers);
|
|
3502
3525
|
}
|
|
@@ -3573,6 +3596,16 @@ class PassengerSelectComponent extends NasComponentBase {
|
|
|
3573
3596
|
return min;
|
|
3574
3597
|
}
|
|
3575
3598
|
}
|
|
3599
|
+
else if (passengers.type === PassengerType.Youth && youngAdult) {
|
|
3600
|
+
const min = !this.minAdultCount ? 0 : this.minAdultCount;
|
|
3601
|
+
if (passengers.type === PassengerType.Youth && youth.count < min && youngAdult.count === 0) {
|
|
3602
|
+
passengers.count = min;
|
|
3603
|
+
return min;
|
|
3604
|
+
}
|
|
3605
|
+
if (passengers.type === PassengerType.Youth && youth.formGroup && youth.formControlName) {
|
|
3606
|
+
return min;
|
|
3607
|
+
}
|
|
3608
|
+
}
|
|
3576
3609
|
else if (!adult && passengers.type === PassengerType.Youth) {
|
|
3577
3610
|
const min = !this.minAdultCount ? 0 : this.minAdultCount;
|
|
3578
3611
|
return min;
|
|
@@ -9938,11 +9971,11 @@ class JourneyComponent extends NasComponentBase {
|
|
|
9938
9971
|
return this.datePipe.transform(this.dateService.date(date), format, this.timeZone, this.locale);
|
|
9939
9972
|
}
|
|
9940
9973
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyComponent, deps: [{ token: i1.DatePipe }, { token: DateHelper }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9941
|
-
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",
|
|
9974
|
+
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", 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 <span>{{ departureLabel }} {{ currentJourney?.departureDate }} {{ currentJourney?.departureTime }}</span>\n </div>\n <div\n [nasClass]=\"getClass('', ['estimated-time'])\"\n *ngIf=\"\n journeyModel?.departure?.estimatedTime ||\n journeyModel?.departure?.estimatedDate\n \"\n >\n {{ departureLabel }}\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 <span>{{ arrivalLabel }} {{ currentJourney?.arrivalDate }} {{ currentJourney?.arrivalTime }}</span>\n </div>\n <div\n [nasClass]=\"getClass('', ['estimated-time'])\"\n *ngIf=\"\n journeyModel?.arrival?.estimatedTime ||\n journeyModel?.arrival?.estimatedDate\n \"\n >\n {{ arrivalLabel }} {{ 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:15px;left:4px;width:9px;background-image:linear-gradient(to bottom,#6f6f6f 9px,transparent 9px);background-position:center;background-repeat:repeat-y;background-size:2px 18px}.nas-journey__line--delayed{bottom:33px}.nas-journey__line:before,.nas-journey__line:after{content:\"\";position:absolute;left:.5px;width:8px;height:8px;border-radius:50%}.nas-journey__line:before{top:-7px;background-color:#15273f}.nas-journey__line:after{bottom:-4px;background-color:#e5212d}.nas-journey__body{padding-left:36px}.nas-journey__body .nas-journey__flight-details .nas-journey--date{line-height:24px!important;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#6f6f6f}.nas-journey__body .nas-journey__flight-details .nas-journey--place{line-height:24px!important;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:26px}.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:16px;line-height:26px;top:-.5em;letter-spacing:0}.nas-journey__body .nas-journey__flight-details .nas-journey--time{line-height:24px!important;font-size:16px;line-height:26px;color:#15273f;font-weight:400}.nas-journey__body .nas-journey__flight-details .nas-journey--crossed-time{color:#6f6f6f}.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{color:#e5212d}.nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:8px}.nas-journey__body .nas-journey__flight-details:last-child{padding-top:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
|
|
9942
9975
|
}
|
|
9943
9976
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyComponent, decorators: [{
|
|
9944
9977
|
type: Component,
|
|
9945
|
-
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 }}
|
|
9978
|
+
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 <span>{{ departureLabel }} {{ currentJourney?.departureDate }} {{ currentJourney?.departureTime }}</span>\n </div>\n <div\n [nasClass]=\"getClass('', ['estimated-time'])\"\n *ngIf=\"\n journeyModel?.departure?.estimatedTime ||\n journeyModel?.departure?.estimatedDate\n \"\n >\n {{ departureLabel }}\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 <span>{{ arrivalLabel }} {{ currentJourney?.arrivalDate }} {{ currentJourney?.arrivalTime }}</span>\n </div>\n <div\n [nasClass]=\"getClass('', ['estimated-time'])\"\n *ngIf=\"\n journeyModel?.arrival?.estimatedTime ||\n journeyModel?.arrival?.estimatedDate\n \"\n >\n {{ arrivalLabel }} {{ 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:15px;left:4px;width:9px;background-image:linear-gradient(to bottom,#6f6f6f 9px,transparent 9px);background-position:center;background-repeat:repeat-y;background-size:2px 18px}.nas-journey__line--delayed{bottom:33px}.nas-journey__line:before,.nas-journey__line:after{content:\"\";position:absolute;left:.5px;width:8px;height:8px;border-radius:50%}.nas-journey__line:before{top:-7px;background-color:#15273f}.nas-journey__line:after{bottom:-4px;background-color:#e5212d}.nas-journey__body{padding-left:36px}.nas-journey__body .nas-journey__flight-details .nas-journey--date{line-height:24px!important;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#6f6f6f}.nas-journey__body .nas-journey__flight-details .nas-journey--place{line-height:24px!important;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:26px}.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:16px;line-height:26px;top:-.5em;letter-spacing:0}.nas-journey__body .nas-journey__flight-details .nas-journey--time{line-height:24px!important;font-size:16px;line-height:26px;color:#15273f;font-weight:400}.nas-journey__body .nas-journey__flight-details .nas-journey--crossed-time{color:#6f6f6f}.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{color:#e5212d}.nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:8px}.nas-journey__body .nas-journey__flight-details:last-child{padding-top:8px}\n"] }]
|
|
9946
9979
|
}], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: DateHelper }]; }, propDecorators: { journeyModel: [{
|
|
9947
9980
|
type: Input
|
|
9948
9981
|
}], dateFormat: [{
|
|
@@ -9953,10 +9986,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
9953
9986
|
type: Input
|
|
9954
9987
|
}], departureLabel: [{
|
|
9955
9988
|
type: Input
|
|
9956
|
-
}], arrivalEstimatedLabel: [{
|
|
9957
|
-
type: Input
|
|
9958
|
-
}], departureEstimatedLabel: [{
|
|
9959
|
-
type: Input
|
|
9960
9989
|
}], locale: [{
|
|
9961
9990
|
type: Input
|
|
9962
9991
|
}], timeZone: [{
|
|
@@ -10038,7 +10067,9 @@ class JourneyStopoverComponent extends NasComponentBase {
|
|
|
10038
10067
|
departureDate: this.transformDate(this.journeyStopoverModel.localDepartureDate, this.dateFormat),
|
|
10039
10068
|
arrivalDate: this.transformDate(this.journeyStopoverModel.localArrivalDate, this.dateFormat),
|
|
10040
10069
|
estimatedDepartureDate: this.transformDate(this.journeyStopoverModel.estimatedDepartureTime, this.dateFormat),
|
|
10041
|
-
estimatedArrivalDate: this.transformDate(this.journeyStopoverModel.estimatedArrivalTime, this.dateFormat)
|
|
10070
|
+
estimatedArrivalDate: this.transformDate(this.journeyStopoverModel.estimatedArrivalTime, this.dateFormat),
|
|
10071
|
+
estimatedDepartureTime: this.transformDate(this.journeyStopoverModel.estimatedDepartureTime, this.timeFormat),
|
|
10072
|
+
estimatedArrivalTime: this.transformDate(this.journeyStopoverModel.estimatedArrivalTime, this.timeFormat)
|
|
10042
10073
|
};
|
|
10043
10074
|
}
|
|
10044
10075
|
}
|
|
@@ -10052,12 +10083,20 @@ class JourneyStopoverComponent extends NasComponentBase {
|
|
|
10052
10083
|
numberOfMinutes: Math.floor(differenceInMinutes % 60)
|
|
10053
10084
|
};
|
|
10054
10085
|
}
|
|
10086
|
+
getTimeClass(estimatedTime, estimatedDate) {
|
|
10087
|
+
if (estimatedTime || estimatedDate) {
|
|
10088
|
+
return this.getClass('', ['crossed-time']);
|
|
10089
|
+
}
|
|
10090
|
+
else {
|
|
10091
|
+
return this.getClass('', ['time']);
|
|
10092
|
+
}
|
|
10093
|
+
}
|
|
10055
10094
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyStopoverComponent, deps: [{ token: i1.DatePipe }, { token: DateHelper }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10056
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: JourneyStopoverComponent, selector: "nas-journey-stopover", inputs: { journeyStopoverModel: "journeyStopoverModel", transitLabel: "transitLabel", arrivalTimeLabel: "arrivalTimeLabel", departureTimeLabel: "departureTimeLabel", timeFormat: "timeFormat", dateFormat: "dateFormat", transitHoursIndicator: "transitHoursIndicator", transitMinutesIndicator: "transitMinutesIndicator", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\" *ngIf=\"journeyStopoverModel\">\n <span [nasClass]=\"lineClass\"></span>\n\n <div [nasClass]=\"getClass('stopover-details')\">\n <div\n [nasClass]=\"getClass('', ['stopover-time'])\"\n *ngIf=\"displayStopoverTime\"\n >\n {{ transitLabel }}\n (<span *ngIf=\"stopoverTime?.numberOfHours\"\n >{{ stopoverTime?.numberOfHours\n }}{{ transitHoursIndicator }} </span\n >\n <span *ngIf=\"stopoverTime?.numberOfMinutes\"\n >{{ stopoverTime?.numberOfMinutes }}{{ transitMinutesIndicator }}</span\n >)\n </div>\n <div [nasClass]=\"getClass('', ['place'])\">\n {{ journeyStopoverModel?.airportName }}\n <
|
|
10095
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: JourneyStopoverComponent, selector: "nas-journey-stopover", inputs: { journeyStopoverModel: "journeyStopoverModel", transitLabel: "transitLabel", arrivalTimeLabel: "arrivalTimeLabel", departureTimeLabel: "departureTimeLabel", timeFormat: "timeFormat", dateFormat: "dateFormat", transitHoursIndicator: "transitHoursIndicator", transitMinutesIndicator: "transitMinutesIndicator", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\" *ngIf=\"journeyStopoverModel\">\n <span [nasClass]=\"lineClass\"></span>\n\n <div [nasClass]=\"getClass('stopover-details')\">\n <div\n [nasClass]=\"getClass('', ['stopover-time'])\"\n *ngIf=\"displayStopoverTime\"\n >\n {{ transitLabel }}\n (<span *ngIf=\"stopoverTime?.numberOfHours\"\n >{{ stopoverTime?.numberOfHours\n }}{{ transitHoursIndicator }} </span\n >\n <span *ngIf=\"stopoverTime?.numberOfMinutes\"\n >{{ stopoverTime?.numberOfMinutes }} {{ transitMinutesIndicator }}</span\n >)\n </div>\n <div [nasClass]=\"getClass('', ['place'])\">\n {{ journeyStopoverModel?.airportName }}\n {{ journeyStopoverModel?.airportCode }}\n </div>\n <div [nasClass]=\"getTimeClass(currentStopover?.estimatedArrivalTime, currentStopover?.estimatedArrivalDate)\">\n <div [nasClass]=\"getClass('', ['arrival'])\">\n <span>{{arrivalTimeLabel}} {{currentStopover?.arrivalDate}} {{currentStopover?.arrivalTime}}</span>\n </div>\n <div [nasClass]=\"getClass('', ['estimated-time'])\" *ngIf=\"currentStopover?.estimatedArrivalDate || currentStopover?.estimatedArrivalTime\">\n {{ arrivalTimeLabel }} {{ currentStopover?.estimatedArrivalDate }}\n {{ currentStopover?.estimatedArrivalTime }}\n </div>\n </div>\n <div [nasClass]=\"getTimeClass(currentStopover?.estimatedDepartureTime, currentStopover?.estimatedDepartureDate)\">\n <div [nasClass]=\"getClass('', ['departure'])\">\n <span>{{ departureTimeLabel }} {{ currentStopover?.departureDate }} {{ currentStopover?.departureTime }}</span>\n </div>\n <div [nasClass]=\"getClass('', ['estimated-time'])\" *ngIf=\"currentStopover?.estimatedDepartureDate || currentStopover?.estimatedDepartureTime\">\n {{ departureTimeLabel }} {{ currentStopover?.estimatedDepartureDate }}\n {{ currentStopover?.estimatedDepartureTime }}\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-stopover{position:relative}.nas-journey-stopover__line{position:absolute;top:20px;left:-31px;background-image:radial-gradient(circle closest-side,#d8d8d8 6px,transparent 100%);background-position:0 100%;background-repeat:repeat-x;background-size:6px 10px}.nas-journey-stopover__line--transit-label{top:0px}.nas-journey-stopover__line:before{content:\"\";position:absolute;left:-.5px;width:8px;height:8px;border-radius:50%}.nas-journey-stopover__line:before{top:25px;background-color:#003251}.nas-journey-stopover .nas-journey-stopover__stopover-details{padding-top:15px;padding-bottom:15px}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--stopover-time{font-size:12px;font-weight:600}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--place{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--place .nas-journey-stopover__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-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--crossed-time{color:#6f6f6f}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--crossed-time span{text-decoration:line-through}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--estimated-time{color:#e5212d}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
|
|
10057
10096
|
}
|
|
10058
10097
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyStopoverComponent, decorators: [{
|
|
10059
10098
|
type: Component,
|
|
10060
|
-
args: [{ selector: 'nas-journey-stopover', template: "<div [nasClass]=\"getClass()\" *ngIf=\"journeyStopoverModel\">\n <span [nasClass]=\"lineClass\"></span>\n\n <div [nasClass]=\"getClass('stopover-details')\">\n <div\n [nasClass]=\"getClass('', ['stopover-time'])\"\n *ngIf=\"displayStopoverTime\"\n >\n {{ transitLabel }}\n (<span *ngIf=\"stopoverTime?.numberOfHours\"\n >{{ stopoverTime?.numberOfHours\n }}{{ transitHoursIndicator }} </span\n >\n <span *ngIf=\"stopoverTime?.numberOfMinutes\"\n >{{ stopoverTime?.numberOfMinutes }}{{ transitMinutesIndicator }}</span\n >)\n </div>\n <div [nasClass]=\"getClass('', ['place'])\">\n {{ journeyStopoverModel?.airportName }}\n <
|
|
10099
|
+
args: [{ selector: 'nas-journey-stopover', template: "<div [nasClass]=\"getClass()\" *ngIf=\"journeyStopoverModel\">\n <span [nasClass]=\"lineClass\"></span>\n\n <div [nasClass]=\"getClass('stopover-details')\">\n <div\n [nasClass]=\"getClass('', ['stopover-time'])\"\n *ngIf=\"displayStopoverTime\"\n >\n {{ transitLabel }}\n (<span *ngIf=\"stopoverTime?.numberOfHours\"\n >{{ stopoverTime?.numberOfHours\n }}{{ transitHoursIndicator }} </span\n >\n <span *ngIf=\"stopoverTime?.numberOfMinutes\"\n >{{ stopoverTime?.numberOfMinutes }} {{ transitMinutesIndicator }}</span\n >)\n </div>\n <div [nasClass]=\"getClass('', ['place'])\">\n {{ journeyStopoverModel?.airportName }}\n {{ journeyStopoverModel?.airportCode }}\n </div>\n <div [nasClass]=\"getTimeClass(currentStopover?.estimatedArrivalTime, currentStopover?.estimatedArrivalDate)\">\n <div [nasClass]=\"getClass('', ['arrival'])\">\n <span>{{arrivalTimeLabel}} {{currentStopover?.arrivalDate}} {{currentStopover?.arrivalTime}}</span>\n </div>\n <div [nasClass]=\"getClass('', ['estimated-time'])\" *ngIf=\"currentStopover?.estimatedArrivalDate || currentStopover?.estimatedArrivalTime\">\n {{ arrivalTimeLabel }} {{ currentStopover?.estimatedArrivalDate }}\n {{ currentStopover?.estimatedArrivalTime }}\n </div>\n </div>\n <div [nasClass]=\"getTimeClass(currentStopover?.estimatedDepartureTime, currentStopover?.estimatedDepartureDate)\">\n <div [nasClass]=\"getClass('', ['departure'])\">\n <span>{{ departureTimeLabel }} {{ currentStopover?.departureDate }} {{ currentStopover?.departureTime }}</span>\n </div>\n <div [nasClass]=\"getClass('', ['estimated-time'])\" *ngIf=\"currentStopover?.estimatedDepartureDate || currentStopover?.estimatedDepartureTime\">\n {{ departureTimeLabel }} {{ currentStopover?.estimatedDepartureDate }}\n {{ currentStopover?.estimatedDepartureTime }}\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-stopover{position:relative}.nas-journey-stopover__line{position:absolute;top:20px;left:-31px;background-image:radial-gradient(circle closest-side,#d8d8d8 6px,transparent 100%);background-position:0 100%;background-repeat:repeat-x;background-size:6px 10px}.nas-journey-stopover__line--transit-label{top:0px}.nas-journey-stopover__line:before{content:\"\";position:absolute;left:-.5px;width:8px;height:8px;border-radius:50%}.nas-journey-stopover__line:before{top:25px;background-color:#003251}.nas-journey-stopover .nas-journey-stopover__stopover-details{padding-top:15px;padding-bottom:15px}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--stopover-time{font-size:12px;font-weight:600}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--place{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--place .nas-journey-stopover__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-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--crossed-time{color:#6f6f6f}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--crossed-time span{text-decoration:line-through}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--estimated-time{color:#e5212d}\n"] }]
|
|
10061
10100
|
}], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: DateHelper }]; }, propDecorators: { journeyStopoverModel: [{
|
|
10062
10101
|
type: Input
|
|
10063
10102
|
}], transitLabel: [{
|
|
@@ -10198,7 +10237,7 @@ class TripSummaryComponent extends NasComponentBase {
|
|
|
10198
10237
|
}
|
|
10199
10238
|
}
|
|
10200
10239
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TripSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10201
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TripSummaryComponent, selector: "nas-trip-summary", inputs: { tripSummaryModel: "tripSummaryModel", expanded: "expanded", collapsable: "collapsable", displayMinimumInfo: "displayMinimumInfo", expandTitle: "expandTitle", arrivalLabel: "arrivalLabel", departureLabel: "departureLabel", arrivalEstimatedLabel: "arrivalEstimatedLabel", departureEstimatedLabel: "departureEstimatedLabel", dateFormat: "dateFormat", timeFormat: "timeFormat", transitHoursIndicator: "transitHoursIndicator", transitMinutesIndicator: "transitMinutesIndicator", transitLabel: "transitLabel", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\" *ngIf=\"tripSummaryModel && journeyModel\">\n\n <nas-journey [timeZone]=\"timeZone\" [locale]=\"locale\" [journeyModel]=\"journeyModel\" [dateFormat]=\"dateFormat\" [timeFormat]=\"timeFormat\" [arrivalLabel]=\"arrivalLabel\"\n [departureLabel]=\"departureLabel\" [arrivalEstimatedLabel]=\"arrivalEstimatedLabel\" [departureEstimatedLabel]=\"departureEstimatedLabel\">\n\n <div *ngIf=\"exists(collapsable); else tripDetailsRef;\">\n <nas-accordion simple [title]=\"expandTitle\" [expanded]=\"expanded\">\n <ng-template [ngTemplateOutlet]=\"tripDetailsRef\"></ng-template>\n </nas-accordion>\n </div>\n\n <ng-template #tripDetailsRef>\n <div [nasClass]=\"getClass('details')\" *ngFor=\"let tripSummary of tripSummaryModel.flightList;\">\n\n <div [nasClass]=\"getClass('view')\" *ngFor=\"let detail of tripSummary.flightDetailList;index as flightDetailsIndex\">\n\n <div *ngIf=\"exists(displayMinimumInfo) && flightDetailsIndex < 2 || !exists(displayMinimumInfo)\">\n <div>\n\n <div [nasClass]=\"getClass('item')\">\n <div [nasClass]=\"getClass('',['title'])\">\n {{detail.header}}\n </div>\n <div [nasClass]=\"getClass('',['explanation'])\" *ngFor=\"let explanation of detail.itemDetailList\">\n <span [nasClass]=\"getClass('',['text'])\">\n {{explanation.text}}\n </span>\n <span [nasClass]=\"getClass('',['link'])\" *ngIf=\"explanation?.link?.text.length\">\n <a href=\"{{explanation?.link?.url}}\">{{explanation?.link?.text}}</a>\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"tripSummary.stopover\" [nasClass]=\"getClass('stopover')\">\n <nas-journey-stopover [timeZone]=\"timeZone\" [locale]=\"locale\" \n [journeyStopoverModel]=\"tripSummary.stopover\" [dateFormat]=\"dateFormat\"\n [transitHoursIndicator]=\"transitHoursIndicator\" [transitMinutesIndicator]=\"transitMinutesIndicator\"\n [timeFormat]=\"timeFormat\" [transitLabel]=\"transitLabel\" [arrivalTimeLabel]=\"arrivalLabel\"\n [departureTimeLabel]=\"departureLabel\">\n </nas-journey-stopover>\n </div>\n\n </div>\n\n </ng-template>\n </nas-journey>\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-trip-summary{position:relative}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item{border-bottom:2px solid #c3c3c3;padding:10px;color:#002a3a}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--title{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:26px}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:flex;place-content:space-between}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation .nas-trip-summary--link{align-self:center}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__view:first-child .nas-trip-summary__item{border-top:2px solid #c3c3c3}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__stopover{margin:5px 0 20px}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__toggle{margin-bottom:0;background-color:transparent}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__content{background-color:transparent;padding-left:0}:host ::ng-deep .nas-trip-summary .nas-accordion{margin-bottom:0}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:5px!important}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:last-child{padding-top:5px!important}\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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "warning", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: JourneyComponent, selector: "nas-journey", inputs: ["journeyModel", "dateFormat", "timeFormat", "arrivalLabel", "departureLabel", "
|
|
10240
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TripSummaryComponent, selector: "nas-trip-summary", inputs: { tripSummaryModel: "tripSummaryModel", expanded: "expanded", collapsable: "collapsable", displayMinimumInfo: "displayMinimumInfo", expandTitle: "expandTitle", arrivalLabel: "arrivalLabel", departureLabel: "departureLabel", arrivalEstimatedLabel: "arrivalEstimatedLabel", departureEstimatedLabel: "departureEstimatedLabel", dateFormat: "dateFormat", timeFormat: "timeFormat", transitHoursIndicator: "transitHoursIndicator", transitMinutesIndicator: "transitMinutesIndicator", transitLabel: "transitLabel", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\" *ngIf=\"tripSummaryModel && journeyModel\">\n\n <nas-journey [timeZone]=\"timeZone\" [locale]=\"locale\" [journeyModel]=\"journeyModel\" [dateFormat]=\"dateFormat\" [timeFormat]=\"timeFormat\" [arrivalLabel]=\"arrivalLabel\"\n [departureLabel]=\"departureLabel\" [arrivalEstimatedLabel]=\"arrivalEstimatedLabel\" [departureEstimatedLabel]=\"departureEstimatedLabel\">\n\n <div *ngIf=\"exists(collapsable); else tripDetailsRef;\">\n <nas-accordion simple [title]=\"expandTitle\" [expanded]=\"expanded\">\n <ng-template [ngTemplateOutlet]=\"tripDetailsRef\"></ng-template>\n </nas-accordion>\n </div>\n\n <ng-template #tripDetailsRef>\n <div [nasClass]=\"getClass('details')\" *ngFor=\"let tripSummary of tripSummaryModel.flightList;\">\n\n <div [nasClass]=\"getClass('view')\" *ngFor=\"let detail of tripSummary.flightDetailList;index as flightDetailsIndex\">\n\n <div *ngIf=\"exists(displayMinimumInfo) && flightDetailsIndex < 2 || !exists(displayMinimumInfo)\">\n <div>\n\n <div [nasClass]=\"getClass('item')\">\n <div [nasClass]=\"getClass('',['title'])\">\n {{detail.header}}\n </div>\n <div [nasClass]=\"getClass('',['explanation'])\" *ngFor=\"let explanation of detail.itemDetailList\">\n <span [nasClass]=\"getClass('',['text'])\">\n {{explanation.text}}\n </span>\n <span [nasClass]=\"getClass('',['link'])\" *ngIf=\"explanation?.link?.text.length\">\n <a href=\"{{explanation?.link?.url}}\">{{explanation?.link?.text}}</a>\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"tripSummary.stopover\" [nasClass]=\"getClass('stopover')\">\n <nas-journey-stopover [timeZone]=\"timeZone\" [locale]=\"locale\" \n [journeyStopoverModel]=\"tripSummary.stopover\" [dateFormat]=\"dateFormat\"\n [transitHoursIndicator]=\"transitHoursIndicator\" [transitMinutesIndicator]=\"transitMinutesIndicator\"\n [timeFormat]=\"timeFormat\" [transitLabel]=\"transitLabel\" [arrivalTimeLabel]=\"arrivalLabel\"\n [departureTimeLabel]=\"departureLabel\">\n </nas-journey-stopover>\n </div>\n\n </div>\n\n </ng-template>\n </nas-journey>\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-trip-summary{position:relative}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item{border-bottom:2px solid #c3c3c3;padding:10px;color:#002a3a}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--title{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:26px}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:flex;place-content:space-between}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation .nas-trip-summary--link{align-self:center}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__view:first-child .nas-trip-summary__item{border-top:2px solid #c3c3c3}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__stopover{margin:5px 0 20px}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__toggle{margin-bottom:0;background-color:transparent}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__content{background-color:transparent;padding-left:0}:host ::ng-deep .nas-trip-summary .nas-accordion{margin-bottom:0}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:5px!important}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:last-child{padding-top:5px!important}\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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "warning", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: JourneyComponent, selector: "nas-journey", inputs: ["journeyModel", "dateFormat", "timeFormat", "arrivalLabel", "departureLabel", "locale", "timeZone"] }, { kind: "component", type: JourneyStopoverComponent, selector: "nas-journey-stopover", inputs: ["journeyStopoverModel", "transitLabel", "arrivalTimeLabel", "departureTimeLabel", "timeFormat", "dateFormat", "transitHoursIndicator", "transitMinutesIndicator", "locale", "timeZone"] }] }); }
|
|
10202
10241
|
}
|
|
10203
10242
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TripSummaryComponent, decorators: [{
|
|
10204
10243
|
type: Component,
|