@norwegian/core-components 6.0.0 → 6.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/assets/icons/medium/twitter-x.svg +18 -0
  2. package/assets/icons/small/twitter-x.svg +18 -0
  3. package/esm2022/lib/components/accordion/accordion.component.mjs +3 -3
  4. package/esm2022/lib/components/accordion/accordion.module.mjs +4 -4
  5. package/esm2022/lib/components/airport-select/airport-select-dropdown/airport-select-dropdown.component.mjs +3 -3
  6. package/esm2022/lib/components/airport-select/airport-select.component.mjs +3 -3
  7. package/esm2022/lib/components/airport-select/airport-select.module.mjs +4 -4
  8. package/esm2022/lib/components/airport-select/services/airport-select-dropdown.service.mjs +3 -3
  9. package/esm2022/lib/components/airport-select/services/airport-select.service.mjs +3 -3
  10. package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +3 -3
  11. package/esm2022/lib/components/autocomplete/autocomplete.module.mjs +4 -4
  12. package/esm2022/lib/components/backdrop/backdrop.component.mjs +3 -3
  13. package/esm2022/lib/components/backdrop/backdrop.module.mjs +4 -4
  14. package/esm2022/lib/components/box/box.component.mjs +3 -3
  15. package/esm2022/lib/components/box/box.module.mjs +4 -4
  16. package/esm2022/lib/components/button/button.component.mjs +3 -3
  17. package/esm2022/lib/components/button/button.module.mjs +4 -4
  18. package/esm2022/lib/components/checkbox/checkbox.component.mjs +3 -3
  19. package/esm2022/lib/components/checkbox/checkbox.module.mjs +4 -4
  20. package/esm2022/lib/components/chip/chip.component.mjs +3 -3
  21. package/esm2022/lib/components/chip/chip.module.mjs +4 -4
  22. package/esm2022/lib/components/container/container.component.mjs +3 -3
  23. package/esm2022/lib/components/container/container.module.mjs +4 -4
  24. package/esm2022/lib/components/continue/continue.component.mjs +3 -3
  25. package/esm2022/lib/components/continue/continue.module.mjs +4 -4
  26. package/esm2022/lib/components/cover/cover.component.mjs +3 -3
  27. package/esm2022/lib/components/cover/cover.module.mjs +4 -4
  28. package/esm2022/lib/components/datepicker/calendar/calendar.component.mjs +3 -3
  29. package/esm2022/lib/components/datepicker/datepicker.component.mjs +3 -3
  30. package/esm2022/lib/components/datepicker/datepicker.module.mjs +4 -4
  31. package/esm2022/lib/components/datepicker/services/calendar.service.mjs +3 -3
  32. package/esm2022/lib/components/datepicker-combo/datepicker-combo.component.mjs +3 -3
  33. package/esm2022/lib/components/datepicker-combo/datepicker-combo.module.mjs +4 -4
  34. package/esm2022/lib/components/divider/divider.component.mjs +3 -3
  35. package/esm2022/lib/components/divider/divider.module.mjs +4 -4
  36. package/esm2022/lib/components/dropdown/dropdown.component.mjs +3 -3
  37. package/esm2022/lib/components/dropdown/dropdown.module.mjs +4 -4
  38. package/esm2022/lib/components/filter/filter.component.mjs +3 -3
  39. package/esm2022/lib/components/filter/filter.module.mjs +4 -4
  40. package/esm2022/lib/components/grid/col/col.component.mjs +3 -3
  41. package/esm2022/lib/components/grid/grid.component.mjs +3 -3
  42. package/esm2022/lib/components/grid/grid.module.mjs +4 -4
  43. package/esm2022/lib/components/icon/icon.component.mjs +4 -4
  44. package/esm2022/lib/components/icon/icon.module.mjs +4 -4
  45. package/esm2022/lib/components/icon-list/icon-list.component.mjs +3 -3
  46. package/esm2022/lib/components/icon-list/icon-list.module.mjs +4 -4
  47. package/esm2022/lib/components/info/info.component.mjs +3 -3
  48. package/esm2022/lib/components/info/info.module.mjs +4 -4
  49. package/esm2022/lib/components/input/input.component.mjs +3 -3
  50. package/esm2022/lib/components/input/input.module.mjs +4 -4
  51. package/esm2022/lib/components/journey/journey.component.mjs +3 -3
  52. package/esm2022/lib/components/journey/journey.module.mjs +4 -4
  53. package/esm2022/lib/components/journey-availability/journey-availability.component.mjs +3 -3
  54. package/esm2022/lib/components/journey-availability/journey-availability.module.mjs +4 -4
  55. package/esm2022/lib/components/journey-availability-list/journey-availability-list.component.mjs +3 -3
  56. package/esm2022/lib/components/journey-availability-list/journey-availability-list.module.mjs +4 -4
  57. package/esm2022/lib/components/journey-selection/journey-selection.component.mjs +3 -3
  58. package/esm2022/lib/components/journey-selection/journey-selection.module.mjs +4 -4
  59. package/esm2022/lib/components/journey-stopover/journey-stopover.component.mjs +3 -3
  60. package/esm2022/lib/components/journey-stopover/journey-stopover.module.mjs +4 -4
  61. package/esm2022/lib/components/list/list-item/list-item.component.mjs +3 -3
  62. package/esm2022/lib/components/list/list.component.mjs +3 -3
  63. package/esm2022/lib/components/list/list.module.mjs +4 -4
  64. package/esm2022/lib/components/modal/modal.component.mjs +3 -3
  65. package/esm2022/lib/components/modal/modal.module.mjs +4 -4
  66. package/esm2022/lib/components/number-field/number-field.component.mjs +3 -3
  67. package/esm2022/lib/components/number-field/number-field.module.mjs +4 -4
  68. package/esm2022/lib/components/page-footer/page-footer.component.mjs +3 -3
  69. package/esm2022/lib/components/page-footer/page-footer.module.mjs +4 -4
  70. package/esm2022/lib/components/page-header/hamburger/hamburger.component.mjs +3 -3
  71. package/esm2022/lib/components/page-header/page-header.component.mjs +3 -3
  72. package/esm2022/lib/components/page-header/page-header.module.mjs +4 -4
  73. package/esm2022/lib/components/page-header/search/search.component.mjs +3 -3
  74. package/esm2022/lib/components/passenger-select/passenger-select.component.mjs +3 -3
  75. package/esm2022/lib/components/passenger-select/passenger-select.module.mjs +4 -4
  76. package/esm2022/lib/components/phone-number/phone-number.component.mjs +3 -3
  77. package/esm2022/lib/components/phone-number/phone-number.module.mjs +4 -4
  78. package/esm2022/lib/components/premium-toggle/premium-toggle.component.mjs +3 -3
  79. package/esm2022/lib/components/premium-toggle/premium-toggle.module.mjs +4 -4
  80. package/esm2022/lib/components/radio/radio.component.mjs +3 -3
  81. package/esm2022/lib/components/radio/radio.module.mjs +4 -4
  82. package/esm2022/lib/components/select/optgroup/optgroup.component.mjs +3 -3
  83. package/esm2022/lib/components/select/option/option.component.mjs +3 -3
  84. package/esm2022/lib/components/select/select.component.mjs +3 -3
  85. package/esm2022/lib/components/select/select.module.mjs +4 -4
  86. package/esm2022/lib/components/simple-list/simple-list.component.mjs +3 -3
  87. package/esm2022/lib/components/simple-list/simple-list.module.mjs +4 -4
  88. package/esm2022/lib/components/slide-toggle/slide-toggle.component.mjs +3 -3
  89. package/esm2022/lib/components/slide-toggle/slide-toggle.module.mjs +4 -4
  90. package/esm2022/lib/components/slider/slider.component.mjs +3 -3
  91. package/esm2022/lib/components/slider/slider.module.mjs +4 -4
  92. package/esm2022/lib/components/sort/sort.component.mjs +3 -3
  93. package/esm2022/lib/components/sort/sort.module.mjs +4 -4
  94. package/esm2022/lib/components/spinner/spinner.component.mjs +3 -3
  95. package/esm2022/lib/components/spinner/spinner.module.mjs +4 -4
  96. package/esm2022/lib/components/subsidy-discount/subsidy-discount.component.mjs +3 -3
  97. package/esm2022/lib/components/subsidy-discount/subsidy-discount.module.mjs +4 -4
  98. package/esm2022/lib/components/suggestions/suggestions.component.mjs +3 -3
  99. package/esm2022/lib/components/suggestions/suggestions.module.mjs +4 -4
  100. package/esm2022/lib/components/tab-group/tab/tab.component.mjs +3 -3
  101. package/esm2022/lib/components/tab-group/tab-group.component.mjs +3 -3
  102. package/esm2022/lib/components/tab-group/tab-group.module.mjs +4 -4
  103. package/esm2022/lib/components/table/column/column.component.mjs +3 -3
  104. package/esm2022/lib/components/table/column-group/column-group.component.mjs +3 -3
  105. package/esm2022/lib/components/table/services/table.service.mjs +3 -3
  106. package/esm2022/lib/components/table/table-body/table-body.component.mjs +3 -3
  107. package/esm2022/lib/components/table/table-foot/table-foot.component.mjs +3 -3
  108. package/esm2022/lib/components/table/table-head/table-head.component.mjs +3 -3
  109. package/esm2022/lib/components/table/table-row/table-data/table-data.component.mjs +3 -3
  110. package/esm2022/lib/components/table/table-row/table-header/table-header.component.mjs +3 -3
  111. package/esm2022/lib/components/table/table-row/table-row.component.mjs +3 -3
  112. package/esm2022/lib/components/table/table.component.mjs +3 -3
  113. package/esm2022/lib/components/table/table.module.mjs +4 -4
  114. package/esm2022/lib/components/textarea/textarea.component.mjs +3 -3
  115. package/esm2022/lib/components/textarea/textarea.module.mjs +4 -4
  116. package/esm2022/lib/components/toggle/toggle.component.mjs +3 -3
  117. package/esm2022/lib/components/toggle/toggle.module.mjs +4 -4
  118. package/esm2022/lib/components/trip-summary/trip-summary.component.mjs +3 -3
  119. package/esm2022/lib/components/trip-summary/trip-summary.module.mjs +4 -4
  120. package/esm2022/lib/components/weather-icon/weather-icon.component.mjs +3 -3
  121. package/esm2022/lib/components/weather-icon/weather-icon.module.mjs +4 -4
  122. package/esm2022/lib/core/directives/nas-class/nas-class.directive.mjs +3 -3
  123. package/esm2022/lib/core/directives/nas-class/nas-class.module.mjs +4 -4
  124. package/esm2022/lib/core/services/abandoned-basket/abandoned-basket.service.mjs +3 -3
  125. package/esm2022/lib/core/services/animate-helper/animate-helper.service.mjs +3 -3
  126. package/esm2022/lib/core/services/bem-helper/bem-helper.service.mjs +3 -3
  127. package/esm2022/lib/core/services/date/date-helper.service.mjs +3 -3
  128. package/esm2022/lib/core/services/device/device-helper.service.mjs +3 -3
  129. package/esm2022/lib/core/services/geolocation/geolocation.service.mjs +3 -3
  130. package/esm2022/lib/core/services/language/language-helper.service.mjs +3 -3
  131. package/esm2022/lib/core/services/sort/sort.service.mjs +3 -3
  132. package/esm2022/lib/core/services/viewport/viewport.service.mjs +3 -3
  133. package/esm2022/lib/services/get-position.service.mjs +3 -3
  134. package/fesm2022/norwegian-core-components.mjs +444 -444
  135. package/fesm2022/norwegian-core-components.mjs.map +1 -1
  136. package/package.json +1 -1
  137. package/styles/2__generic/_fonts.scss +2 -2
  138. /package/assets/icons/medium/{twitter.svg → twitter-old.svg} +0 -0
  139. /package/assets/icons/small/{twitter.svg → twitter-old.svg} +0 -0
@@ -153,10 +153,10 @@ export class JourneyAvailabilityListComponent extends NasComponentBase {
153
153
  break;
154
154
  }
155
155
  }
156
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneyAvailabilityListComponent, deps: [{ token: i1.DateHelper }], target: i0.ɵɵFactoryTarget.Component }); }
157
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: JourneyAvailabilityListComponent, selector: "nas-journey-availability-list", inputs: { model: "model", sortModel: "sortModel", sortSelectedOption: "sortSelectedOption", locale: "locale", noDataCaption: "noDataCaption", timeDisplayFormat: "timeDisplayFormat", selectedIndex: "selectedIndex" }, outputs: { sortSelectedOptionChange: "sortSelectedOptionChange", selectedJourney: "selectedJourney", selectedIndexChange: "selectedIndexChange", displayJourneyDetailsChange: "displayJourneyDetailsChange" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\" *ngIf=\"model && model?.length\" role=\"list\">\n <div *ngIf=\"sortMetaData\" [nasClass]=\"getClass('sort-popup')\">\n <nas-sort [model]=\"sortMetaData\" (selectedOptionChange)=\"sortChange($event)\"\n [(selectedOption)]=\"sortSelectedOption\">\n </nas-sort>\n </div>\n\n <div [nasClass]=\"getClass('single-result')\"\n *ngFor=\"let journeyAvailabilityModel of model; index as journeyAvailabilityIndex\" role=\"listitem\">\n <nas-journey-availability (displayJourneyDetailsChange)=\"displayJourneyDetailsChanged($event)\"\n (journeyAvailabilityClick)=\"emitSelected(journeyAvailabilityIndex)\"\n [selected]=\"isAvailabilityJourneySelected(journeyAvailabilityIndex)\" [model]=\"journeyAvailabilityModel\"\n [timeDisplayFormat]=\"timeDisplayFormat\" [locale]=\"locale\">\n </nas-journey-availability>\n </div>\n\n <label [nasClass]=\"getClass('no-results')\" *ngIf=\"!model?.length\">\n <p>{{ noDataCaption }}</p>\n </label>\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-list__journey-list-label{margin-bottom:9px}.nas-journey-availability-list__journey-info{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:26px;margin-bottom:9px}.nas-journey-availability-list__journey-info-date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;margin-right:6px}.nas-journey-availability-list__journey-info-origin{margin-right:6px}.nas-journey-availability-list__journey-tabs{margin-top:12px;margin-bottom:9px;display:flex}.nas-journey-availability-list__journey-tabs-button{margin-right:6px;flex:1;background-color:#e3e3e3;padding:24px 0}.nas-journey-availability-list__journey-tabs-button:last-child{margin-right:0}.nas-journey-availability-list__journey-tabs-button--active{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;background-color:#fff}.nas-journey-availability-list__journey-tabs-button:focus{outline:none;box-shadow:none}.nas-journey-availability-list__no-results{text-align:center;font-size:17px;color:#626363;padding-top:10px}.nas-journey-availability-list__single-result{margin-bottom:9px;clear:both}.nas-journey-availability-list__single-result:last-child{margin-bottom:0}.nas-journey-availability-list__sort-popup{position:relative}::ng-deep .nas-journey-availability-list__journey-list-label .nas-cover__header{border-bottom-color:#626363!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.JourneyAvailabilityComponent, selector: "nas-journey-availability", inputs: ["model", "selected", "locale", "timeDisplayFormat", "timeZone", "displayJourneyDetails"], outputs: ["displayJourneyDetailsChange", "journeyAvailabilityClick"] }, { kind: "directive", type: i4.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i5.SortComponent, selector: "nas-sort", inputs: ["model", "open", "selectedOption"], outputs: ["selectedOptionChange", "applyButtonClicked"] }] }); }
156
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityListComponent, deps: [{ token: i1.DateHelper }], target: i0.ɵɵFactoryTarget.Component }); }
157
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: JourneyAvailabilityListComponent, selector: "nas-journey-availability-list", inputs: { model: "model", sortModel: "sortModel", sortSelectedOption: "sortSelectedOption", locale: "locale", noDataCaption: "noDataCaption", timeDisplayFormat: "timeDisplayFormat", selectedIndex: "selectedIndex" }, outputs: { sortSelectedOptionChange: "sortSelectedOptionChange", selectedJourney: "selectedJourney", selectedIndexChange: "selectedIndexChange", displayJourneyDetailsChange: "displayJourneyDetailsChange" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\" *ngIf=\"model && model?.length\" role=\"list\">\n <div *ngIf=\"sortMetaData\" [nasClass]=\"getClass('sort-popup')\">\n <nas-sort [model]=\"sortMetaData\" (selectedOptionChange)=\"sortChange($event)\"\n [(selectedOption)]=\"sortSelectedOption\">\n </nas-sort>\n </div>\n\n <div [nasClass]=\"getClass('single-result')\"\n *ngFor=\"let journeyAvailabilityModel of model; index as journeyAvailabilityIndex\" role=\"listitem\">\n <nas-journey-availability (displayJourneyDetailsChange)=\"displayJourneyDetailsChanged($event)\"\n (journeyAvailabilityClick)=\"emitSelected(journeyAvailabilityIndex)\"\n [selected]=\"isAvailabilityJourneySelected(journeyAvailabilityIndex)\" [model]=\"journeyAvailabilityModel\"\n [timeDisplayFormat]=\"timeDisplayFormat\" [locale]=\"locale\">\n </nas-journey-availability>\n </div>\n\n <label [nasClass]=\"getClass('no-results')\" *ngIf=\"!model?.length\">\n <p>{{ noDataCaption }}</p>\n </label>\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-list__journey-list-label{margin-bottom:9px}.nas-journey-availability-list__journey-info{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:26px;margin-bottom:9px}.nas-journey-availability-list__journey-info-date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;margin-right:6px}.nas-journey-availability-list__journey-info-origin{margin-right:6px}.nas-journey-availability-list__journey-tabs{margin-top:12px;margin-bottom:9px;display:flex}.nas-journey-availability-list__journey-tabs-button{margin-right:6px;flex:1;background-color:#e3e3e3;padding:24px 0}.nas-journey-availability-list__journey-tabs-button:last-child{margin-right:0}.nas-journey-availability-list__journey-tabs-button--active{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;background-color:#fff}.nas-journey-availability-list__journey-tabs-button:focus{outline:none;box-shadow:none}.nas-journey-availability-list__no-results{text-align:center;font-size:17px;color:#626363;padding-top:10px}.nas-journey-availability-list__single-result{margin-bottom:9px;clear:both}.nas-journey-availability-list__single-result:last-child{margin-bottom:0}.nas-journey-availability-list__sort-popup{position:relative}::ng-deep .nas-journey-availability-list__journey-list-label .nas-cover__header{border-bottom-color:#626363!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.JourneyAvailabilityComponent, selector: "nas-journey-availability", inputs: ["model", "selected", "locale", "timeDisplayFormat", "timeZone", "displayJourneyDetails"], outputs: ["displayJourneyDetailsChange", "journeyAvailabilityClick"] }, { kind: "directive", type: i4.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i5.SortComponent, selector: "nas-sort", inputs: ["model", "open", "selectedOption"], outputs: ["selectedOptionChange", "applyButtonClicked"] }] }); }
158
158
  }
159
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneyAvailabilityListComponent, decorators: [{
159
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityListComponent, decorators: [{
160
160
  type: Component,
161
161
  args: [{ selector: 'nas-journey-availability-list', template: "<div [nasClass]=\"getContainerClass()\" *ngIf=\"model && model?.length\" role=\"list\">\n <div *ngIf=\"sortMetaData\" [nasClass]=\"getClass('sort-popup')\">\n <nas-sort [model]=\"sortMetaData\" (selectedOptionChange)=\"sortChange($event)\"\n [(selectedOption)]=\"sortSelectedOption\">\n </nas-sort>\n </div>\n\n <div [nasClass]=\"getClass('single-result')\"\n *ngFor=\"let journeyAvailabilityModel of model; index as journeyAvailabilityIndex\" role=\"listitem\">\n <nas-journey-availability (displayJourneyDetailsChange)=\"displayJourneyDetailsChanged($event)\"\n (journeyAvailabilityClick)=\"emitSelected(journeyAvailabilityIndex)\"\n [selected]=\"isAvailabilityJourneySelected(journeyAvailabilityIndex)\" [model]=\"journeyAvailabilityModel\"\n [timeDisplayFormat]=\"timeDisplayFormat\" [locale]=\"locale\">\n </nas-journey-availability>\n </div>\n\n <label [nasClass]=\"getClass('no-results')\" *ngIf=\"!model?.length\">\n <p>{{ noDataCaption }}</p>\n </label>\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-list__journey-list-label{margin-bottom:9px}.nas-journey-availability-list__journey-info{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:26px;margin-bottom:9px}.nas-journey-availability-list__journey-info-date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;margin-right:6px}.nas-journey-availability-list__journey-info-origin{margin-right:6px}.nas-journey-availability-list__journey-tabs{margin-top:12px;margin-bottom:9px;display:flex}.nas-journey-availability-list__journey-tabs-button{margin-right:6px;flex:1;background-color:#e3e3e3;padding:24px 0}.nas-journey-availability-list__journey-tabs-button:last-child{margin-right:0}.nas-journey-availability-list__journey-tabs-button--active{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;background-color:#fff}.nas-journey-availability-list__journey-tabs-button:focus{outline:none;box-shadow:none}.nas-journey-availability-list__no-results{text-align:center;font-size:17px;color:#626363;padding-top:10px}.nas-journey-availability-list__single-result{margin-bottom:9px;clear:both}.nas-journey-availability-list__single-result:last-child{margin-bottom:0}.nas-journey-availability-list__sort-popup{position:relative}::ng-deep .nas-journey-availability-list__journey-list-label .nas-cover__header{border-bottom-color:#626363!important}\n"] }]
162
162
  }], ctorParameters: function () { return [{ type: i1.DateHelper }]; }, propDecorators: { model: [{
@@ -7,19 +7,19 @@ import { CoverModule } from '../cover/cover.module';
7
7
  import { SortModule } from '../sort/sort.module';
8
8
  import * as i0 from "@angular/core";
9
9
  export class JourneyAvailabilityListModule {
10
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneyAvailabilityListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
11
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: JourneyAvailabilityListModule, declarations: [JourneyAvailabilityListComponent], imports: [CommonModule,
10
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
11
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityListModule, declarations: [JourneyAvailabilityListComponent], imports: [CommonModule,
12
12
  JourneyAvailabilityModule,
13
13
  NasClassModule,
14
14
  CoverModule,
15
15
  SortModule], exports: [JourneyAvailabilityListComponent] }); }
16
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneyAvailabilityListModule, imports: [CommonModule,
16
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityListModule, imports: [CommonModule,
17
17
  JourneyAvailabilityModule,
18
18
  NasClassModule,
19
19
  CoverModule,
20
20
  SortModule] }); }
21
21
  }
22
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneyAvailabilityListModule, decorators: [{
22
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityListModule, decorators: [{
23
23
  type: NgModule,
24
24
  args: [{
25
25
  imports: [
@@ -82,10 +82,10 @@ export class JourneySelectionComponent extends NasComponentBase {
82
82
  return this.sanitizer.bypassSecurityTrustHtml(this.model.expanded.destination);
83
83
  }
84
84
  }
85
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneySelectionComponent, deps: [{ token: i1.DateHelper }, { token: i2.DatePipe }, { token: i3.DeviceHelper }, { token: i4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
86
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: JourneySelectionComponent, selector: "nas-journey-selection", inputs: { model: "model", collapse: "collapse", compact: "compact", ariaLabel: "ariaLabel", timeZone: "timeZone" }, outputs: { collapseChange: "collapseChange", selectedDateChanged: "selectedDateChanged" }, viewQueries: [{ propertyName: "imageMain", first: true, predicate: ["imageMain"], descendants: true }, { propertyName: "destinationCode", first: true, predicate: ["destinationCode"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\">\n <div *ngIf=\"collapse; else expandedSelection\"\n [nasClass]=\"getClass('collapsed', [animateDown === false && 'animate-up', exists(compact) && 'compact'])\" role=\"region\" [attr.aria-label]=\"ariaLabel\">\n\n <div [nasClass]=\"getClass('destination')\">\n <div [nasClass]=\"getClass('destination-image')\" #imageMain>\n <label [nasClass]=\"getClass('destination-image-content')\">\n <ng-container *ngIf=\"!deviceService?.isMobileWidth();\">\n <ng-container *ngTemplateOutlet=\"flightInfo\"></ng-container>\n </ng-container>\n\n <div [nasClass]=\"getClass('destination-image-sm')\" *ngIf=\"deviceService?.isMobileWidth()\">\n <span [nasClass]=\"getClass('mobile-icon')\">\n <nas-icon [icon]=\"model?.icon\" [type]=\"'small'\" [lightCircularBackground]=\"true\"></nas-icon>\n </span>\n <div [nasClass]=\"getClass('airport')\">\n <span>{{model?.collapsed?.origin}}&nbsp; - &nbsp;</span>\n <span [nasClass]=\"getClass('stopover')\" *ngIf=\"model?.collapsed?.stopverAirportCodes\">\n <ng-container *ngFor=\"let stop of model?.collapsed?.stopverAirportCodes\">\n {{stop}}&nbsp;-&nbsp;\n </ng-container>\n </span>\n <span>{{model?.collapsed?.destination}}</span>\n </div>\n </div>\n </label>\n </div>\n </div>\n\n <section [nasClass]=\"getClass('flights')\">\n <div [nasClass]=\"getClass('flights-information')\">\n <div [nasClass]=\"getClass('airport')\">\n <span>{{model?.collapsed?.origin}}&nbsp; - &nbsp;</span>\n\n <span [nasClass]=\"getClass('stopover')\" *ngIf=\"model?.collapsed?.stopverAirportCodes\">\n <ng-container *ngFor=\"let stop of model?.collapsed?.stopverAirportCodes\">\n {{stop}}&nbsp;-&nbsp;\n </ng-container>\n </span>\n\n\n <span>{{model?.collapsed?.destination}}</span>\n </div>\n <div *ngIf=\"model?.collapsed?.operatingCarriers\" [nasClass]=\"getClass('operators')\">\n <label [nasClass]=\"getClass('operators', 'label')\">\n {{model?.collapsed?.operatingCarriers?.label}}&nbsp;\n </label>\n <span [nasClass]=\"getClass('operators', 'text')\">\n {{model?.collapsed?.operatingCarriers?.operators[0]}}\n </span>\n <output *ngIf=\"model?.collapsed?.operatingCarriers?.operators?.length > 1\"\n [nasClass]=\"getClass('operators', 'count')\">\n &nbsp; +{{model?.collapsed?.operatingCarriers?.operators?.length - 1}}\n </output>\n </div>\n </div>\n\n <div [nasClass]=\"getClass('change-flight')\">\n\n <label [nasClass]=\"getClass('change-flight-content')\" *ngIf=\"deviceService?.isMobileWidth()\">\n <ng-container *ngTemplateOutlet=\"flightInfo\"></ng-container>\n </label>\n\n <ng-template #flightInfo>\n <summary [nasClass]=\"getClass('destination-image-caption')\">\n <header [nasClass]=\"getClass('sub-title')\">\n {{model?.collapsed?.title}}\n </header>\n </summary>\n\n <section [nasClass]=\"getClass('journey')\">\n <legend [nasClass]=\"getClass('journey-information')\">\n\n <label>\n {{model?.collapsed?.departureLabel}}:&nbsp;\n </label>\n <time>{{transformDisplayDate(model?.dateFormat)}}</time>\n </legend>\n <div>\n <legend [nasClass]=\"getClass('journey-information')\">\n <label>{{model?.fromLabel}}:&nbsp;</label>\n <span>{{model?.collapsed?.originDisplayName}}&nbsp;({{model?.collapsed?.origin}})</span>\n </legend>\n <legend [nasClass]=\"getClass('journey-information')\">\n <label>{{model?.collapsed?.durationLabel}}:&nbsp;</label>\n <time>{{model?.collapsed?.durationTimeInfo}},&nbsp;{{model?.collapsed?.transitionInfo}} </time>\n </legend>\n </div>\n </section>\n </ng-template>\n <nas-button compact secondary (click)=\"changeFlightDate()\">{{model?.collapsed?.changeFlightLabel}}</nas-button>\n </div>\n </section>\n </div>\n\n <ng-template #expandedSelection>\n <div [nasClass]=\"getClass('expanded', [animateDown && 'animate-down', exists(compact) && 'compact'])\" role=\"region\" [attr.aria-label]=\"ariaLabel\">\n <figure [nasClass]=\"getClass('destination-code')\" #destinationCode>\n <figcaption [nasClass]=\"getClass('destination-code-value', model?.expanded?.destination?.length > 3 && 'wrap-text')\" [innerHTML]=\"getDestinationCode()\">\n </figcaption>\n </figure>\n <div [nasClass]=\"getClass('selection')\">\n <label [nasClass]=\"getClass('heading')\">\n\n <ng-container *ngIf=\"deviceService.isMobileWidth(); else desktopIcon\">\n <ng-container *ngTemplateOutlet=\"desktopIcon\"></ng-container>\n </ng-container>\n\n <header [nasClass]=\"getClass('heading-text')\">\n {{model?.expanded?.title}}\n </header>\n <span [nasClass]=\"getClass('heading-join')\">&nbsp;-&nbsp;</span>\n <time [nasClass]=\"getClass('heading-time')\">\n {{transformDisplayDate(model?.expanded?.dateFormat)}}\n </time>\n\n <ng-template #desktopIcon>\n <span [nasClass]=\"getClass('heading-icon')\">\n <nas-icon [icon]=\"model?.icon\" [type]=\"'small'\"></nas-icon>\n </span>\n </ng-template>\n\n </label>\n <summary [nasClass]=\"getClass('details')\">\n <div>\n <label [nasClass]=\"getClass('details-label')\">{{model?.fromLabel}}:</label>\n <span [nasClass]=\"getClass('details-value')\">{{model?.expanded?.originDisplayName}} ({{model?.expanded?.origin}})</span>\n <span> | </span>\n <label [nasClass]=\"getClass('details-label')\">{{model?.expanded?.toLabel}}:</label>\n <span [nasClass]=\"getClass('details-value')\">{{model?.expanded?.destinationDisplayName}} ({{model?.expanded?.destination}})</span>\n </div>\n </summary>\n </div>\n </div>\n </ng-template>\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-selection__collapsed{display:flex;flex-direction:column;max-width:820px;margin:16px auto;background-color:#fff;perspective:1000px;box-shadow:0 5px 20px #0000001a}.nas-journey-selection__collapsed--animate-up{animation:collapse-animation .4s ease-out both}@media (min-width: 640px){.nas-journey-selection__collapsed{flex-direction:row}}.nas-journey-selection__collapsed--compact{margin:0 auto}.nas-journey-selection__destination{flex:1 1 50%;display:flex}.nas-journey-selection__destination-enter,.nas-journey-selection__destination-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nas-journey-selection__destination-enter{animation:flip-in .55s ease both}.nas-journey-selection__destination-leave-active{animation:flip-out .2s ease-out both}.nas-journey-selection__destination--imagesize{height:100%;display:block}@media (min-width: 640px){.nas-journey-selection__destination--imagesize{height:300px;margin-bottom:0}}.nas-journey-selection__destination-image{position:relative;flex-shrink:0;width:100%;background-size:cover;background-position:center;background-color:#003251}.nas-journey-selection__destination-image-content{padding:24px;margin-bottom:0;display:flex;flex-direction:column;justify-content:center;height:100%}.nas-journey-selection__destination-image-content:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:100%;max-height:100%;background:linear-gradient(180deg,rgba(0,50,81,0) -12.4%,#003251 95.51%)}.nas-journey-selection__destination-image-caption{display:flex;margin-bottom:6px}@media (min-width: 640px){.nas-journey-selection__destination-image-caption{margin-bottom:0}}.nas-journey-selection__destination-image-sm{display:flex;z-index:1;flex-direction:column;width:100%;align-items:center;justify-content:center}.nas-journey-selection__destination-image-sm .nas-journey-selection__mobile-icon{height:40px;margin-top:15px}.nas-journey-selection__destination-image-sm .nas-journey-selection__airport{margin-top:12px;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:24px;line-height:30px;color:#fff}.nas-journey-selection .nas-journey-selection__sub-title{z-index:1;text-align:left;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:24px;line-height:30px;align-self:center;margin-bottom:6px;width:100%}@media (min-width: 640px){.nas-journey-selection .nas-journey-selection__sub-title{color:#fff}}.nas-journey-selection__journey{z-index:1}.nas-journey-selection__journey-information{margin:0;display:flex}.nas-journey-selection__journey-information time,.nas-journey-selection__journey-information span{z-index:1;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:14px;line-height:20px}@media (min-width: 640px){.nas-journey-selection__journey-information time,.nas-journey-selection__journey-information span{color:#fff}}.nas-journey-selection__journey-information label{z-index:1;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:14px;line-height:20px;color:#fff;display:inline-block;margin-bottom:0}.nas-journey-selection__flights{padding:6px;flex:1 1 50%;display:flex;flex-direction:column;justify-content:space-between;overflow-x:auto;background-color:#fff}.nas-journey-selection__flights-enter,.nas-journey-selection__flights-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nas-journey-selection__flights-enter{animation:flip-in .55s ease both}.nas-journey-selection__flights-leave-active{animation:flip-out .2s ease-out both}.nas-journey-selection__flights .nas-journey-selection__airport{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:24px;line-height:30px;line-height:24px;margin-bottom:0}.nas-journey-selection__flights .nas-journey-selection__airport .nas-journey-selection__stopover{position:relative;display:inline-block;color:#626363}.nas-journey-selection__flights-information{justify-content:space-between;padding-bottom:12px;border-bottom:2px solid #c3c3c3;display:flex;flex-direction:column;align-items:flex-start;display:none}.nas-journey-selection__flights-information .nas-journey-selection__operators--label,.nas-journey-selection__flights-information .nas-journey-selection__operators--text,.nas-journey-selection__flights-information .nas-journey-selection__operators--count{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#003251;display:inline}@media (min-width: 640px){.nas-journey-selection__flights-information{display:flex}}@media (min-width: 640px){.nas-journey-selection__flights{padding:24px}}.nas-journey-selection__change-flight{padding:12px}@media (min-width: 640px){.nas-journey-selection__change-flight{padding:0;margin-top:12px}}.nas-journey-selection__change-flight-content{margin-bottom:16px}@media (min-width: 640px){.nas-journey-selection__change-flight-content{margin-bottom:0}}.nas-journey-selection__change-flight-content label{color:#003251;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:inline-block;margin-bottom:0}.nas-journey-selection__expanded{max-width:820px;perspective:1000px;background-color:transparent;margin:16px auto;display:flex;align-items:center}.nas-journey-selection__expanded--animate-down{animation:expand-animation .4s ease-out both}.nas-journey-selection__expanded .nas-journey-selection__destination-code{width:60px;height:60px;border-radius:50%;position:relative;margin-right:24px;background-size:cover;vertical-align:top;display:flex;align-items:center;justify-content:center;background-color:#003251}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__destination-code{vertical-align:initial}}.nas-journey-selection__expanded .nas-journey-selection__destination-code-value{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:22px;line-height:28px;color:#fff;z-index:1}.nas-journey-selection__expanded .nas-journey-selection__destination-code-value--wrap-text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;line-height:16px}.nas-journey-selection__expanded .nas-journey-selection__destination-code:after{content:\"\";position:absolute;bottom:0;left:0;right:0;border-radius:50%;height:100%;max-height:100%;background:linear-gradient(180deg,rgba(0,50,81,0) 50%,#003251 99%)}.nas-journey-selection__expanded .nas-journey-selection__selection{width:calc(100% - 85px);display:inline-block}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;line-height:28px;vertical-align:center;padding-bottom:6px;margin-bottom:0;width:100%}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-text{display:inline}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-join{display:none}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-join{display:inline-block}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-time{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:22px;line-height:28px;display:block;color:#626363}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-time{display:inline-block;color:#003251}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-icon{float:initial;margin-right:11px;vertical-align:middle;position:relative}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-icon{margin-right:initial;float:right}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details{padding-top:6px;border-top:2px solid #e3e3e3;display:none}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:inline-block;margin-right:6px;color:#626363}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details-value{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:inline-block;color:#626363}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details{display:block}}.nas-journey-selection__expanded--compact{margin:0 auto}::ng-deep .nas-journey-selection__destination-image-caption nas-icon{z-index:10;align-self:center;margin-right:20px;display:none}@media (min-width: 640px){::ng-deep .nas-journey-selection__destination-image-caption nas-icon{display:block}}::ng-deep .nas-journey-selection .nas-icon-small--light-background:after{top:-14.5px;left:-15px;width:55px;height:55px}::ng-deep .nas-journey-selection button.nas-button--compact{margin-bottom:0}@keyframes journey-selection-animation{0%{opacity:0}}@keyframes expand-animation{0%{transform:translateY(-20px)}to{transform:translate(0)}}@keyframes collapse-animation{0%{transform:translateY(20px)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i6.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }, { kind: "component", type: i7.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
85
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneySelectionComponent, deps: [{ token: i1.DateHelper }, { token: i2.DatePipe }, { token: i3.DeviceHelper }, { token: i4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
86
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: JourneySelectionComponent, selector: "nas-journey-selection", inputs: { model: "model", collapse: "collapse", compact: "compact", ariaLabel: "ariaLabel", timeZone: "timeZone" }, outputs: { collapseChange: "collapseChange", selectedDateChanged: "selectedDateChanged" }, viewQueries: [{ propertyName: "imageMain", first: true, predicate: ["imageMain"], descendants: true }, { propertyName: "destinationCode", first: true, predicate: ["destinationCode"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\">\n <div *ngIf=\"collapse; else expandedSelection\"\n [nasClass]=\"getClass('collapsed', [animateDown === false && 'animate-up', exists(compact) && 'compact'])\" role=\"region\" [attr.aria-label]=\"ariaLabel\">\n\n <div [nasClass]=\"getClass('destination')\">\n <div [nasClass]=\"getClass('destination-image')\" #imageMain>\n <label [nasClass]=\"getClass('destination-image-content')\">\n <ng-container *ngIf=\"!deviceService?.isMobileWidth();\">\n <ng-container *ngTemplateOutlet=\"flightInfo\"></ng-container>\n </ng-container>\n\n <div [nasClass]=\"getClass('destination-image-sm')\" *ngIf=\"deviceService?.isMobileWidth()\">\n <span [nasClass]=\"getClass('mobile-icon')\">\n <nas-icon [icon]=\"model?.icon\" [type]=\"'small'\" [lightCircularBackground]=\"true\"></nas-icon>\n </span>\n <div [nasClass]=\"getClass('airport')\">\n <span>{{model?.collapsed?.origin}}&nbsp; - &nbsp;</span>\n <span [nasClass]=\"getClass('stopover')\" *ngIf=\"model?.collapsed?.stopverAirportCodes\">\n <ng-container *ngFor=\"let stop of model?.collapsed?.stopverAirportCodes\">\n {{stop}}&nbsp;-&nbsp;\n </ng-container>\n </span>\n <span>{{model?.collapsed?.destination}}</span>\n </div>\n </div>\n </label>\n </div>\n </div>\n\n <section [nasClass]=\"getClass('flights')\">\n <div [nasClass]=\"getClass('flights-information')\">\n <div [nasClass]=\"getClass('airport')\">\n <span>{{model?.collapsed?.origin}}&nbsp; - &nbsp;</span>\n\n <span [nasClass]=\"getClass('stopover')\" *ngIf=\"model?.collapsed?.stopverAirportCodes\">\n <ng-container *ngFor=\"let stop of model?.collapsed?.stopverAirportCodes\">\n {{stop}}&nbsp;-&nbsp;\n </ng-container>\n </span>\n\n\n <span>{{model?.collapsed?.destination}}</span>\n </div>\n <div *ngIf=\"model?.collapsed?.operatingCarriers\" [nasClass]=\"getClass('operators')\">\n <label [nasClass]=\"getClass('operators', 'label')\">\n {{model?.collapsed?.operatingCarriers?.label}}&nbsp;\n </label>\n <span [nasClass]=\"getClass('operators', 'text')\">\n {{model?.collapsed?.operatingCarriers?.operators[0]}}\n </span>\n <output *ngIf=\"model?.collapsed?.operatingCarriers?.operators?.length > 1\"\n [nasClass]=\"getClass('operators', 'count')\">\n &nbsp; +{{model?.collapsed?.operatingCarriers?.operators?.length - 1}}\n </output>\n </div>\n </div>\n\n <div [nasClass]=\"getClass('change-flight')\">\n\n <label [nasClass]=\"getClass('change-flight-content')\" *ngIf=\"deviceService?.isMobileWidth()\">\n <ng-container *ngTemplateOutlet=\"flightInfo\"></ng-container>\n </label>\n\n <ng-template #flightInfo>\n <summary [nasClass]=\"getClass('destination-image-caption')\">\n <header [nasClass]=\"getClass('sub-title')\">\n {{model?.collapsed?.title}}\n </header>\n </summary>\n\n <section [nasClass]=\"getClass('journey')\">\n <legend [nasClass]=\"getClass('journey-information')\">\n\n <label>\n {{model?.collapsed?.departureLabel}}:&nbsp;\n </label>\n <time>{{transformDisplayDate(model?.dateFormat)}}</time>\n </legend>\n <div>\n <legend [nasClass]=\"getClass('journey-information')\">\n <label>{{model?.fromLabel}}:&nbsp;</label>\n <span>{{model?.collapsed?.originDisplayName}}&nbsp;({{model?.collapsed?.origin}})</span>\n </legend>\n <legend [nasClass]=\"getClass('journey-information')\">\n <label>{{model?.collapsed?.durationLabel}}:&nbsp;</label>\n <time>{{model?.collapsed?.durationTimeInfo}},&nbsp;{{model?.collapsed?.transitionInfo}} </time>\n </legend>\n </div>\n </section>\n </ng-template>\n <nas-button compact secondary (click)=\"changeFlightDate()\">{{model?.collapsed?.changeFlightLabel}}</nas-button>\n </div>\n </section>\n </div>\n\n <ng-template #expandedSelection>\n <div [nasClass]=\"getClass('expanded', [animateDown && 'animate-down', exists(compact) && 'compact'])\" role=\"region\" [attr.aria-label]=\"ariaLabel\">\n <figure [nasClass]=\"getClass('destination-code')\" #destinationCode>\n <figcaption [nasClass]=\"getClass('destination-code-value', model?.expanded?.destination?.length > 3 && 'wrap-text')\" [innerHTML]=\"getDestinationCode()\">\n </figcaption>\n </figure>\n <div [nasClass]=\"getClass('selection')\">\n <label [nasClass]=\"getClass('heading')\">\n\n <ng-container *ngIf=\"deviceService.isMobileWidth(); else desktopIcon\">\n <ng-container *ngTemplateOutlet=\"desktopIcon\"></ng-container>\n </ng-container>\n\n <header [nasClass]=\"getClass('heading-text')\">\n {{model?.expanded?.title}}\n </header>\n <span [nasClass]=\"getClass('heading-join')\">&nbsp;-&nbsp;</span>\n <time [nasClass]=\"getClass('heading-time')\">\n {{transformDisplayDate(model?.expanded?.dateFormat)}}\n </time>\n\n <ng-template #desktopIcon>\n <span [nasClass]=\"getClass('heading-icon')\">\n <nas-icon [icon]=\"model?.icon\" [type]=\"'small'\"></nas-icon>\n </span>\n </ng-template>\n\n </label>\n <summary [nasClass]=\"getClass('details')\">\n <div>\n <label [nasClass]=\"getClass('details-label')\">{{model?.fromLabel}}:</label>\n <span [nasClass]=\"getClass('details-value')\">{{model?.expanded?.originDisplayName}} ({{model?.expanded?.origin}})</span>\n <span> | </span>\n <label [nasClass]=\"getClass('details-label')\">{{model?.expanded?.toLabel}}:</label>\n <span [nasClass]=\"getClass('details-value')\">{{model?.expanded?.destinationDisplayName}} ({{model?.expanded?.destination}})</span>\n </div>\n </summary>\n </div>\n </div>\n </ng-template>\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-selection__collapsed{display:flex;flex-direction:column;max-width:820px;margin:16px auto;background-color:#fff;perspective:1000px;box-shadow:0 5px 20px #0000001a}.nas-journey-selection__collapsed--animate-up{animation:collapse-animation .4s ease-out both}@media (min-width: 640px){.nas-journey-selection__collapsed{flex-direction:row}}.nas-journey-selection__collapsed--compact{margin:0 auto}.nas-journey-selection__destination{flex:1 1 50%;display:flex}.nas-journey-selection__destination-enter,.nas-journey-selection__destination-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nas-journey-selection__destination-enter{animation:flip-in .55s ease both}.nas-journey-selection__destination-leave-active{animation:flip-out .2s ease-out both}.nas-journey-selection__destination--imagesize{height:100%;display:block}@media (min-width: 640px){.nas-journey-selection__destination--imagesize{height:300px;margin-bottom:0}}.nas-journey-selection__destination-image{position:relative;flex-shrink:0;width:100%;background-size:cover;background-position:center;background-color:#003251}.nas-journey-selection__destination-image-content{padding:24px;margin-bottom:0;display:flex;flex-direction:column;justify-content:center;height:100%}.nas-journey-selection__destination-image-content:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:100%;max-height:100%;background:linear-gradient(180deg,rgba(0,50,81,0) -12.4%,#003251 95.51%)}.nas-journey-selection__destination-image-caption{display:flex;margin-bottom:6px}@media (min-width: 640px){.nas-journey-selection__destination-image-caption{margin-bottom:0}}.nas-journey-selection__destination-image-sm{display:flex;z-index:1;flex-direction:column;width:100%;align-items:center;justify-content:center}.nas-journey-selection__destination-image-sm .nas-journey-selection__mobile-icon{height:40px;margin-top:15px}.nas-journey-selection__destination-image-sm .nas-journey-selection__airport{margin-top:12px;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:24px;line-height:30px;color:#fff}.nas-journey-selection .nas-journey-selection__sub-title{z-index:1;text-align:left;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:24px;line-height:30px;align-self:center;margin-bottom:6px;width:100%}@media (min-width: 640px){.nas-journey-selection .nas-journey-selection__sub-title{color:#fff}}.nas-journey-selection__journey{z-index:1}.nas-journey-selection__journey-information{margin:0;display:flex}.nas-journey-selection__journey-information time,.nas-journey-selection__journey-information span{z-index:1;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:14px;line-height:20px}@media (min-width: 640px){.nas-journey-selection__journey-information time,.nas-journey-selection__journey-information span{color:#fff}}.nas-journey-selection__journey-information label{z-index:1;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:14px;line-height:20px;color:#fff;display:inline-block;margin-bottom:0}.nas-journey-selection__flights{padding:6px;flex:1 1 50%;display:flex;flex-direction:column;justify-content:space-between;overflow-x:auto;background-color:#fff}.nas-journey-selection__flights-enter,.nas-journey-selection__flights-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nas-journey-selection__flights-enter{animation:flip-in .55s ease both}.nas-journey-selection__flights-leave-active{animation:flip-out .2s ease-out both}.nas-journey-selection__flights .nas-journey-selection__airport{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:24px;line-height:30px;line-height:24px;margin-bottom:0}.nas-journey-selection__flights .nas-journey-selection__airport .nas-journey-selection__stopover{position:relative;display:inline-block;color:#626363}.nas-journey-selection__flights-information{justify-content:space-between;padding-bottom:12px;border-bottom:2px solid #c3c3c3;display:flex;flex-direction:column;align-items:flex-start;display:none}.nas-journey-selection__flights-information .nas-journey-selection__operators--label,.nas-journey-selection__flights-information .nas-journey-selection__operators--text,.nas-journey-selection__flights-information .nas-journey-selection__operators--count{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#003251;display:inline}@media (min-width: 640px){.nas-journey-selection__flights-information{display:flex}}@media (min-width: 640px){.nas-journey-selection__flights{padding:24px}}.nas-journey-selection__change-flight{padding:12px}@media (min-width: 640px){.nas-journey-selection__change-flight{padding:0;margin-top:12px}}.nas-journey-selection__change-flight-content{margin-bottom:16px}@media (min-width: 640px){.nas-journey-selection__change-flight-content{margin-bottom:0}}.nas-journey-selection__change-flight-content label{color:#003251;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:inline-block;margin-bottom:0}.nas-journey-selection__expanded{max-width:820px;perspective:1000px;background-color:transparent;margin:16px auto;display:flex;align-items:center}.nas-journey-selection__expanded--animate-down{animation:expand-animation .4s ease-out both}.nas-journey-selection__expanded .nas-journey-selection__destination-code{width:60px;height:60px;border-radius:50%;position:relative;margin-right:24px;background-size:cover;vertical-align:top;display:flex;align-items:center;justify-content:center;background-color:#003251}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__destination-code{vertical-align:initial}}.nas-journey-selection__expanded .nas-journey-selection__destination-code-value{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:22px;line-height:28px;color:#fff;z-index:1}.nas-journey-selection__expanded .nas-journey-selection__destination-code-value--wrap-text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;line-height:16px}.nas-journey-selection__expanded .nas-journey-selection__destination-code:after{content:\"\";position:absolute;bottom:0;left:0;right:0;border-radius:50%;height:100%;max-height:100%;background:linear-gradient(180deg,rgba(0,50,81,0) 50%,#003251 99%)}.nas-journey-selection__expanded .nas-journey-selection__selection{width:calc(100% - 85px);display:inline-block}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;line-height:28px;vertical-align:center;padding-bottom:6px;margin-bottom:0;width:100%}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-text{display:inline}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-join{display:none}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-join{display:inline-block}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-time{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:22px;line-height:28px;display:block;color:#626363}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-time{display:inline-block;color:#003251}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-icon{float:initial;margin-right:11px;vertical-align:middle;position:relative}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-icon{margin-right:initial;float:right}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details{padding-top:6px;border-top:2px solid #e3e3e3;display:none}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:inline-block;margin-right:6px;color:#626363}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details-value{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:inline-block;color:#626363}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details{display:block}}.nas-journey-selection__expanded--compact{margin:0 auto}::ng-deep .nas-journey-selection__destination-image-caption nas-icon{z-index:10;align-self:center;margin-right:20px;display:none}@media (min-width: 640px){::ng-deep .nas-journey-selection__destination-image-caption nas-icon{display:block}}::ng-deep .nas-journey-selection .nas-icon-small--light-background:after{top:-14.5px;left:-15px;width:55px;height:55px}::ng-deep .nas-journey-selection button.nas-button--compact{margin-bottom:0}@keyframes journey-selection-animation{0%{opacity:0}}@keyframes expand-animation{0%{transform:translateY(-20px)}to{transform:translate(0)}}@keyframes collapse-animation{0%{transform:translateY(20px)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i6.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }, { kind: "component", type: i7.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
87
87
  }
88
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneySelectionComponent, decorators: [{
88
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneySelectionComponent, decorators: [{
89
89
  type: Component,
90
90
  args: [{ selector: 'nas-journey-selection', template: "<div [nasClass]=\"getClass()\">\n <div *ngIf=\"collapse; else expandedSelection\"\n [nasClass]=\"getClass('collapsed', [animateDown === false && 'animate-up', exists(compact) && 'compact'])\" role=\"region\" [attr.aria-label]=\"ariaLabel\">\n\n <div [nasClass]=\"getClass('destination')\">\n <div [nasClass]=\"getClass('destination-image')\" #imageMain>\n <label [nasClass]=\"getClass('destination-image-content')\">\n <ng-container *ngIf=\"!deviceService?.isMobileWidth();\">\n <ng-container *ngTemplateOutlet=\"flightInfo\"></ng-container>\n </ng-container>\n\n <div [nasClass]=\"getClass('destination-image-sm')\" *ngIf=\"deviceService?.isMobileWidth()\">\n <span [nasClass]=\"getClass('mobile-icon')\">\n <nas-icon [icon]=\"model?.icon\" [type]=\"'small'\" [lightCircularBackground]=\"true\"></nas-icon>\n </span>\n <div [nasClass]=\"getClass('airport')\">\n <span>{{model?.collapsed?.origin}}&nbsp; - &nbsp;</span>\n <span [nasClass]=\"getClass('stopover')\" *ngIf=\"model?.collapsed?.stopverAirportCodes\">\n <ng-container *ngFor=\"let stop of model?.collapsed?.stopverAirportCodes\">\n {{stop}}&nbsp;-&nbsp;\n </ng-container>\n </span>\n <span>{{model?.collapsed?.destination}}</span>\n </div>\n </div>\n </label>\n </div>\n </div>\n\n <section [nasClass]=\"getClass('flights')\">\n <div [nasClass]=\"getClass('flights-information')\">\n <div [nasClass]=\"getClass('airport')\">\n <span>{{model?.collapsed?.origin}}&nbsp; - &nbsp;</span>\n\n <span [nasClass]=\"getClass('stopover')\" *ngIf=\"model?.collapsed?.stopverAirportCodes\">\n <ng-container *ngFor=\"let stop of model?.collapsed?.stopverAirportCodes\">\n {{stop}}&nbsp;-&nbsp;\n </ng-container>\n </span>\n\n\n <span>{{model?.collapsed?.destination}}</span>\n </div>\n <div *ngIf=\"model?.collapsed?.operatingCarriers\" [nasClass]=\"getClass('operators')\">\n <label [nasClass]=\"getClass('operators', 'label')\">\n {{model?.collapsed?.operatingCarriers?.label}}&nbsp;\n </label>\n <span [nasClass]=\"getClass('operators', 'text')\">\n {{model?.collapsed?.operatingCarriers?.operators[0]}}\n </span>\n <output *ngIf=\"model?.collapsed?.operatingCarriers?.operators?.length > 1\"\n [nasClass]=\"getClass('operators', 'count')\">\n &nbsp; +{{model?.collapsed?.operatingCarriers?.operators?.length - 1}}\n </output>\n </div>\n </div>\n\n <div [nasClass]=\"getClass('change-flight')\">\n\n <label [nasClass]=\"getClass('change-flight-content')\" *ngIf=\"deviceService?.isMobileWidth()\">\n <ng-container *ngTemplateOutlet=\"flightInfo\"></ng-container>\n </label>\n\n <ng-template #flightInfo>\n <summary [nasClass]=\"getClass('destination-image-caption')\">\n <header [nasClass]=\"getClass('sub-title')\">\n {{model?.collapsed?.title}}\n </header>\n </summary>\n\n <section [nasClass]=\"getClass('journey')\">\n <legend [nasClass]=\"getClass('journey-information')\">\n\n <label>\n {{model?.collapsed?.departureLabel}}:&nbsp;\n </label>\n <time>{{transformDisplayDate(model?.dateFormat)}}</time>\n </legend>\n <div>\n <legend [nasClass]=\"getClass('journey-information')\">\n <label>{{model?.fromLabel}}:&nbsp;</label>\n <span>{{model?.collapsed?.originDisplayName}}&nbsp;({{model?.collapsed?.origin}})</span>\n </legend>\n <legend [nasClass]=\"getClass('journey-information')\">\n <label>{{model?.collapsed?.durationLabel}}:&nbsp;</label>\n <time>{{model?.collapsed?.durationTimeInfo}},&nbsp;{{model?.collapsed?.transitionInfo}} </time>\n </legend>\n </div>\n </section>\n </ng-template>\n <nas-button compact secondary (click)=\"changeFlightDate()\">{{model?.collapsed?.changeFlightLabel}}</nas-button>\n </div>\n </section>\n </div>\n\n <ng-template #expandedSelection>\n <div [nasClass]=\"getClass('expanded', [animateDown && 'animate-down', exists(compact) && 'compact'])\" role=\"region\" [attr.aria-label]=\"ariaLabel\">\n <figure [nasClass]=\"getClass('destination-code')\" #destinationCode>\n <figcaption [nasClass]=\"getClass('destination-code-value', model?.expanded?.destination?.length > 3 && 'wrap-text')\" [innerHTML]=\"getDestinationCode()\">\n </figcaption>\n </figure>\n <div [nasClass]=\"getClass('selection')\">\n <label [nasClass]=\"getClass('heading')\">\n\n <ng-container *ngIf=\"deviceService.isMobileWidth(); else desktopIcon\">\n <ng-container *ngTemplateOutlet=\"desktopIcon\"></ng-container>\n </ng-container>\n\n <header [nasClass]=\"getClass('heading-text')\">\n {{model?.expanded?.title}}\n </header>\n <span [nasClass]=\"getClass('heading-join')\">&nbsp;-&nbsp;</span>\n <time [nasClass]=\"getClass('heading-time')\">\n {{transformDisplayDate(model?.expanded?.dateFormat)}}\n </time>\n\n <ng-template #desktopIcon>\n <span [nasClass]=\"getClass('heading-icon')\">\n <nas-icon [icon]=\"model?.icon\" [type]=\"'small'\"></nas-icon>\n </span>\n </ng-template>\n\n </label>\n <summary [nasClass]=\"getClass('details')\">\n <div>\n <label [nasClass]=\"getClass('details-label')\">{{model?.fromLabel}}:</label>\n <span [nasClass]=\"getClass('details-value')\">{{model?.expanded?.originDisplayName}} ({{model?.expanded?.origin}})</span>\n <span> | </span>\n <label [nasClass]=\"getClass('details-label')\">{{model?.expanded?.toLabel}}:</label>\n <span [nasClass]=\"getClass('details-value')\">{{model?.expanded?.destinationDisplayName}} ({{model?.expanded?.destination}})</span>\n </div>\n </summary>\n </div>\n </div>\n </ng-template>\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-selection__collapsed{display:flex;flex-direction:column;max-width:820px;margin:16px auto;background-color:#fff;perspective:1000px;box-shadow:0 5px 20px #0000001a}.nas-journey-selection__collapsed--animate-up{animation:collapse-animation .4s ease-out both}@media (min-width: 640px){.nas-journey-selection__collapsed{flex-direction:row}}.nas-journey-selection__collapsed--compact{margin:0 auto}.nas-journey-selection__destination{flex:1 1 50%;display:flex}.nas-journey-selection__destination-enter,.nas-journey-selection__destination-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nas-journey-selection__destination-enter{animation:flip-in .55s ease both}.nas-journey-selection__destination-leave-active{animation:flip-out .2s ease-out both}.nas-journey-selection__destination--imagesize{height:100%;display:block}@media (min-width: 640px){.nas-journey-selection__destination--imagesize{height:300px;margin-bottom:0}}.nas-journey-selection__destination-image{position:relative;flex-shrink:0;width:100%;background-size:cover;background-position:center;background-color:#003251}.nas-journey-selection__destination-image-content{padding:24px;margin-bottom:0;display:flex;flex-direction:column;justify-content:center;height:100%}.nas-journey-selection__destination-image-content:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:100%;max-height:100%;background:linear-gradient(180deg,rgba(0,50,81,0) -12.4%,#003251 95.51%)}.nas-journey-selection__destination-image-caption{display:flex;margin-bottom:6px}@media (min-width: 640px){.nas-journey-selection__destination-image-caption{margin-bottom:0}}.nas-journey-selection__destination-image-sm{display:flex;z-index:1;flex-direction:column;width:100%;align-items:center;justify-content:center}.nas-journey-selection__destination-image-sm .nas-journey-selection__mobile-icon{height:40px;margin-top:15px}.nas-journey-selection__destination-image-sm .nas-journey-selection__airport{margin-top:12px;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:24px;line-height:30px;color:#fff}.nas-journey-selection .nas-journey-selection__sub-title{z-index:1;text-align:left;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:24px;line-height:30px;align-self:center;margin-bottom:6px;width:100%}@media (min-width: 640px){.nas-journey-selection .nas-journey-selection__sub-title{color:#fff}}.nas-journey-selection__journey{z-index:1}.nas-journey-selection__journey-information{margin:0;display:flex}.nas-journey-selection__journey-information time,.nas-journey-selection__journey-information span{z-index:1;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:14px;line-height:20px}@media (min-width: 640px){.nas-journey-selection__journey-information time,.nas-journey-selection__journey-information span{color:#fff}}.nas-journey-selection__journey-information label{z-index:1;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:14px;line-height:20px;color:#fff;display:inline-block;margin-bottom:0}.nas-journey-selection__flights{padding:6px;flex:1 1 50%;display:flex;flex-direction:column;justify-content:space-between;overflow-x:auto;background-color:#fff}.nas-journey-selection__flights-enter,.nas-journey-selection__flights-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nas-journey-selection__flights-enter{animation:flip-in .55s ease both}.nas-journey-selection__flights-leave-active{animation:flip-out .2s ease-out both}.nas-journey-selection__flights .nas-journey-selection__airport{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:24px;line-height:30px;line-height:24px;margin-bottom:0}.nas-journey-selection__flights .nas-journey-selection__airport .nas-journey-selection__stopover{position:relative;display:inline-block;color:#626363}.nas-journey-selection__flights-information{justify-content:space-between;padding-bottom:12px;border-bottom:2px solid #c3c3c3;display:flex;flex-direction:column;align-items:flex-start;display:none}.nas-journey-selection__flights-information .nas-journey-selection__operators--label,.nas-journey-selection__flights-information .nas-journey-selection__operators--text,.nas-journey-selection__flights-information .nas-journey-selection__operators--count{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#003251;display:inline}@media (min-width: 640px){.nas-journey-selection__flights-information{display:flex}}@media (min-width: 640px){.nas-journey-selection__flights{padding:24px}}.nas-journey-selection__change-flight{padding:12px}@media (min-width: 640px){.nas-journey-selection__change-flight{padding:0;margin-top:12px}}.nas-journey-selection__change-flight-content{margin-bottom:16px}@media (min-width: 640px){.nas-journey-selection__change-flight-content{margin-bottom:0}}.nas-journey-selection__change-flight-content label{color:#003251;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:inline-block;margin-bottom:0}.nas-journey-selection__expanded{max-width:820px;perspective:1000px;background-color:transparent;margin:16px auto;display:flex;align-items:center}.nas-journey-selection__expanded--animate-down{animation:expand-animation .4s ease-out both}.nas-journey-selection__expanded .nas-journey-selection__destination-code{width:60px;height:60px;border-radius:50%;position:relative;margin-right:24px;background-size:cover;vertical-align:top;display:flex;align-items:center;justify-content:center;background-color:#003251}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__destination-code{vertical-align:initial}}.nas-journey-selection__expanded .nas-journey-selection__destination-code-value{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:22px;line-height:28px;color:#fff;z-index:1}.nas-journey-selection__expanded .nas-journey-selection__destination-code-value--wrap-text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;line-height:16px}.nas-journey-selection__expanded .nas-journey-selection__destination-code:after{content:\"\";position:absolute;bottom:0;left:0;right:0;border-radius:50%;height:100%;max-height:100%;background:linear-gradient(180deg,rgba(0,50,81,0) 50%,#003251 99%)}.nas-journey-selection__expanded .nas-journey-selection__selection{width:calc(100% - 85px);display:inline-block}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;line-height:28px;vertical-align:center;padding-bottom:6px;margin-bottom:0;width:100%}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-text{display:inline}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-join{display:none}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-join{display:inline-block}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-time{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:22px;line-height:28px;display:block;color:#626363}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-time{display:inline-block;color:#003251}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-icon{float:initial;margin-right:11px;vertical-align:middle;position:relative}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-icon{margin-right:initial;float:right}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details{padding-top:6px;border-top:2px solid #e3e3e3;display:none}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:inline-block;margin-right:6px;color:#626363}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details-value{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:inline-block;color:#626363}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details{display:block}}.nas-journey-selection__expanded--compact{margin:0 auto}::ng-deep .nas-journey-selection__destination-image-caption nas-icon{z-index:10;align-self:center;margin-right:20px;display:none}@media (min-width: 640px){::ng-deep .nas-journey-selection__destination-image-caption nas-icon{display:block}}::ng-deep .nas-journey-selection .nas-icon-small--light-background:after{top:-14.5px;left:-15px;width:55px;height:55px}::ng-deep .nas-journey-selection button.nas-button--compact{margin-bottom:0}@keyframes journey-selection-animation{0%{opacity:0}}@keyframes expand-animation{0%{transform:translateY(-20px)}to{transform:translate(0)}}@keyframes collapse-animation{0%{transform:translateY(20px)}to{transform:translate(0)}}\n"] }]
91
91
  }], ctorParameters: function () { return [{ type: i1.DateHelper }, { type: i2.DatePipe }, { type: i3.DeviceHelper }, { type: i4.DomSanitizer }]; }, propDecorators: { imageMain: [{
@@ -8,17 +8,17 @@ import { ButtonModule } from '../button/button.module';
8
8
  import { IconModule } from '../icon/icon.module';
9
9
  import * as i0 from "@angular/core";
10
10
  export class JourneySelectionModule {
11
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneySelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
12
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: JourneySelectionModule, declarations: [JourneySelectionComponent], imports: [CommonModule,
11
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneySelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
12
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: JourneySelectionModule, declarations: [JourneySelectionComponent], imports: [CommonModule,
13
13
  NasClassModule,
14
14
  ButtonModule,
15
15
  IconModule], exports: [JourneySelectionComponent] }); }
16
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneySelectionModule, providers: [DateHelper, DeviceHelper], imports: [CommonModule,
16
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneySelectionModule, providers: [DateHelper, DeviceHelper], imports: [CommonModule,
17
17
  NasClassModule,
18
18
  ButtonModule,
19
19
  IconModule] }); }
20
20
  }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneySelectionModule, decorators: [{
21
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneySelectionModule, decorators: [{
22
22
  type: NgModule,
23
23
  args: [{
24
24
  declarations: [JourneySelectionComponent],
@@ -95,10 +95,10 @@ export class JourneyStopoverComponent extends NasComponentBase {
95
95
  numberOfMinutes: Math.floor(differenceInMinutes % 60)
96
96
  };
97
97
  }
98
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneyStopoverComponent, deps: [{ token: i1.DatePipe }, { token: i2.DateHelper }], target: i0.ɵɵFactoryTarget.Component }); }
99
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: JourneyStopoverComponent, selector: "nas-journey-stopover", inputs: { journeyStopoverModel: "journeyStopoverModel", transitLabel: "transitLabel", arrivalTimeLabel: "arrivalTimeLabel", departureTimeLabel: "departureTimeLabel", timeFormat: "timeFormat", dateFormat: "dateFormat", transitHoursIndicator: "transitHoursIndicator", transitMinutesIndicator: "transitMinutesIndicator", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\" *ngIf=\"journeyStopoverModel\">\n <span [nasClass]=\"lineClass\"></span>\n\n <div [nasClass]=\"getClass('stopover-details')\">\n <div\n [nasClass]=\"getClass('', ['stopover-time'])\"\n *ngIf=\"displayStopoverTime\"\n >\n {{ transitLabel }}\n (<span *ngIf=\"stopoverTime?.numberOfHours\"\n >{{ stopoverTime?.numberOfHours\n }}{{ transitHoursIndicator }}&nbsp;</span\n >\n <span *ngIf=\"stopoverTime?.numberOfMinutes\"\n >{{ stopoverTime?.numberOfMinutes }}{{ transitMinutesIndicator }}</span\n >)\n </div>\n <div [nasClass]=\"getClass('', ['place'])\">\n {{ journeyStopoverModel?.airportName }}\n <span [nasClass]=\"getClass('airport-code')\">{{\n journeyStopoverModel?.airportCode\n }}</span>\n </div>\n <div [nasClass]=\"getClass('', ['arrival'])\">\n {{ arrivalTimeLabel }} {{ currentStopover?.arrivalDate }}\n {{ currentStopover?.arrivalTime }}\n </div>\n <div [nasClass]=\"getClass('', ['departure'])\">\n {{ departureTimeLabel }} {{ currentStopover?.departureDate }}\n {{ currentStopover?.departureTime }}\n </div>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-journey-stopover{position:relative}.nas-journey-stopover__line{position:absolute;top:20px;left:-31px;background-image:radial-gradient(circle closest-side,#d8d8d8 6px,transparent 100%);background-position:0 100%;background-repeat:repeat-x;background-size:6px 10px}.nas-journey-stopover__line--transit-label{top:0px}.nas-journey-stopover__line:before{content:\"\";position:absolute;left:-4px;width:15px;height:15px;border-radius:50%}.nas-journey-stopover__line:before{top:25px;background-color:#003251}.nas-journey-stopover .nas-journey-stopover__stopover-details{padding-top:15px;padding-bottom:15px}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--stopover-time{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--place{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;line-height:28px}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--place .nas-journey-stopover__airport-code{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;top:-.5em;letter-spacing:0;vertical-align:super}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--arrival,.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--departure{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
98
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyStopoverComponent, deps: [{ token: i1.DatePipe }, { token: i2.DateHelper }], target: i0.ɵɵFactoryTarget.Component }); }
99
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: JourneyStopoverComponent, selector: "nas-journey-stopover", inputs: { journeyStopoverModel: "journeyStopoverModel", transitLabel: "transitLabel", arrivalTimeLabel: "arrivalTimeLabel", departureTimeLabel: "departureTimeLabel", timeFormat: "timeFormat", dateFormat: "dateFormat", transitHoursIndicator: "transitHoursIndicator", transitMinutesIndicator: "transitMinutesIndicator", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\" *ngIf=\"journeyStopoverModel\">\n <span [nasClass]=\"lineClass\"></span>\n\n <div [nasClass]=\"getClass('stopover-details')\">\n <div\n [nasClass]=\"getClass('', ['stopover-time'])\"\n *ngIf=\"displayStopoverTime\"\n >\n {{ transitLabel }}\n (<span *ngIf=\"stopoverTime?.numberOfHours\"\n >{{ stopoverTime?.numberOfHours\n }}{{ transitHoursIndicator }}&nbsp;</span\n >\n <span *ngIf=\"stopoverTime?.numberOfMinutes\"\n >{{ stopoverTime?.numberOfMinutes }}{{ transitMinutesIndicator }}</span\n >)\n </div>\n <div [nasClass]=\"getClass('', ['place'])\">\n {{ journeyStopoverModel?.airportName }}\n <span [nasClass]=\"getClass('airport-code')\">{{\n journeyStopoverModel?.airportCode\n }}</span>\n </div>\n <div [nasClass]=\"getClass('', ['arrival'])\">\n {{ arrivalTimeLabel }} {{ currentStopover?.arrivalDate }}\n {{ currentStopover?.arrivalTime }}\n </div>\n <div [nasClass]=\"getClass('', ['departure'])\">\n {{ departureTimeLabel }} {{ currentStopover?.departureDate }}\n {{ currentStopover?.departureTime }}\n </div>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-journey-stopover{position:relative}.nas-journey-stopover__line{position:absolute;top:20px;left:-31px;background-image:radial-gradient(circle closest-side,#d8d8d8 6px,transparent 100%);background-position:0 100%;background-repeat:repeat-x;background-size:6px 10px}.nas-journey-stopover__line--transit-label{top:0px}.nas-journey-stopover__line:before{content:\"\";position:absolute;left:-4px;width:15px;height:15px;border-radius:50%}.nas-journey-stopover__line:before{top:25px;background-color:#003251}.nas-journey-stopover .nas-journey-stopover__stopover-details{padding-top:15px;padding-bottom:15px}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--stopover-time{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--place{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;line-height:28px}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--place .nas-journey-stopover__airport-code{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;top:-.5em;letter-spacing:0;vertical-align:super}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--arrival,.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--departure{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
100
100
  }
101
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneyStopoverComponent, decorators: [{
101
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyStopoverComponent, decorators: [{
102
102
  type: Component,
103
103
  args: [{ selector: 'nas-journey-stopover', template: "<div [nasClass]=\"getClass()\" *ngIf=\"journeyStopoverModel\">\n <span [nasClass]=\"lineClass\"></span>\n\n <div [nasClass]=\"getClass('stopover-details')\">\n <div\n [nasClass]=\"getClass('', ['stopover-time'])\"\n *ngIf=\"displayStopoverTime\"\n >\n {{ transitLabel }}\n (<span *ngIf=\"stopoverTime?.numberOfHours\"\n >{{ stopoverTime?.numberOfHours\n }}{{ transitHoursIndicator }}&nbsp;</span\n >\n <span *ngIf=\"stopoverTime?.numberOfMinutes\"\n >{{ stopoverTime?.numberOfMinutes }}{{ transitMinutesIndicator }}</span\n >)\n </div>\n <div [nasClass]=\"getClass('', ['place'])\">\n {{ journeyStopoverModel?.airportName }}\n <span [nasClass]=\"getClass('airport-code')\">{{\n journeyStopoverModel?.airportCode\n }}</span>\n </div>\n <div [nasClass]=\"getClass('', ['arrival'])\">\n {{ arrivalTimeLabel }} {{ currentStopover?.arrivalDate }}\n {{ currentStopover?.arrivalTime }}\n </div>\n <div [nasClass]=\"getClass('', ['departure'])\">\n {{ departureTimeLabel }} {{ currentStopover?.departureDate }}\n {{ currentStopover?.departureTime }}\n </div>\n </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-journey-stopover{position:relative}.nas-journey-stopover__line{position:absolute;top:20px;left:-31px;background-image:radial-gradient(circle closest-side,#d8d8d8 6px,transparent 100%);background-position:0 100%;background-repeat:repeat-x;background-size:6px 10px}.nas-journey-stopover__line--transit-label{top:0px}.nas-journey-stopover__line:before{content:\"\";position:absolute;left:-4px;width:15px;height:15px;border-radius:50%}.nas-journey-stopover__line:before{top:25px;background-color:#003251}.nas-journey-stopover .nas-journey-stopover__stopover-details{padding-top:15px;padding-bottom:15px}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--stopover-time{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--place{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;line-height:28px}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--place .nas-journey-stopover__airport-code{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;top:-.5em;letter-spacing:0;vertical-align:super}.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--arrival,.nas-journey-stopover .nas-journey-stopover__stopover-details .nas-journey-stopover--departure{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}\n"] }]
104
104
  }], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: i2.DateHelper }]; }, propDecorators: { journeyStopoverModel: [{
@@ -5,15 +5,15 @@ import { AccordionModule } from '../accordion/accordion.module';
5
5
  import { JourneyStopoverComponent } from './journey-stopover.component';
6
6
  import * as i0 from "@angular/core";
7
7
  export class JourneyStopoverModule {
8
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneyStopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: JourneyStopoverModule, declarations: [JourneyStopoverComponent], imports: [CommonModule,
8
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyStopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: JourneyStopoverModule, declarations: [JourneyStopoverComponent], imports: [CommonModule,
10
10
  NasClassModule,
11
11
  AccordionModule], exports: [JourneyStopoverComponent] }); }
12
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneyStopoverModule, imports: [CommonModule,
12
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyStopoverModule, imports: [CommonModule,
13
13
  NasClassModule,
14
14
  AccordionModule] }); }
15
15
  }
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: JourneyStopoverModule, decorators: [{
16
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyStopoverModule, decorators: [{
17
17
  type: NgModule,
18
18
  args: [{
19
19
  declarations: [JourneyStopoverComponent],
@@ -40,10 +40,10 @@ export class ListItemComponent extends NasComponentBase {
40
40
  }
41
41
  return classes;
42
42
  }
43
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ListItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
44
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: ListItemComponent, selector: "nas-list-item", inputs: { cssClass: "cssClass" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses()\">\n <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
43
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ListItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
44
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ListItemComponent, selector: "nas-list-item", inputs: { cssClass: "cssClass" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses()\">\n <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
45
45
  }
46
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ListItemComponent, decorators: [{
46
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ListItemComponent, decorators: [{
47
47
  type: Component,
48
48
  args: [{ selector: 'nas-list-item', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClasses()\">\n <ng-content></ng-content>\n</div>\n" }]
49
49
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { cssClass: [{
@@ -52,10 +52,10 @@ export class ListComponent extends NasComponentBase {
52
52
  currentListItem = nextListItem;
53
53
  }
54
54
  }
55
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
56
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: ListComponent, selector: "nas-list", inputs: { markers: "markers", note: "note", positive: "positive", negative: "negative", goto: "goto", table: "table", spaceless: "spaceless", items: "items" }, usesInheritance: true, ngImport: i0, template: "<ul [nasClass]=\"mainClass()\">\n <ng-content></ng-content>\n</ul>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}ul,ul li{list-style:none}.nas-list{margin-bottom:24px;margin-left:24px;padding-top:3px}.nas-list li{position:relative;display:inline-block;margin:0 36px 9px 0}.nas-list li:before{content:\"\";display:block;position:absolute;height:8px;width:8px;left:-18px;top:7px;margin:0 12px 6px 0;border-radius:50%;background-color:#002a3a}@media (min-width: 640px){.nas-list li{display:block;margin:0 12px 9px 0}}.nas-list--markers{margin-left:0}.nas-list--markers li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 enable-background%3D%22new 0 0 24 24%22 xml%3Aspace%3D%22preserve%22%3E%3Ccircle fill%3D%22%23C3C3C3%22 cx%3D%2212%22 cy%3D%2212%22 r%3D%2210%22%2F%3E%3Cpolygon fill%3D%22%23003D50%22 points%3D%2218.5%2C9.8 16.4%2C7.7 11.5%2C12.6 8.8%2C10 6.7%2C12.1 9.4%2C14.7 11.5%2C16.8 13.6%2C14.7 %22%2F%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--markers li:before{display:none}@media (min-width: 640px){.nas-list--markers li{display:block}}.nas-list--positive{margin-left:0}.nas-list--positive li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 enable-background%3D%22new 0 0 24 24%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%09%3Ccircle fill%3D%22%23238E00%22 cx%3D%2212%22 cy%3D%2212%22 r%3D%2210%22%2F%3E%3C%2Fg%3E%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%2218%2C10.3 15.9%2C8.2 11.5%2C12.6 8.8%2C10 6.7%2C12.1 9.4%2C14.7 11.5%2C16.8 13.6%2C14.7 %22%2F%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--positive li:before{display:none}@media (min-width: 640px){.nas-list--positive li{display:block}}.nas-list--negative{margin-left:0}.nas-list--negative li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 enable-background%3D%22new 0 0 24 24%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%09%3Ccircle fill%3D%22%23D81939%22 cx%3D%2212%22 cy%3D%2211.9%22 r%3D%2210%22%2F%3E%09%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%2217.2%2C8.8 15.1%2C6.7 12%2C9.8 8.9%2C6.7 6.8%2C8.8 9.9%2C11.9 6.8%2C15 8.9%2C17.1 12%2C14 15.1%2C17.1 17.2%2C15 %09%0914.1%2C11.9 %09%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--negative li:before{display:none}@media (min-width: 640px){.nas-list--negative li{display:block}}.nas-list--goto{margin-left:0}.nas-list--goto li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 enable-background%3D%22new 0 0 24 24%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%09%3Cpath fill%3D%22%23003D50%22 d%3D%22M20.4%2C10.5L13.1%2C3H8.9l8.9%2C9l-8.9%2C9h4.2l7.2-7.5c0.4-0.4%2C0.6-0.9%2C0.6-1.4C21.1%2C11.4%2C20.8%2C10.9%2C20.4%2C10.5z%22%09%09%2F%3E%09%3Crect x%3D%223%22 y%3D%2210.3%22 fill%3D%22%23003D50%22 width%3D%2216.1%22 height%3D%223.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--goto li:before{display:none}@media (min-width: 640px){.nas-list--goto li{display:block}}.nas-list--spaceless{margin-bottom:0}.nas-list--table{margin-left:0}.nas-list--table li{display:block;border-top:2px solid #e3e3e3;padding:12px 0;margin:0}.nas-list--table li:last-child{border-bottom:2px solid #e3e3e3}.nas-list--table li:before{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
55
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
56
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ListComponent, selector: "nas-list", inputs: { markers: "markers", note: "note", positive: "positive", negative: "negative", goto: "goto", table: "table", spaceless: "spaceless", items: "items" }, usesInheritance: true, ngImport: i0, template: "<ul [nasClass]=\"mainClass()\">\n <ng-content></ng-content>\n</ul>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}ul,ul li{list-style:none}.nas-list{margin-bottom:24px;margin-left:24px;padding-top:3px}.nas-list li{position:relative;display:inline-block;margin:0 36px 9px 0}.nas-list li:before{content:\"\";display:block;position:absolute;height:8px;width:8px;left:-18px;top:7px;margin:0 12px 6px 0;border-radius:50%;background-color:#002a3a}@media (min-width: 640px){.nas-list li{display:block;margin:0 12px 9px 0}}.nas-list--markers{margin-left:0}.nas-list--markers li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 enable-background%3D%22new 0 0 24 24%22 xml%3Aspace%3D%22preserve%22%3E%3Ccircle fill%3D%22%23C3C3C3%22 cx%3D%2212%22 cy%3D%2212%22 r%3D%2210%22%2F%3E%3Cpolygon fill%3D%22%23003D50%22 points%3D%2218.5%2C9.8 16.4%2C7.7 11.5%2C12.6 8.8%2C10 6.7%2C12.1 9.4%2C14.7 11.5%2C16.8 13.6%2C14.7 %22%2F%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--markers li:before{display:none}@media (min-width: 640px){.nas-list--markers li{display:block}}.nas-list--positive{margin-left:0}.nas-list--positive li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 enable-background%3D%22new 0 0 24 24%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%09%3Ccircle fill%3D%22%23238E00%22 cx%3D%2212%22 cy%3D%2212%22 r%3D%2210%22%2F%3E%3C%2Fg%3E%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%2218%2C10.3 15.9%2C8.2 11.5%2C12.6 8.8%2C10 6.7%2C12.1 9.4%2C14.7 11.5%2C16.8 13.6%2C14.7 %22%2F%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--positive li:before{display:none}@media (min-width: 640px){.nas-list--positive li{display:block}}.nas-list--negative{margin-left:0}.nas-list--negative li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 enable-background%3D%22new 0 0 24 24%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%09%3Ccircle fill%3D%22%23D81939%22 cx%3D%2212%22 cy%3D%2211.9%22 r%3D%2210%22%2F%3E%09%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%2217.2%2C8.8 15.1%2C6.7 12%2C9.8 8.9%2C6.7 6.8%2C8.8 9.9%2C11.9 6.8%2C15 8.9%2C17.1 12%2C14 15.1%2C17.1 17.2%2C15 %09%0914.1%2C11.9 %09%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--negative li:before{display:none}@media (min-width: 640px){.nas-list--negative li{display:block}}.nas-list--goto{margin-left:0}.nas-list--goto li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 enable-background%3D%22new 0 0 24 24%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%09%3Cpath fill%3D%22%23003D50%22 d%3D%22M20.4%2C10.5L13.1%2C3H8.9l8.9%2C9l-8.9%2C9h4.2l7.2-7.5c0.4-0.4%2C0.6-0.9%2C0.6-1.4C21.1%2C11.4%2C20.8%2C10.9%2C20.4%2C10.5z%22%09%09%2F%3E%09%3Crect x%3D%223%22 y%3D%2210.3%22 fill%3D%22%23003D50%22 width%3D%2216.1%22 height%3D%223.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--goto li:before{display:none}@media (min-width: 640px){.nas-list--goto li{display:block}}.nas-list--spaceless{margin-bottom:0}.nas-list--table{margin-left:0}.nas-list--table li{display:block;border-top:2px solid #e3e3e3;padding:12px 0;margin:0}.nas-list--table li:last-child{border-bottom:2px solid #e3e3e3}.nas-list--table li:before{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
57
57
  }
58
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ListComponent, decorators: [{
58
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ListComponent, decorators: [{
59
59
  type: Component,
60
60
  args: [{ selector: 'nas-list', encapsulation: ViewEncapsulation.None, template: "<ul [nasClass]=\"mainClass()\">\n <ng-content></ng-content>\n</ul>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}ul,ul li{list-style:none}.nas-list{margin-bottom:24px;margin-left:24px;padding-top:3px}.nas-list li{position:relative;display:inline-block;margin:0 36px 9px 0}.nas-list li:before{content:\"\";display:block;position:absolute;height:8px;width:8px;left:-18px;top:7px;margin:0 12px 6px 0;border-radius:50%;background-color:#002a3a}@media (min-width: 640px){.nas-list li{display:block;margin:0 12px 9px 0}}.nas-list--markers{margin-left:0}.nas-list--markers li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 enable-background%3D%22new 0 0 24 24%22 xml%3Aspace%3D%22preserve%22%3E%3Ccircle fill%3D%22%23C3C3C3%22 cx%3D%2212%22 cy%3D%2212%22 r%3D%2210%22%2F%3E%3Cpolygon fill%3D%22%23003D50%22 points%3D%2218.5%2C9.8 16.4%2C7.7 11.5%2C12.6 8.8%2C10 6.7%2C12.1 9.4%2C14.7 11.5%2C16.8 13.6%2C14.7 %22%2F%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--markers li:before{display:none}@media (min-width: 640px){.nas-list--markers li{display:block}}.nas-list--positive{margin-left:0}.nas-list--positive li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 enable-background%3D%22new 0 0 24 24%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%09%3Ccircle fill%3D%22%23238E00%22 cx%3D%2212%22 cy%3D%2212%22 r%3D%2210%22%2F%3E%3C%2Fg%3E%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%2218%2C10.3 15.9%2C8.2 11.5%2C12.6 8.8%2C10 6.7%2C12.1 9.4%2C14.7 11.5%2C16.8 13.6%2C14.7 %22%2F%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--positive li:before{display:none}@media (min-width: 640px){.nas-list--positive li{display:block}}.nas-list--negative{margin-left:0}.nas-list--negative li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 enable-background%3D%22new 0 0 24 24%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%09%3Ccircle fill%3D%22%23D81939%22 cx%3D%2212%22 cy%3D%2211.9%22 r%3D%2210%22%2F%3E%09%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%2217.2%2C8.8 15.1%2C6.7 12%2C9.8 8.9%2C6.7 6.8%2C8.8 9.9%2C11.9 6.8%2C15 8.9%2C17.1 12%2C14 15.1%2C17.1 17.2%2C15 %09%0914.1%2C11.9 %09%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--negative li:before{display:none}@media (min-width: 640px){.nas-list--negative li{display:block}}.nas-list--goto{margin-left:0}.nas-list--goto li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 enable-background%3D%22new 0 0 24 24%22 xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%09%3Cpath fill%3D%22%23003D50%22 d%3D%22M20.4%2C10.5L13.1%2C3H8.9l8.9%2C9l-8.9%2C9h4.2l7.2-7.5c0.4-0.4%2C0.6-0.9%2C0.6-1.4C21.1%2C11.4%2C20.8%2C10.9%2C20.4%2C10.5z%22%09%09%2F%3E%09%3Crect x%3D%223%22 y%3D%2210.3%22 fill%3D%22%23003D50%22 width%3D%2216.1%22 height%3D%223.4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--goto li:before{display:none}@media (min-width: 640px){.nas-list--goto li{display:block}}.nas-list--spaceless{margin-bottom:0}.nas-list--table{margin-left:0}.nas-list--table li{display:block;border-top:2px solid #e3e3e3;padding:12px 0;margin:0}.nas-list--table li:last-child{border-bottom:2px solid #e3e3e3}.nas-list--table li:before{display:none}\n"] }]
61
61
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { markers: [{
@@ -5,11 +5,11 @@ import { NasClassModule } from '../../core/directives/nas-class/nas-class.module
5
5
  import { ListItemComponent } from './list-item/list-item.component';
6
6
  import * as i0 from "@angular/core";
7
7
  export class ListModule {
8
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: ListModule, declarations: [ListComponent, ListItemComponent], imports: [CommonModule, NasClassModule], exports: [ListComponent, ListItemComponent] }); }
10
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ListModule, imports: [CommonModule, NasClassModule] }); }
8
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: ListModule, declarations: [ListComponent, ListItemComponent], imports: [CommonModule, NasClassModule], exports: [ListComponent, ListItemComponent] }); }
10
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ListModule, imports: [CommonModule, NasClassModule] }); }
11
11
  }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ListModule, decorators: [{
12
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ListModule, decorators: [{
13
13
  type: NgModule,
14
14
  args: [{
15
15
  declarations: [ListComponent, ListItemComponent],
@@ -105,10 +105,10 @@ export class ModalComponent extends NasComponentBase {
105
105
  }
106
106
  }, 30);
107
107
  }
108
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ModalComponent, deps: [{ token: i1.AnimateHelper }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
109
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: ModalComponent, selector: "nas-modal", inputs: { form: "form", tight: "tight", center: "center", outlined: "outlined", title: "title", closeLabel: "closeLabel", animated: "animated", show: "show", enableClose: "enableClose" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass('', [exists(form) && 'form', exists(tight) && 'tight', exists(center) && 'center'])\"\n *ngIf=\"show\">\n <div #content\n [nasClass]=\"getClass('content', [exists(outlined) && 'outlined'])\"\n [ngStyle]=\"animation\"\n tabindex=\"0\">\n <nas-button *ngIf=\"enableClose\"\n [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('close')\"\n [ariaLabel]=\"closeLabel\"\n (clickChange)=\"onClose()\">\n <nas-icon [type]=\"'remove'\"></nas-icon>\n </nas-button>\n <h2 [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</h2>\n <ng-content></ng-content>\n </div>\n <button type=\"button\"\n #backdrop\n [disabled]=\"!enableClose\"\n [nasClass]=\"getClass('backdrop')\"\n (click)=\"onClose()\"\n [ngStyle]=\"backdropStyle\">{{closeLabel}}</button>\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-modal{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;z-index:40;max-height:98vh;overflow-y:scroll}@media (min-width: 640px){.nas-modal{padding:36px}}.nas-modal__title{margin-bottom:24px;font-size:24px;line-height:30px}.nas-modal__actions{display:flex;flex-wrap:wrap;align-items:baseline}.nas-modal__action{margin:16px 0 0}.nas-modal__action:not(:last-child){margin-right:24px}.nas-modal__content{position:relative;z-index:3;width:100%;max-width:600px;margin:auto;padding:24px;transform-origin:left top;box-shadow:0 0 50px #0000001a;background-color:#fff;outline:0}@media (min-width: 640px){.nas-modal__content{padding:36px}}.nas-modal__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:fade-in .7s ease-out both;overflow-y:scroll}.nas-modal__close{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%}@media (min-width: 640px){.nas-modal__close{top:12px;right:12px}}.nas-modal__close:hover,.nas-modal__close:focus{z-index:100;background-color:#f1f1f1}.nas-modal--form .nas-modal__content{background-color:#e3e3e3}.nas-modal--form .nas-modal__backdrop{background-color:#000f18b3}.nas-modal--tight .nas-modal__content{max-width:460px}.nas-modal--center{display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i4.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }, { kind: "component", type: i5.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
108
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ModalComponent, deps: [{ token: i1.AnimateHelper }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
109
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ModalComponent, selector: "nas-modal", inputs: { form: "form", tight: "tight", center: "center", outlined: "outlined", title: "title", closeLabel: "closeLabel", animated: "animated", show: "show", enableClose: "enableClose" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass('', [exists(form) && 'form', exists(tight) && 'tight', exists(center) && 'center'])\"\n *ngIf=\"show\">\n <div #content\n [nasClass]=\"getClass('content', [exists(outlined) && 'outlined'])\"\n [ngStyle]=\"animation\"\n tabindex=\"0\">\n <nas-button *ngIf=\"enableClose\"\n [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('close')\"\n [ariaLabel]=\"closeLabel\"\n (clickChange)=\"onClose()\">\n <nas-icon [type]=\"'remove'\"></nas-icon>\n </nas-button>\n <h2 [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</h2>\n <ng-content></ng-content>\n </div>\n <button type=\"button\"\n #backdrop\n [disabled]=\"!enableClose\"\n [nasClass]=\"getClass('backdrop')\"\n (click)=\"onClose()\"\n [ngStyle]=\"backdropStyle\">{{closeLabel}}</button>\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-modal{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;z-index:40;max-height:98vh;overflow-y:scroll}@media (min-width: 640px){.nas-modal{padding:36px}}.nas-modal__title{margin-bottom:24px;font-size:24px;line-height:30px}.nas-modal__actions{display:flex;flex-wrap:wrap;align-items:baseline}.nas-modal__action{margin:16px 0 0}.nas-modal__action:not(:last-child){margin-right:24px}.nas-modal__content{position:relative;z-index:3;width:100%;max-width:600px;margin:auto;padding:24px;transform-origin:left top;box-shadow:0 0 50px #0000001a;background-color:#fff;outline:0}@media (min-width: 640px){.nas-modal__content{padding:36px}}.nas-modal__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:fade-in .7s ease-out both;overflow-y:scroll}.nas-modal__close{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%}@media (min-width: 640px){.nas-modal__close{top:12px;right:12px}}.nas-modal__close:hover,.nas-modal__close:focus{z-index:100;background-color:#f1f1f1}.nas-modal--form .nas-modal__content{background-color:#e3e3e3}.nas-modal--form .nas-modal__backdrop{background-color:#000f18b3}.nas-modal--tight .nas-modal__content{max-width:460px}.nas-modal--center{display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i4.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }, { kind: "component", type: i5.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
110
110
  }
111
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ModalComponent, decorators: [{
111
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ModalComponent, decorators: [{
112
112
  type: Component,
113
113
  args: [{ selector: 'nas-modal', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClass('', [exists(form) && 'form', exists(tight) && 'tight', exists(center) && 'center'])\"\n *ngIf=\"show\">\n <div #content\n [nasClass]=\"getClass('content', [exists(outlined) && 'outlined'])\"\n [ngStyle]=\"animation\"\n tabindex=\"0\">\n <nas-button *ngIf=\"enableClose\"\n [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('close')\"\n [ariaLabel]=\"closeLabel\"\n (clickChange)=\"onClose()\">\n <nas-icon [type]=\"'remove'\"></nas-icon>\n </nas-button>\n <h2 [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</h2>\n <ng-content></ng-content>\n </div>\n <button type=\"button\"\n #backdrop\n [disabled]=\"!enableClose\"\n [nasClass]=\"getClass('backdrop')\"\n (click)=\"onClose()\"\n [ngStyle]=\"backdropStyle\">{{closeLabel}}</button>\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-modal{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;z-index:40;max-height:98vh;overflow-y:scroll}@media (min-width: 640px){.nas-modal{padding:36px}}.nas-modal__title{margin-bottom:24px;font-size:24px;line-height:30px}.nas-modal__actions{display:flex;flex-wrap:wrap;align-items:baseline}.nas-modal__action{margin:16px 0 0}.nas-modal__action:not(:last-child){margin-right:24px}.nas-modal__content{position:relative;z-index:3;width:100%;max-width:600px;margin:auto;padding:24px;transform-origin:left top;box-shadow:0 0 50px #0000001a;background-color:#fff;outline:0}@media (min-width: 640px){.nas-modal__content{padding:36px}}.nas-modal__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:fade-in .7s ease-out both;overflow-y:scroll}.nas-modal__close{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%}@media (min-width: 640px){.nas-modal__close{top:12px;right:12px}}.nas-modal__close:hover,.nas-modal__close:focus{z-index:100;background-color:#f1f1f1}.nas-modal--form .nas-modal__content{background-color:#e3e3e3}.nas-modal--form .nas-modal__backdrop{background-color:#000f18b3}.nas-modal--tight .nas-modal__content{max-width:460px}.nas-modal--center{display:flex;align-items:center}\n"] }]
114
114
  }], ctorParameters: function () { return [{ type: i1.AnimateHelper }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { form: [{
@@ -8,19 +8,19 @@ import { ButtonModule } from '../button/button.module';
8
8
  import { IconModule } from '../icon/icon.module';
9
9
  import * as i0 from "@angular/core";
10
10
  export class ModalModule {
11
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
12
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: ModalModule, declarations: [ModalComponent], imports: [CommonModule,
11
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
12
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: ModalModule, declarations: [ModalComponent], imports: [CommonModule,
13
13
  FormsModule,
14
14
  NasClassModule,
15
15
  ButtonModule,
16
16
  IconModule], exports: [ModalComponent] }); }
17
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ModalModule, providers: [AnimateHelper], imports: [CommonModule,
17
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ModalModule, providers: [AnimateHelper], imports: [CommonModule,
18
18
  FormsModule,
19
19
  NasClassModule,
20
20
  ButtonModule,
21
21
  IconModule] }); }
22
22
  }
23
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: ModalModule, decorators: [{
23
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ModalModule, decorators: [{
24
24
  type: NgModule,
25
25
  args: [{
26
26
  imports: [