npm - @norwegian/core-components - Versions diffs - 6.15.0 → 6.16.0 - Mend

@norwegian/core-components 6.15.0 → 6.16.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.

Files changed (36) hide show

package/esm2022/lib/components/journey-availability/journey-availability.component.mjs CHANGED Viewed

@@ -103,11 +103,11 @@ export class JourneyAvailabilityComponent extends NasComponentBase {
         }
     }
     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 }); }
-    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>&nbsp;-&nbsp;</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\">,&nbsp;</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')\">,&nbsp;</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"] }] }); }
+    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>&nbsp;-&nbsp;</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\">,&nbsp;</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')\">,&nbsp;</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:#b12a0b;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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityComponent, decorators: [{
             type: Component,
-            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>&nbsp;-&nbsp;</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\">,&nbsp;</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')\">,&nbsp;</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"] }]
+            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>&nbsp;-&nbsp;</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\">,&nbsp;</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')\">,&nbsp;</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:#b12a0b;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"] }]
         }], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: i2.DeviceHelper }, { type: i3.DateHelper }]; }, propDecorators: { model: [{
                 type: Input
             }], selected: [{