@norwegian/core-components 6.22.2 → 6.24.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 +2 -2
- package/esm2022/lib/components/page-header/page-header.component.mjs +11 -3
- package/fesm2022/norwegian-core-components.mjs +12 -4
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/page-header/page-header.component.d.ts +9 -1
- package/package.json +1 -1
|
@@ -97,11 +97,11 @@ export class JourneyComponent extends NasComponentBase {
|
|
|
97
97
|
return this.datePipe.transform(this.dateService.date(date), format, this.timeZone, this.locale);
|
|
98
98
|
}
|
|
99
99
|
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 }); }
|
|
100
|
-
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:
|
|
100
|
+
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: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:1px;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{font-size:14px;line-height:20px;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{font-size:14px;line-height:20px;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: i3.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
|
|
101
101
|
}
|
|
102
102
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyComponent, decorators: [{
|
|
103
103
|
type: Component,
|
|
104
|
-
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:
|
|
104
|
+
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: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:1px;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{font-size:14px;line-height:20px;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{font-size:14px;line-height:20px;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"] }]
|
|
105
105
|
}], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: i2.DateHelper }]; }, propDecorators: { journeyModel: [{
|
|
106
106
|
type: Input
|
|
107
107
|
}], dateFormat: [{
|