@norwegian/core-components 6.54.2 → 6.55.0

package/esm2022/lib/components/filter-new/filter-new.component.mjs

@@ -1064,11 +1064,11 @@ export class FilterNewComponent extends NasComponentBase {
         this.inlineFlex = this.container.nativeElement.offsetWidth > 290 ? this.container.nativeElement.offsetWidth : 0;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: FilterNewComponent, deps: [{ token: i1.DeviceHelper }, { token: i2.SortService }, { token: i3.AbandonedBasketService }, { token: i4.DateHelper }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: FilterNewComponent, selector: "nas-filter-new", inputs: { airportRelations: "airportRelations", ariaLabelClear: "ariaLabelClear", ariaLabelSubtract: "ariaLabelSubtract", ariaLabelBackdrop: "ariaLabelBackdrop", ariaLabelAdd: "ariaLabelAdd", allowedOriginAirports: "allowedOriginAirports", allowedDestinationAirports: "allowedDestinationAirports", displayLatestSearches: "displayLatestSearches", useSwitch: "useSwitch", displayClosestAirports: "displayClosestAirports", originAirportCode: "originAirportCode", destinationAirportCode: "destinationAirportCode", passengerSelectLabel: "passengerSelectLabel", maxPaxCount: "maxPaxCount", passengers: "passengers", minAdultCount: "minAdultCount", tripSwitchRoundTripLabel: "tripSwitchRoundTripLabel", tripSwitchOneWayLabel: "tripSwitchOneWayLabel", directOnlyLabel: "directOnlyLabel", directTransitLabel: "directTransitLabel", minimizeOnMobile: "minimizeOnMobile", expandedAccordionMobile: "expandedAccordionMobile", defaultSummarySeparator: "defaultSummarySeparator", lastSummarySeparator: "lastSummarySeparator", passengerSelectTitle: "passengerSelectTitle", passengerSelectAdultsLabel: "passengerSelectAdultsLabel", passengerSelectYouthsLabel: "passengerSelectYouthsLabel", passengerSelectYoungAdultsLabel: "passengerSelectYoungAdultsLabel", passengerSelectChildrenLabel: "passengerSelectChildrenLabel", passengerSelectInfantsLabel: "passengerSelectInfantsLabel", groupBookingLabel: "groupBookingLabel", allAirportsLabel: "allAirportsLabel", latestSearchesLabel: "latestSearchesLabel", closestAirportsLabel: "closestAirportsLabel", selectOriginFirstLabel: "selectOriginFirstLabel", labelOrigin: "labelOrigin", placeholderOrigin: "placeholderOrigin", labelDestination: "labelDestination", geolocationLabel: "geolocationLabel", geolocationBlockedLabel: "geolocationBlockedLabel", placeholderDestination: "placeholderDestination", keepSelection: "keepSelection", editSearchTitle: "editSearchTitle", nasFormGroup: "nasFormGroup", nasFormControlNameOrigin: "nasFormControlNameOrigin", nasFormControlNameDestination: "nasFormControlNameDestination", nasFormControlNameTripType: "nasFormControlNameTripType", nasFormControlNameDirectOnly: "nasFormControlNameDirectOnly", nasFormControlNameOutbound: "nasFormControlNameOutbound", nasFormControlNameInbound: "nasFormControlNameInbound", nasFormControlGroupBooking: "nasFormControlGroupBooking", nasFormControlNameSubsidyDiscount: "nasFormControlNameSubsidyDiscount", overrideOrigin: "overrideOrigin", enableSuggestions: "enableSuggestions", closestAirports: "closestAirports", minimize: "minimize", airports: "airports", tripType: "tripType", directOnly: "directOnly", groupBookingLimit: "groupBookingLimit", subsidyDiscounts: "subsidyDiscounts", selectedSubsidyDiscount: "selectedSubsidyDiscount", subsidyDiscountLabel: "subsidyDiscountLabel", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", outboundLabel: "outboundLabel", inboundLabel: "inboundLabel", availability: "availability", outboundAvailableDates: "outboundAvailableDates", inboundAvailableDates: "inboundAvailableDates", times: "times", dateDisplayFormat: "dateDisplayFormat", timeDisplayFormat: "timeDisplayFormat", locale: "locale", compact: "compact", outboundDisabled: "outboundDisabled", inboundDisabled: "inboundDisabled", enableDatepickers: "enableDatepickers", minimizingLabel: "minimizingLabel", maximizingLabel: "maximizingLabel", directOnlyMobileLabel: "directOnlyMobileLabel", orLabel: "orLabel", passengersTitleLabel: "passengersTitleLabel", invalidDestinationText: "invalidDestinationText", outboundSelectedDate: "outboundSelectedDate", inboundSelectedDate: "inboundSelectedDate", enableDestinationSelect: "enableDestinationSelect", enablePassengersSelect: "enablePassengersSelect", enableTripSwitch: "enableTripSwitch", enableTransitSwitch: "enableTransitSwitch" }, outputs: { originOpenChange: "originOpenChange", destinationOpenChange: "destinationOpenChange", passengerSelectOpenChange: "passengerSelectOpenChange", originChange: "originChange", destinationChange: "destinationChange", passengersChange: "passengersChange", tripTypeChange: "tripTypeChange", directOnlyChange: "directOnlyChange", outboundSelectedDateChange: "outboundSelectedDateChange", inboundSelectedDateChange: "inboundSelectedDateChange", outboundOpenChange: "outboundOpenChange", inboundOpenChange: "inboundOpenChange", outboundMonthChange: "outboundMonthChange", inboundMonthChange: "inboundMonthChange", focusOnNextChange: "focusOnNextChange", positionChange: "positionChange", subsidyDiscountInfoClick: "subsidyDiscountInfoClick" }, viewQueries: [{ propertyName: "passengerSelectDropdown", first: true, predicate: ["passengerSelectDropdown"], descendants: true }, { propertyName: "passengerSelect", first: true, predicate: ["passengerSelect"], descendants: true }, { propertyName: "tripSwitch", first: true, predicate: ["tripSwitch"], descendants: true }, { propertyName: "transitSwitch", first: true, predicate: ["transitSwitch"], descendants: true }, { propertyName: "airportSelect", first: true, predicate: ["airportSelect"], descendants: true }, { propertyName: "datepickerCombo", first: true, predicate: ["datepickerCombo"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "tripTypeOneway", first: true, predicate: ["tripTypeOneway"], descendants: true }, { propertyName: "tripTypeRoundTrip", first: true, predicate: ["tripTypeRoundTrip"], descendants: true }, { propertyName: "transitTypeDirectOnly", first: true, predicate: ["transitTypeDirectOnly"], descendants: true }, { propertyName: "transitTypeTransit", first: true, predicate: ["transitTypeTransit"], descendants: true }, { propertyName: "subsidyDiscount", first: true, predicate: ["subsidyDiscount"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\"\n  simple\n  containerOnToggle\n  transparent\n  [expanded]=\"expandedAccordionMobile\"\n  [title]=\"editSearchTitle\"\n  (toggleChange)=\"onAccordionToggleChange($event)\">\n  <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\"\n  *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}</div>\n\n<ng-template #filterTemplate>\n  <div #container\n    [nasClass]=\"getContainerClass()\">\n    <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized', maximize && 'maximize'])\">\n      <ng-container *ngIf=\"airports?.length > 0\">\n        <nas-airport-select-new *ngIf=\"airports && airportRelations && (enableDestinationSelect)\"\n          #airportSelect\n          combo\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [ariaLabelClear]=\"ariaLabelClear\" \n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [nasFormControlNameDestination]=\"nasFormControlNameDestination\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getAirportSelectClass()\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [allowedDestinationAirports]=\"allowedDestinationAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [latestSearchesDestination]=\"latestSearchesDestination\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [destinationAirportCode]=\"destinationAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [labelDestination]=\"labelDestination\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [placeholderDestination]=\"placeholderDestination\"\n          [keepSelection]=\"keepSelection\"\n          [invalidDestinationText]=\"invalidDestinationText\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (destinationChange)=\"onDestinationChange($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (destinationOpenChange)=\"onDestinationOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-airport-select-new *ngIf=\"airports && (!enableDestinationSelect)\"\n          #airportSelect\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [ariaLabelClear]=\"ariaLabelClear\"\n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getClass('airport-origin-select')\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [keepSelection]=\"keepSelection\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [nasClass]=\"getFilterClass('suggestions')\"\n          [suggestions]=\"getSuggestions()\"\n          [orLabel]=\"orLabel\"\n          (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n      </ng-container>\n      <ng-container *ngIf=\"shouldMaximize()\">\n        <div [nasClass]=\"!enableDestinationSelect ? getClass('origin-combined') :\n          getTravelDetailsClass('', ['combined', exists(enableDatepickers) && 'no-border', exists(minimize) && 'minimized'])\">\n          <ng-container *ngIf=\"enablePassengersSelect\">\n            <button (click)=\"onPassengerSelectOpen($event)\" [nasClass]=\"getClass('passengers-button', openPassengerSelect && 'active')\">\n              <div [nasClass]=\"getClass('label')\">\n                <p [nasClass]=\"getClass('button-title')\">{{passengersTitleLabel}}</p>\n                <p>{{passengerSelectLabel}}</p>\n              </div>\n              <div [nasClass]=\"getClass('traveler-icon')\"><nas-icon [icon]=\"'my-profile-compact'\" [type]=\"'small'\"></nas-icon></div>\n            </button>\n            <div *ngIf=\"openPassengerSelect\">\n              <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n              [(showBackdrop)]=\"openPassengerSelect\"></nas-backdrop>\n              <nas-passenger-select-new\n                [ariaLabelAdd]=\"ariaLabelAdd\"\n                [ariaLabelSubtract]=\"ariaLabelSubtract\"\n                [adultsLabel]=\"passengerSelectAdultsLabel\"\n                [youthsLabel]=\"passengerSelectYouthsLabel\"\n                [youngAdultsLabel]=\"passengerSelectYoungAdultsLabel\"\n                [childrenLabel]=\"passengerSelectChildrenLabel\"\n                [infantsLabel]=\"passengerSelectInfantsLabel\"\n                [maxPaxCount]=\"maxPaxCount\"\n                [minAdultCount]=\"minAdultCount\"\n                [title]=\"passengerSelectTitle\"\n                [nasFormGroup]=\"nasFormGroup\"\n                [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\"\n                [groupBookingLabel]=\"groupBookingLabel\"\n                [groupBookingLimit]=\"groupBookingLimit\"\n                (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n                (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n                [(passengers)]=\"passengers\"></nas-passenger-select-new>\n              </div>\n          </ng-container>\n          <ng-container *ngIf=\"enableTripSwitch\">\n            <form *ngIf=\"!openPassengerSelect\" [nasClass]=\"getClass('radio')\">\n              <nas-radio-new #tripTypeRoundTrip [name]=\"'tripType'\" [value]=\"2\" [checked]=\"true\" (checkedChange)=\"onTripTypeChange(2)\">\n                {{tripSwitchRoundTripLabel}}\n              </nas-radio-new>\n              <nas-radio-new #tripTypeOneway [name]=\"'tripType'\" [value]=\"1\" (checkedChange)=\"onTripTypeChange(1)\">\n                {{tripSwitchOneWayLabel}}\n              </nas-radio-new>\n            </form>\n          </ng-container>\n          <div *ngIf=\"exists(enableDatepickers)\"\n          [nasClass]=\"getDatePickersClass()\">\n          <nas-datepicker-combo-new #datepickerCombo *ngIf=\"!openPassengerSelect\"\n            compact\n            [inlineFlex]=\"inlineFlex\"\n            [nasFormGroup]=\"nasFormGroup\"\n            [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n            [nasFormControlNameInbound]=\"nasFormControlNameInbound\"\n            [availability]=\"availability\"\n            [availableFlightsLabel]=\"availableFlightsLabel\"\n            [dateDisplayFormat]=\"dateDisplayFormat\"\n            [disablePastSelection]=\"disablePastSelection\"\n            [locale]=\"locale\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [inboundAvailableDates]=\"inboundAvailableDates\"\n            [inboundLabel]=\"inboundLabel\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [outboundAvailableDates]=\"outboundAvailableDates\"\n            [outboundLabel]=\"outboundLabel\"\n            [timeDisplayFormat]=\"timeDisplayFormat\"\n            [times]=\"times\"\n            [outboundDisabled]=\"outboundDisabled\"\n            [inboundDisabled]=\"inboundDisabled\"\n            [outboundOnly]=\"tripType === 1\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n            [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n            (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n            (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n            (inboundMonthChange)=\"onInboundMonthChange($event)\"\n            (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n            [(outboundOpen)]=\"outboundOpen\"\n            [(inboundOpen)]=\"inboundOpen\"\n            [(inboundSelectedDate)]=\"inboundSelectedDate\"\n            [(outboundSelectedDate)]=\"outboundSelectedDate\">\n          </nas-datepicker-combo-new>\n        </div>\n        <ng-container *ngIf=\"enableTransitSwitch\">\n          <nas-button-new *ngIf=\"directOnlyLabel && directTransitLabel && !openPassengerSelect\"\n            #transitSwitch\n            block\n            light\n            [iconType]=\"'chevron-down'\"\n            [label]=\"getTransitLabel()\"\n            [nasClass]=\"getClass('transit', openTransitTypeSelect && 'active')\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            (click)=\"onTransitSwitchOpen($event)\"\n            (keydown)=\"transitKeyDown($event)\">{{ getTransitLabel() }}\n          </nas-button-new>\n          <div *ngIf=\"openTransitTypeSelect\" [nasClass]=\"getClass('transit-type')\">\n            <button [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\"\n              type=\"button\"\n              #transitTypeDirectOnly\n              (click)=\"onTransitChange(true)\">{{ directOnlyLabel }}\n            </button>\n            <button type=\"button\"\n              #transitTypeTransit\n              [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n              (click)=\"onTransitChange(false)\">{{ directTransitLabel }}\n            </button>\n          </div>\n        </ng-container>\n        </div>\n        <div *ngIf=\"subsidyDiscounts && subsidyDiscounts.length > 0 && !openPassengerSelect\"\n          [nasClass]=\"getFilterClass('subsidy-discount')\">\n          <nas-subsidy-discount #subsidyDiscount\n            [discounts]=\"subsidyDiscounts\"\n            [selectedDiscount]=\"selectedSubsidyDiscount\"\n            [label]=\"subsidyDiscountLabel\"\n            (infoButtonClick)=\"onSubsidyDiscountInfoClick()\"\n            (discountSelectChange)=\"onSubsidyDiscountSelectChange($event)\"\n            (infoButtonKeydown)=\"onSubsidyDiscountInfoButtonKeydown($event)\"></nas-subsidy-discount>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", 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-filter-new{position:relative;z-index:6}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new--light{border:2px solid #15273f}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new__content{gap:0;justify-content:space-between;font-weight:400}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new__icon{transform:rotate(180deg)}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new{background-color:#ebf4ff;border:2px solid #15273f}.nas-filter-new__title{margin-top:24px;font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-filter-new__title{font-size:32px;line-height:38px}}.nas-filter-new__title--md{margin-top:60px}.nas-filter-new__radio{display:flex;gap:24px;padding:12px}.nas-filter-new__passengers-button{display:flex;justify-content:space-between;background-color:#fff;border:2px solid #15273f;padding:9px 14px;width:100%}.nas-filter-new__passengers-button--active{background-color:#ebf4ff!important;position:relative;z-index:3}.nas-filter-new__label{flex-direction:column;text-align:left}.nas-filter-new__label p{margin:0}.nas-filter-new__button-title{font-weight:700;font-size:14px}.nas-filter-new__traveler-icon{transform:scale(.85);margin-top:12px}.nas-filter-new__transit-type{border-left:2px solid #15273f;border-right:2px solid #15273f;border-bottom:2px solid #15273f}.nas-filter-new__transit-type button:first-child{border-bottom:2px solid #E9E7E4}.nas-filter-new__filters .nas-filter-new__date-combo{order:2;flex:1;z-index:2}.nas-filter-new__filters--minimized .nas-filter-new__airport-select:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.nas-filter-new__filters--maximize .nas-filter-new__airport-select-new:after{display:none}.nas-filter-new__filters--md .nas-filter-new__date-combo{flex:0 0 100%}.nas-filter-new__filters--lg{align-items:stretch}.nas-filter-new__filters--lg .nas-filter-new__date-combo{order:3;flex:0 0 100%;z-index:1}.nas-filter-new__filters--lg .nas-filter-new__suggestions{order:3}.nas-filter-new__filters--lg .nas-filter-new__filters--minimized .nas-filter-new__airport-select{margin-right:0;flex:0 1 100%}.nas-filter-new__filters--lg .nas-filter-new__filters--maximize .nas-filter-new__airport-select{margin-right:3px;flex:auto}.nas-filter-new__filters--lg.nas-filter-new__filters--maximize .nas-filter-new__date-combo{border-bottom:3px solid #c3c3c3}.nas-filter-new__suggestions{flex-basis:100%;position:relative;margin-top:3px}.nas-filter-new__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter-new__airport-select--lg{width:0;margin:0 3px 0 0;flex:1 1 auto}.nas-filter-new__toggler{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:26px;color:#15273f;margin-top:6px;z-index:1}.nas-filter-new__toggler .nas-filter-new__toggle-action{cursor:pointer;margin-top:2px;float:right}.nas-filter-new__toggler .nas-filter-new__direct-only{display:inline-block}.travel-details{position:relative;margin:0;z-index:1}.travel-details__list{margin-top:12px}.travel-details__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.travel-details__list-item:not(:last-child){padding:6px 0 9px;border-bottom:2px solid #f1f1f1}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:26px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:26px;margin:0}.travel-details__action{padding:12px;width:100%;background-color:#fff;font-weight:700}.travel-details__action:hover,.travel-details__action:focus{background-color:#f8f8f8}.travel-details__action--border{border-bottom:2px #f1f1f1}.travel-details__action:focus{outline:none;z-index:1}.travel-details__icon{margin-bottom:9px}.travel-details__dropdown{margin-right:0}.travel-details__dropdown:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details__dropdown--trip-type{order:1;flex:1;margin-right:3px;margin-bottom:3px}.travel-details__dropdown--transit-type{order:2;flex:1;margin-bottom:3px}.travel-details__dropdown--passengers{order:3;flex:1 0 100%;margin-bottom:3px}.travel-details__dropdown--md.travel-details__dropdown--trip-type{order:2;flex:1;margin-right:3px}.travel-details__dropdown--md.travel-details__dropdown--transit-type{order:3;flex:1}.travel-details__dropdown--md.travel-details__dropdown--passengers{order:1;flex:1;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--trip-type{order:2;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--transit-type{order:3;flex:1 1 auto}.travel-details__dropdown--lg.travel-details__dropdown--passengers{order:1;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg:focus{outline:none}.travel-details__dropdown--lg:after{display:none}.travel-details__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.travel-details__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.travel-details__transit-icon:after{content:\"\";position:absolute;width:10px;height:10px;right:0;top:calc(50% - 5px);border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.travel-details__transit-icon-stop{position:relative;top:calc(50% - 5px);width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background-color:inherit}.travel-details--combined{order:3;flex:0 0 100%}.travel-details--combined.travel-details--md:after{content:\"\";position:absolute;bottom:-6px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--md .travel-details__dropdown{margin:0 3px 0 0}.travel-details--combined.travel-details--md .travel-details__dropdown:last-child{margin:0}.travel-details--combined.travel-details--md .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px}.travel-details--combined.travel-details--lg{order:2;flex:0 0 auto;margin:0 0 0 -3px;padding-left:3px;z-index:2}.travel-details--combined.travel-details--lg:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--lg .dropdown__toggle{height:inherit}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-passenger-select-new__list-item{padding:8px 16px!important}::ng-deep .nas-radio-new{margin:0!important}::ng-deep .nas-button-new{margin-top:6px}::ng-deep .nas-checkbox-new{background-color:#f1f1f1;padding:12px;width:100%;padding-left:42px!important;margin-bottom:12px!important}::ng-deep .nas-checkbox-new__indicator{left:12px!important}::ng-deep .nas-filter-new__filters .travel-details--no-border:after{display:none}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo--side-by-side .nas-datepicker-combo-new__separator{display:block;border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new__input-line{border-top:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new-combo__separator{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-dropdown__toggle{height:64px!important}::ng-deep .nas-filter-new__filters .nas-datepicker-combo-new__separator{display:none}::ng-deep .nas-filter-new__filters--lg .nas-dropdown__toggle{display:flex}::ng-deep .nas-filter-new__filters--lg .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:3px solid #c3c3c3}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new__input-line{border-top:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-datepicker-combo-new__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__rotate{transform:rotate(180deg)}::ng-deep .nas-filter-new__rotate-enter,::ng-deep .nas-filter-new__rotate-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}::ng-deep .nas-filter-new__rotate-enter{animation:flip-in .55s ease both}::ng-deep .nas-filter-new__rotate-leave-active{animation:flip-out .2s ease-out both}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__input-line{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new-combo__separator{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results-wrapper{margin-top:0}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results{top:-3px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__icon{bottom:18px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new:after{display:none}::ng-deep .nas-filter-new__airport-select .nas-airport-select-new__input-line{display:none}::ng-deep .nas-filter-new__airport-origin-select{width:100%;max-width:100%}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{max-width:100%}@media (min-width: 640px){::ng-deep .nas-filter-new__airport-origin-select{max-width:360px;flex:auto;margin-right:3px}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{width:auto;max-width:360px}}::ng-deep .nas-filter-new__origin-combined{border-bottom:3px solid #c3c3c3;order:3;flex:0 0 100%;display:flex;flex-wrap:wrap}@media (min-width: 1000px){::ng-deep .nas-filter-new__origin-combined{display:flex;flex:none}::ng-deep .nas-filter-new__origin-combined .nas-dropdown__toggle nas-icon{float:none!important}}::ng-deep .nas-filter-new__subsidy-discount{order:3}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount{margin-top:16px}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount__box{width:100%}::ng-deep .nas-filter-new__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:passenger-backdrop .7s ease-out both}@keyframes passenger-backdrop{0%{opacity:0}}::ng-deep nas-datepicker-combo-new .nas-datepicker-combo-new__date-picker:last-child .nas-datepicker-new__date-picker-wrapper .nas-datepicker-new__controls{border-left:0!important}::ng-deep .lower-z-index{z-index:1!important;position:relative}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i6.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i7.AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "warning", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: i8.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i10.SubsidyDiscountComponent, selector: "nas-subsidy-discount", inputs: ["label", "icon", "selectedDiscount", "discounts"], outputs: ["infoButtonClick", "infoButtonKeydown", "discountSelectChange"] }, { kind: "component", type: i11.SuggestionsComponent, selector: "nas-suggestions", inputs: ["suggestions", "orLabel"], outputs: ["airportSelect"] }, { kind: "component", type: i12.AirportSelectNewComponent, selector: "nas-airport-select-new", inputs: ["airports", "airportRelations", "latestSearchesOrigin", "latestSearchesDestination", "closestAirports", "allowedOriginAiports", "allowedDestinationAirports", "displayLatestSearches", "displayClosestAirports", "combo", "useSwitch", "allAirportsLabel", "latestSearchesLabel", "closestAirportsLabel", "geolocationLabel", "geolocationBlockedLabel", "selectOriginFirstLabel", "invalidDestinationText", "labelOrigin", "placeholderOrigin", "labelDestination", "placeholderDestination", "keepSelection", "nasFormControlNameOrigin", "nasFormControlNameDestination", "nasFormGroup", "originAirportCode", "destinationAirportCode", "ariaLabelClear", "ariaLabelBackdrop"], outputs: ["originChange", "originOpenChange", "destinationChange", "destinationOpenChange", "focusOnNext", "positionChange"] }, { kind: "component", type: i13.DatepickerComboNewComponent, selector: "nas-datepicker-combo-new", inputs: ["ariaLabelBackdrop", "outboundOpen", "inboundOpen", "noAvailableFlightsLabel", "availableFlightsLabel", "disablePastSelection", "outboundDisabled", "inboundDisabled", "outboundOnly", "outboundLabel", "inboundLabel", "timepickerLabel", "availability", "outboundAvailableDates", "inboundAvailableDates", "times", "dateDisplayFormat", "timeDisplayFormat", "locale", "compact", "nasFormGroup", "nasFormControlNameOutbound", "nasFormControlNameInbound", "outboundSelectedDate", "inboundSelectedDate", "disableBackdrop", "outboundSelectedTime", "inboundSelectedTime", "ariaLabelPreviousMonth", "ariaLabelNextMonth", "inboundLowerLimitDateOffset", "inlineFlex"], outputs: ["outboundSelectedDateChange", "inboundSelectedDateChange", "outboundOpenChange", "inboundOpenChange", "outboundMonthChange", "inboundMonthChange", "focusOnNextChange", "focusOnPreviousChange"] }, { kind: "component", type: i14.ButtonNewComponent, selector: "nas-button-new", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: i15.PassengerSelectNewComponent, selector: "nas-passenger-select-new", inputs: ["passengers", "maxPaxCount", "minAdultCount", "groupBookingLimit", "title", "adultsLabel", "childrenLabel", "infantsLabel", "youthsLabel", "youngAdultsLabel", "groupBookingLabel", "nasFormGroup", "nasFormControlGroupBooking", "ariaLabelSubtract", "ariaLabelAdd"], outputs: ["passengersChange", "focusOnNext", "focusOnPrevious"] }, { kind: "component", type: i16.RadioNewComponent, selector: "nas-radio-new", inputs: ["id", "value", "name", "error", "disabled", "strong", "block", "spaceless", "tabIndex", "required", "aria-label", "aria-describedby", "aria-labelledby", "checked", "nasFormControlName", "nasFormGroup"], outputs: ["checkedChange"] }, { kind: "component", type: i17.BackdropComponent, selector: "nas-backdrop", inputs: ["showBackdrop", "ariaLabelBackdrop"], outputs: ["showBackdropChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: FilterNewComponent, selector: "nas-filter-new", inputs: { airportRelations: "airportRelations", ariaLabelClear: "ariaLabelClear", ariaLabelSubtract: "ariaLabelSubtract", ariaLabelBackdrop: "ariaLabelBackdrop", ariaLabelAdd: "ariaLabelAdd", allowedOriginAirports: "allowedOriginAirports", allowedDestinationAirports: "allowedDestinationAirports", displayLatestSearches: "displayLatestSearches", useSwitch: "useSwitch", displayClosestAirports: "displayClosestAirports", originAirportCode: "originAirportCode", destinationAirportCode: "destinationAirportCode", passengerSelectLabel: "passengerSelectLabel", maxPaxCount: "maxPaxCount", passengers: "passengers", minAdultCount: "minAdultCount", tripSwitchRoundTripLabel: "tripSwitchRoundTripLabel", tripSwitchOneWayLabel: "tripSwitchOneWayLabel", directOnlyLabel: "directOnlyLabel", directTransitLabel: "directTransitLabel", minimizeOnMobile: "minimizeOnMobile", expandedAccordionMobile: "expandedAccordionMobile", defaultSummarySeparator: "defaultSummarySeparator", lastSummarySeparator: "lastSummarySeparator", passengerSelectTitle: "passengerSelectTitle", passengerSelectAdultsLabel: "passengerSelectAdultsLabel", passengerSelectYouthsLabel: "passengerSelectYouthsLabel", passengerSelectYoungAdultsLabel: "passengerSelectYoungAdultsLabel", passengerSelectChildrenLabel: "passengerSelectChildrenLabel", passengerSelectInfantsLabel: "passengerSelectInfantsLabel", groupBookingLabel: "groupBookingLabel", allAirportsLabel: "allAirportsLabel", latestSearchesLabel: "latestSearchesLabel", closestAirportsLabel: "closestAirportsLabel", selectOriginFirstLabel: "selectOriginFirstLabel", labelOrigin: "labelOrigin", placeholderOrigin: "placeholderOrigin", labelDestination: "labelDestination", geolocationLabel: "geolocationLabel", geolocationBlockedLabel: "geolocationBlockedLabel", placeholderDestination: "placeholderDestination", keepSelection: "keepSelection", editSearchTitle: "editSearchTitle", nasFormGroup: "nasFormGroup", nasFormControlNameOrigin: "nasFormControlNameOrigin", nasFormControlNameDestination: "nasFormControlNameDestination", nasFormControlNameTripType: "nasFormControlNameTripType", nasFormControlNameDirectOnly: "nasFormControlNameDirectOnly", nasFormControlNameOutbound: "nasFormControlNameOutbound", nasFormControlNameInbound: "nasFormControlNameInbound", nasFormControlGroupBooking: "nasFormControlGroupBooking", nasFormControlNameSubsidyDiscount: "nasFormControlNameSubsidyDiscount", overrideOrigin: "overrideOrigin", enableSuggestions: "enableSuggestions", closestAirports: "closestAirports", minimize: "minimize", airports: "airports", tripType: "tripType", directOnly: "directOnly", groupBookingLimit: "groupBookingLimit", subsidyDiscounts: "subsidyDiscounts", selectedSubsidyDiscount: "selectedSubsidyDiscount", subsidyDiscountLabel: "subsidyDiscountLabel", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", outboundLabel: "outboundLabel", inboundLabel: "inboundLabel", availability: "availability", outboundAvailableDates: "outboundAvailableDates", inboundAvailableDates: "inboundAvailableDates", times: "times", dateDisplayFormat: "dateDisplayFormat", timeDisplayFormat: "timeDisplayFormat", locale: "locale", compact: "compact", outboundDisabled: "outboundDisabled", inboundDisabled: "inboundDisabled", enableDatepickers: "enableDatepickers", minimizingLabel: "minimizingLabel", maximizingLabel: "maximizingLabel", directOnlyMobileLabel: "directOnlyMobileLabel", orLabel: "orLabel", passengersTitleLabel: "passengersTitleLabel", invalidDestinationText: "invalidDestinationText", outboundSelectedDate: "outboundSelectedDate", inboundSelectedDate: "inboundSelectedDate", enableDestinationSelect: "enableDestinationSelect", enablePassengersSelect: "enablePassengersSelect", enableTripSwitch: "enableTripSwitch", enableTransitSwitch: "enableTransitSwitch" }, outputs: { originOpenChange: "originOpenChange", destinationOpenChange: "destinationOpenChange", passengerSelectOpenChange: "passengerSelectOpenChange", originChange: "originChange", destinationChange: "destinationChange", passengersChange: "passengersChange", tripTypeChange: "tripTypeChange", directOnlyChange: "directOnlyChange", outboundSelectedDateChange: "outboundSelectedDateChange", inboundSelectedDateChange: "inboundSelectedDateChange", outboundOpenChange: "outboundOpenChange", inboundOpenChange: "inboundOpenChange", outboundMonthChange: "outboundMonthChange", inboundMonthChange: "inboundMonthChange", focusOnNextChange: "focusOnNextChange", positionChange: "positionChange", subsidyDiscountInfoClick: "subsidyDiscountInfoClick" }, viewQueries: [{ propertyName: "passengerSelectDropdown", first: true, predicate: ["passengerSelectDropdown"], descendants: true }, { propertyName: "passengerSelect", first: true, predicate: ["passengerSelect"], descendants: true }, { propertyName: "tripSwitch", first: true, predicate: ["tripSwitch"], descendants: true }, { propertyName: "transitSwitch", first: true, predicate: ["transitSwitch"], descendants: true }, { propertyName: "airportSelect", first: true, predicate: ["airportSelect"], descendants: true }, { propertyName: "datepickerCombo", first: true, predicate: ["datepickerCombo"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "tripTypeOneway", first: true, predicate: ["tripTypeOneway"], descendants: true }, { propertyName: "tripTypeRoundTrip", first: true, predicate: ["tripTypeRoundTrip"], descendants: true }, { propertyName: "transitTypeDirectOnly", first: true, predicate: ["transitTypeDirectOnly"], descendants: true }, { propertyName: "transitTypeTransit", first: true, predicate: ["transitTypeTransit"], descendants: true }, { propertyName: "subsidyDiscount", first: true, predicate: ["subsidyDiscount"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\"\n  simple\n  containerOnToggle\n  transparent\n  [expanded]=\"expandedAccordionMobile\"\n  [title]=\"editSearchTitle\"\n  (toggleChange)=\"onAccordionToggleChange($event)\">\n  <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\"\n  *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}</div>\n\n<ng-template #filterTemplate>\n  <div #container\n    [nasClass]=\"getContainerClass()\">\n    <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized', maximize && 'maximize'])\">\n      <ng-container *ngIf=\"airports?.length > 0\">\n        <nas-airport-select-new *ngIf=\"airports && airportRelations && (enableDestinationSelect)\"\n          #airportSelect\n          combo\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [ariaLabelClear]=\"ariaLabelClear\" \n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [nasFormControlNameDestination]=\"nasFormControlNameDestination\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getAirportSelectClass()\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [allowedDestinationAirports]=\"allowedDestinationAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [latestSearchesDestination]=\"latestSearchesDestination\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [destinationAirportCode]=\"destinationAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [labelDestination]=\"labelDestination\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [placeholderDestination]=\"placeholderDestination\"\n          [keepSelection]=\"keepSelection\"\n          [invalidDestinationText]=\"invalidDestinationText\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (destinationChange)=\"onDestinationChange($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (destinationOpenChange)=\"onDestinationOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-airport-select-new *ngIf=\"airports && (!enableDestinationSelect)\"\n          #airportSelect\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [ariaLabelClear]=\"ariaLabelClear\"\n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getClass('airport-origin-select')\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [keepSelection]=\"keepSelection\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [nasClass]=\"getFilterClass('suggestions')\"\n          [suggestions]=\"getSuggestions()\"\n          [orLabel]=\"orLabel\"\n          (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n      </ng-container>\n      <ng-container *ngIf=\"shouldMaximize()\">\n        <div [nasClass]=\"!enableDestinationSelect ? getClass('origin-combined') :\n          getTravelDetailsClass('', ['combined', exists(enableDatepickers) && 'no-border', exists(minimize) && 'minimized'])\">\n          <ng-container *ngIf=\"enablePassengersSelect\">\n            <button (click)=\"onPassengerSelectOpen($event)\" [nasClass]=\"getClass('passengers-button', openPassengerSelect && 'active')\">\n              <div [nasClass]=\"getClass('label')\">\n                <p [nasClass]=\"getClass('button-title')\">{{passengersTitleLabel}}</p>\n                <p>{{passengerSelectLabel}}</p>\n              </div>\n              <div [nasClass]=\"getClass('traveler-icon')\"><nas-icon [icon]=\"'my-profile-compact'\" [type]=\"'small'\"></nas-icon></div>\n            </button>\n            <div *ngIf=\"openPassengerSelect\">\n              <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n              [(showBackdrop)]=\"openPassengerSelect\"></nas-backdrop>\n              <nas-passenger-select-new\n                [ariaLabelAdd]=\"ariaLabelAdd\"\n                [ariaLabelSubtract]=\"ariaLabelSubtract\"\n                [adultsLabel]=\"passengerSelectAdultsLabel\"\n                [youthsLabel]=\"passengerSelectYouthsLabel\"\n                [youngAdultsLabel]=\"passengerSelectYoungAdultsLabel\"\n                [childrenLabel]=\"passengerSelectChildrenLabel\"\n                [infantsLabel]=\"passengerSelectInfantsLabel\"\n                [maxPaxCount]=\"maxPaxCount\"\n                [minAdultCount]=\"minAdultCount\"\n                [title]=\"passengerSelectTitle\"\n                [nasFormGroup]=\"nasFormGroup\"\n                [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\"\n                [groupBookingLabel]=\"groupBookingLabel\"\n                [groupBookingLimit]=\"groupBookingLimit\"\n                (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n                (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n                [(passengers)]=\"passengers\"></nas-passenger-select-new>\n              </div>\n          </ng-container>\n          <ng-container *ngIf=\"enableTripSwitch\">\n            <form *ngIf=\"!openPassengerSelect\" [nasClass]=\"getClass('radio')\">\n              <nas-radio-new #tripTypeRoundTrip [name]=\"'tripType'\" [value]=\"2\" [checked]=\"true\" (checkedChange)=\"onTripTypeChange(2)\">\n                {{tripSwitchRoundTripLabel}}\n              </nas-radio-new>\n              <nas-radio-new #tripTypeOneway [name]=\"'tripType'\" [value]=\"1\" (checkedChange)=\"onTripTypeChange(1)\">\n                {{tripSwitchOneWayLabel}}\n              </nas-radio-new>\n            </form>\n          </ng-container>\n          <div *ngIf=\"exists(enableDatepickers)\"\n          [nasClass]=\"getDatePickersClass()\">\n          <nas-datepicker-combo-new #datepickerCombo *ngIf=\"!openPassengerSelect\"\n            compact\n            [inlineFlex]=\"inlineFlex\"\n            [nasFormGroup]=\"nasFormGroup\"\n            [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n            [nasFormControlNameInbound]=\"nasFormControlNameInbound\"\n            [availability]=\"availability\"\n            [availableFlightsLabel]=\"availableFlightsLabel\"\n            [dateDisplayFormat]=\"dateDisplayFormat\"\n            [disablePastSelection]=\"disablePastSelection\"\n            [locale]=\"locale\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [inboundAvailableDates]=\"inboundAvailableDates\"\n            [inboundLabel]=\"inboundLabel\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [outboundAvailableDates]=\"outboundAvailableDates\"\n            [outboundLabel]=\"outboundLabel\"\n            [timeDisplayFormat]=\"timeDisplayFormat\"\n            [times]=\"times\"\n            [outboundDisabled]=\"outboundDisabled\"\n            [inboundDisabled]=\"inboundDisabled\"\n            [outboundOnly]=\"tripType === 1\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n            [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n            (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n            (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n            (inboundMonthChange)=\"onInboundMonthChange($event)\"\n            (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n            [(outboundOpen)]=\"outboundOpen\"\n            [(inboundOpen)]=\"inboundOpen\"\n            [(inboundSelectedDate)]=\"inboundSelectedDate\"\n            [(outboundSelectedDate)]=\"outboundSelectedDate\">\n          </nas-datepicker-combo-new>\n        </div>\n        <ng-container *ngIf=\"enableTransitSwitch\">\n          <nas-button-new *ngIf=\"directOnlyLabel && directTransitLabel && !openPassengerSelect\"\n            #transitSwitch\n            block\n            light\n            [iconType]=\"'chevron-down'\"\n            [label]=\"getTransitLabel()\"\n            [nasClass]=\"getClass('transit', openTransitTypeSelect && 'active')\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            (click)=\"onTransitSwitchOpen($event)\"\n            (keydown)=\"transitKeyDown($event)\">{{ getTransitLabel() }}\n          </nas-button-new>\n          <div *ngIf=\"openTransitTypeSelect\" [nasClass]=\"getClass('transit-type')\">\n            <button [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\"\n              type=\"button\"\n              #transitTypeDirectOnly\n              (click)=\"onTransitChange(true)\">{{ directOnlyLabel }}\n            </button>\n            <button type=\"button\"\n              #transitTypeTransit\n              [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n              (click)=\"onTransitChange(false)\">{{ directTransitLabel }}\n            </button>\n          </div>\n        </ng-container>\n        </div>\n        <div *ngIf=\"subsidyDiscounts && subsidyDiscounts.length > 0 && !openPassengerSelect\"\n          [nasClass]=\"getFilterClass('subsidy-discount')\">\n          <nas-subsidy-discount #subsidyDiscount\n            [discounts]=\"subsidyDiscounts\"\n            [selectedDiscount]=\"selectedSubsidyDiscount\"\n            [label]=\"subsidyDiscountLabel\"\n            (infoButtonClick)=\"onSubsidyDiscountInfoClick()\"\n            (discountSelectChange)=\"onSubsidyDiscountSelectChange($event)\"\n            (infoButtonKeydown)=\"onSubsidyDiscountInfoButtonKeydown($event)\"></nas-subsidy-discount>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", 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-filter-new{position:relative;z-index:6}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new--light{border:2px solid #15273f}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new--light:hover,.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new--light:focus{background-color:#fff}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new__content{gap:0;justify-content:space-between;font-weight:400}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new__icon{transform:rotate(180deg)}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new{background-color:#ebf4ff!important;border:2px solid #15273f}.nas-filter-new__title{margin-top:24px;font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-filter-new__title{font-size:32px;line-height:38px}}.nas-filter-new__title--md{margin-top:60px}.nas-filter-new__radio{display:flex;gap:24px;padding:12px}.nas-filter-new__passengers-button{display:flex;justify-content:space-between;background-color:#fff;border:2px solid #15273f;padding:9px 14px;width:100%}.nas-filter-new__passengers-button--active{background-color:#ebf4ff!important;position:relative;z-index:3}.nas-filter-new__label{flex-direction:column;text-align:left}.nas-filter-new__label p{margin:0}.nas-filter-new__button-title{font-weight:700;font-size:14px}.nas-filter-new__traveler-icon{transform:scale(.85);margin-top:12px}.nas-filter-new__transit-type{border-left:2px solid #15273f;border-right:2px solid #15273f;border-bottom:2px solid #15273f}.nas-filter-new__transit-type button:first-child{border-bottom:2px solid #E9E7E4}.nas-filter-new__filters .nas-filter-new__date-combo{order:2;flex:1;z-index:2}.nas-filter-new__filters--minimized .nas-filter-new__airport-select:after{content:\"\";position:absolute;bottom:-3px;left:0;width:100%;border-bottom:3px solid #c3c3c3}.nas-filter-new__filters--maximize .nas-filter-new__airport-select-new:after{display:none}.nas-filter-new__filters--md .nas-filter-new__date-combo{flex:0 0 100%}.nas-filter-new__filters--lg{align-items:stretch}.nas-filter-new__filters--lg .nas-filter-new__date-combo{order:3;flex:0 0 100%;z-index:1}.nas-filter-new__filters--lg .nas-filter-new__suggestions{order:3}.nas-filter-new__filters--lg .nas-filter-new__filters--minimized .nas-filter-new__airport-select{margin-right:0;flex:0 1 100%}.nas-filter-new__filters--lg .nas-filter-new__filters--maximize .nas-filter-new__airport-select{margin-right:3px;flex:auto}.nas-filter-new__filters--lg.nas-filter-new__filters--maximize .nas-filter-new__date-combo{border-bottom:3px solid #c3c3c3}.nas-filter-new__suggestions{flex-basis:100%;position:relative;margin-top:3px}.nas-filter-new__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter-new__airport-select--lg{width:0;margin:0 3px 0 0;flex:1 1 auto}.nas-filter-new__toggler{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:26px;color:#15273f;margin-top:6px;z-index:1}.nas-filter-new__toggler .nas-filter-new__toggle-action{cursor:pointer;margin-top:2px;float:right}.nas-filter-new__toggler .nas-filter-new__direct-only{display:inline-block}.travel-details{position:relative;margin:0;z-index:1}.travel-details__list{margin-top:12px}.travel-details__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.travel-details__list-item:not(:last-child){padding:6px 0 9px;border-bottom:2px solid #f1f1f1}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:26px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:26px;margin:0}.travel-details__action{padding:12px;width:100%;background-color:#fff;font-weight:700}.travel-details__action:hover,.travel-details__action:focus{background-color:#f8f8f8}.travel-details__action--border{border-bottom:2px #f1f1f1}.travel-details__action:focus{outline:none;z-index:1}.travel-details__icon{margin-bottom:9px}.travel-details__dropdown{margin-right:0}.travel-details__dropdown:after{content:\"\";position:absolute;bottom:-3px;left:0;width:100%;border-bottom:3px solid #c3c3c3}.travel-details__dropdown--trip-type{order:1;flex:1;margin-right:3px;margin-bottom:3px}.travel-details__dropdown--transit-type{order:2;flex:1;margin-bottom:3px}.travel-details__dropdown--passengers{order:3;flex:1 0 100%;margin-bottom:3px}.travel-details__dropdown--md.travel-details__dropdown--trip-type{order:2;flex:1;margin-right:3px}.travel-details__dropdown--md.travel-details__dropdown--transit-type{order:3;flex:1}.travel-details__dropdown--md.travel-details__dropdown--passengers{order:1;flex:1;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--trip-type{order:2;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--transit-type{order:3;flex:1 1 auto}.travel-details__dropdown--lg.travel-details__dropdown--passengers{order:1;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg:focus{outline:none}.travel-details__dropdown--lg:after{display:none}.travel-details__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.travel-details__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.travel-details__transit-icon:after{content:\"\";position:absolute;width:10px;height:10px;right:0;top:calc(50% - 5px);border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.travel-details__transit-icon-stop{position:relative;top:calc(50% - 5px);width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background-color:inherit}.travel-details--combined{order:3;flex:0 0 100%}.travel-details--combined.travel-details--md:after{content:\"\";position:absolute;bottom:-6px;left:0;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--md .travel-details__dropdown{margin:0 3px 0 0}.travel-details--combined.travel-details--md .travel-details__dropdown:last-child{margin:0}.travel-details--combined.travel-details--md .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px}.travel-details--combined.travel-details--lg{order:2;flex:0 0 auto;margin:0 0 0 -3px;padding-left:3px;z-index:2}.travel-details--combined.travel-details--lg:after{content:\"\";position:absolute;bottom:-3px;left:0;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--lg .dropdown__toggle{height:inherit}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-passenger-select-new__list-item{padding:8px 16px!important}::ng-deep .nas-radio-new{margin:0!important}::ng-deep .nas-button-new{margin-top:6px}::ng-deep .nas-checkbox-new{background-color:#f1f1f1;padding:12px;width:100%;padding-left:42px!important;margin-bottom:12px!important}::ng-deep .nas-checkbox-new__indicator{left:12px!important}::ng-deep .nas-filter-new__filters .travel-details--no-border:after{display:none}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo--side-by-side .nas-datepicker-combo-new__separator{display:block;border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new__input-line{border-top:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new-combo__separator{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-dropdown__toggle{height:64px!important}::ng-deep .nas-filter-new__filters .nas-datepicker-combo-new__separator{display:none}::ng-deep .nas-filter-new__filters--lg .nas-dropdown__toggle{display:flex}::ng-deep .nas-filter-new__filters--lg .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:3px solid #c3c3c3}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new__input-line{border-top:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-datepicker-combo-new__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__rotate{transform:rotate(180deg)}::ng-deep .nas-filter-new__rotate-enter,::ng-deep .nas-filter-new__rotate-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}::ng-deep .nas-filter-new__rotate-enter{animation:flip-in .55s ease both}::ng-deep .nas-filter-new__rotate-leave-active{animation:flip-out .2s ease-out both}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__input-line{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new-combo__separator{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results-wrapper{margin-top:0}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results{top:-3px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__icon{bottom:18px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new:after{display:none}::ng-deep .nas-filter-new__airport-select .nas-airport-select-new__input-line{display:none}::ng-deep .nas-filter-new__airport-origin-select{width:100%;max-width:100%}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{max-width:100%}@media (min-width: 640px){::ng-deep .nas-filter-new__airport-origin-select{max-width:360px;flex:auto;margin-right:3px}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{width:auto;max-width:360px}}::ng-deep .nas-filter-new__origin-combined{border-bottom:3px solid #c3c3c3;order:3;flex:0 0 100%;display:flex;flex-wrap:wrap}@media (min-width: 1000px){::ng-deep .nas-filter-new__origin-combined{display:flex;flex:none}::ng-deep .nas-filter-new__origin-combined .nas-dropdown__toggle nas-icon{float:none!important}}::ng-deep .nas-filter-new__subsidy-discount{order:3}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount{margin-top:16px}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount__box{width:100%}::ng-deep .nas-filter-new__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:passenger-backdrop .7s ease-out both}@keyframes passenger-backdrop{0%{opacity:0}}::ng-deep nas-datepicker-combo-new .nas-datepicker-combo-new__date-picker:last-child .nas-datepicker-new__date-picker-wrapper .nas-datepicker-new__controls{border-left:0!important}::ng-deep .lower-z-index{z-index:1!important;position:relative}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i6.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i7.AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "warning", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: i8.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i10.SubsidyDiscountComponent, selector: "nas-subsidy-discount", inputs: ["label", "icon", "selectedDiscount", "discounts"], outputs: ["infoButtonClick", "infoButtonKeydown", "discountSelectChange"] }, { kind: "component", type: i11.SuggestionsComponent, selector: "nas-suggestions", inputs: ["suggestions", "orLabel"], outputs: ["airportSelect"] }, { kind: "component", type: i12.AirportSelectNewComponent, selector: "nas-airport-select-new", inputs: ["airports", "airportRelations", "latestSearchesOrigin", "latestSearchesDestination", "closestAirports", "allowedOriginAiports", "allowedDestinationAirports", "displayLatestSearches", "displayClosestAirports", "combo", "useSwitch", "allAirportsLabel", "latestSearchesLabel", "closestAirportsLabel", "geolocationLabel", "geolocationBlockedLabel", "selectOriginFirstLabel", "invalidDestinationText", "labelOrigin", "placeholderOrigin", "labelDestination", "placeholderDestination", "keepSelection", "nasFormControlNameOrigin", "nasFormControlNameDestination", "nasFormGroup", "originAirportCode", "destinationAirportCode", "ariaLabelClear", "ariaLabelBackdrop"], outputs: ["originChange", "originOpenChange", "destinationChange", "destinationOpenChange", "focusOnNext", "positionChange"] }, { kind: "component", type: i13.DatepickerComboNewComponent, selector: "nas-datepicker-combo-new", inputs: ["ariaLabelBackdrop", "outboundOpen", "inboundOpen", "noAvailableFlightsLabel", "availableFlightsLabel", "disablePastSelection", "outboundDisabled", "inboundDisabled", "outboundOnly", "outboundLabel", "inboundLabel", "timepickerLabel", "availability", "outboundAvailableDates", "inboundAvailableDates", "times", "dateDisplayFormat", "timeDisplayFormat", "locale", "compact", "nasFormGroup", "nasFormControlNameOutbound", "nasFormControlNameInbound", "outboundSelectedDate", "inboundSelectedDate", "disableBackdrop", "outboundSelectedTime", "inboundSelectedTime", "ariaLabelPreviousMonth", "ariaLabelNextMonth", "inboundLowerLimitDateOffset", "inlineFlex"], outputs: ["outboundSelectedDateChange", "inboundSelectedDateChange", "outboundOpenChange", "inboundOpenChange", "outboundMonthChange", "inboundMonthChange", "focusOnNextChange", "focusOnPreviousChange"] }, { kind: "component", type: i14.ButtonNewComponent, selector: "nas-button-new", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: i15.PassengerSelectNewComponent, selector: "nas-passenger-select-new", inputs: ["passengers", "maxPaxCount", "minAdultCount", "groupBookingLimit", "title", "adultsLabel", "childrenLabel", "infantsLabel", "youthsLabel", "youngAdultsLabel", "groupBookingLabel", "nasFormGroup", "nasFormControlGroupBooking", "ariaLabelSubtract", "ariaLabelAdd"], outputs: ["passengersChange", "focusOnNext", "focusOnPrevious"] }, { kind: "component", type: i16.RadioNewComponent, selector: "nas-radio-new", inputs: ["id", "value", "name", "error", "disabled", "strong", "block", "spaceless", "tabIndex", "required", "aria-label", "aria-describedby", "aria-labelledby", "checked", "nasFormControlName", "nasFormGroup"], outputs: ["checkedChange"] }, { kind: "component", type: i17.BackdropComponent, selector: "nas-backdrop", inputs: ["showBackdrop", "ariaLabelBackdrop"], outputs: ["showBackdropChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: FilterNewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-filter-new', template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\"\n  simple\n  containerOnToggle\n  transparent\n  [expanded]=\"expandedAccordionMobile\"\n  [title]=\"editSearchTitle\"\n  (toggleChange)=\"onAccordionToggleChange($event)\">\n  <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\"\n  *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}</div>\n\n<ng-template #filterTemplate>\n  <div #container\n    [nasClass]=\"getContainerClass()\">\n    <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized', maximize && 'maximize'])\">\n      <ng-container *ngIf=\"airports?.length > 0\">\n        <nas-airport-select-new *ngIf=\"airports && airportRelations && (enableDestinationSelect)\"\n          #airportSelect\n          combo\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [ariaLabelClear]=\"ariaLabelClear\" \n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [nasFormControlNameDestination]=\"nasFormControlNameDestination\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getAirportSelectClass()\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [allowedDestinationAirports]=\"allowedDestinationAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [latestSearchesDestination]=\"latestSearchesDestination\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [destinationAirportCode]=\"destinationAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [labelDestination]=\"labelDestination\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [placeholderDestination]=\"placeholderDestination\"\n          [keepSelection]=\"keepSelection\"\n          [invalidDestinationText]=\"invalidDestinationText\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (destinationChange)=\"onDestinationChange($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (destinationOpenChange)=\"onDestinationOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-airport-select-new *ngIf=\"airports && (!enableDestinationSelect)\"\n          #airportSelect\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [ariaLabelClear]=\"ariaLabelClear\"\n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getClass('airport-origin-select')\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [keepSelection]=\"keepSelection\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [nasClass]=\"getFilterClass('suggestions')\"\n          [suggestions]=\"getSuggestions()\"\n          [orLabel]=\"orLabel\"\n          (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n      </ng-container>\n      <ng-container *ngIf=\"shouldMaximize()\">\n        <div [nasClass]=\"!enableDestinationSelect ? getClass('origin-combined') :\n          getTravelDetailsClass('', ['combined', exists(enableDatepickers) && 'no-border', exists(minimize) && 'minimized'])\">\n          <ng-container *ngIf=\"enablePassengersSelect\">\n            <button (click)=\"onPassengerSelectOpen($event)\" [nasClass]=\"getClass('passengers-button', openPassengerSelect && 'active')\">\n              <div [nasClass]=\"getClass('label')\">\n                <p [nasClass]=\"getClass('button-title')\">{{passengersTitleLabel}}</p>\n                <p>{{passengerSelectLabel}}</p>\n              </div>\n              <div [nasClass]=\"getClass('traveler-icon')\"><nas-icon [icon]=\"'my-profile-compact'\" [type]=\"'small'\"></nas-icon></div>\n            </button>\n            <div *ngIf=\"openPassengerSelect\">\n              <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n              [(showBackdrop)]=\"openPassengerSelect\"></nas-backdrop>\n              <nas-passenger-select-new\n                [ariaLabelAdd]=\"ariaLabelAdd\"\n                [ariaLabelSubtract]=\"ariaLabelSubtract\"\n                [adultsLabel]=\"passengerSelectAdultsLabel\"\n                [youthsLabel]=\"passengerSelectYouthsLabel\"\n                [youngAdultsLabel]=\"passengerSelectYoungAdultsLabel\"\n                [childrenLabel]=\"passengerSelectChildrenLabel\"\n                [infantsLabel]=\"passengerSelectInfantsLabel\"\n                [maxPaxCount]=\"maxPaxCount\"\n                [minAdultCount]=\"minAdultCount\"\n                [title]=\"passengerSelectTitle\"\n                [nasFormGroup]=\"nasFormGroup\"\n                [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\"\n                [groupBookingLabel]=\"groupBookingLabel\"\n                [groupBookingLimit]=\"groupBookingLimit\"\n                (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n                (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n                [(passengers)]=\"passengers\"></nas-passenger-select-new>\n              </div>\n          </ng-container>\n          <ng-container *ngIf=\"enableTripSwitch\">\n            <form *ngIf=\"!openPassengerSelect\" [nasClass]=\"getClass('radio')\">\n              <nas-radio-new #tripTypeRoundTrip [name]=\"'tripType'\" [value]=\"2\" [checked]=\"true\" (checkedChange)=\"onTripTypeChange(2)\">\n                {{tripSwitchRoundTripLabel}}\n              </nas-radio-new>\n              <nas-radio-new #tripTypeOneway [name]=\"'tripType'\" [value]=\"1\" (checkedChange)=\"onTripTypeChange(1)\">\n                {{tripSwitchOneWayLabel}}\n              </nas-radio-new>\n            </form>\n          </ng-container>\n          <div *ngIf=\"exists(enableDatepickers)\"\n          [nasClass]=\"getDatePickersClass()\">\n          <nas-datepicker-combo-new #datepickerCombo *ngIf=\"!openPassengerSelect\"\n            compact\n            [inlineFlex]=\"inlineFlex\"\n            [nasFormGroup]=\"nasFormGroup\"\n            [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n            [nasFormControlNameInbound]=\"nasFormControlNameInbound\"\n            [availability]=\"availability\"\n            [availableFlightsLabel]=\"availableFlightsLabel\"\n            [dateDisplayFormat]=\"dateDisplayFormat\"\n            [disablePastSelection]=\"disablePastSelection\"\n            [locale]=\"locale\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [inboundAvailableDates]=\"inboundAvailableDates\"\n            [inboundLabel]=\"inboundLabel\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [outboundAvailableDates]=\"outboundAvailableDates\"\n            [outboundLabel]=\"outboundLabel\"\n            [timeDisplayFormat]=\"timeDisplayFormat\"\n            [times]=\"times\"\n            [outboundDisabled]=\"outboundDisabled\"\n            [inboundDisabled]=\"inboundDisabled\"\n            [outboundOnly]=\"tripType === 1\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n            [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n            (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n            (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n            (inboundMonthChange)=\"onInboundMonthChange($event)\"\n            (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n            [(outboundOpen)]=\"outboundOpen\"\n            [(inboundOpen)]=\"inboundOpen\"\n            [(inboundSelectedDate)]=\"inboundSelectedDate\"\n            [(outboundSelectedDate)]=\"outboundSelectedDate\">\n          </nas-datepicker-combo-new>\n        </div>\n        <ng-container *ngIf=\"enableTransitSwitch\">\n          <nas-button-new *ngIf=\"directOnlyLabel && directTransitLabel && !openPassengerSelect\"\n            #transitSwitch\n            block\n            light\n            [iconType]=\"'chevron-down'\"\n            [label]=\"getTransitLabel()\"\n            [nasClass]=\"getClass('transit', openTransitTypeSelect && 'active')\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            (click)=\"onTransitSwitchOpen($event)\"\n            (keydown)=\"transitKeyDown($event)\">{{ getTransitLabel() }}\n          </nas-button-new>\n          <div *ngIf=\"openTransitTypeSelect\" [nasClass]=\"getClass('transit-type')\">\n            <button [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\"\n              type=\"button\"\n              #transitTypeDirectOnly\n              (click)=\"onTransitChange(true)\">{{ directOnlyLabel }}\n            </button>\n            <button type=\"button\"\n              #transitTypeTransit\n              [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n              (click)=\"onTransitChange(false)\">{{ directTransitLabel }}\n            </button>\n          </div>\n        </ng-container>\n        </div>\n        <div *ngIf=\"subsidyDiscounts && subsidyDiscounts.length > 0 && !openPassengerSelect\"\n          [nasClass]=\"getFilterClass('subsidy-discount')\">\n          <nas-subsidy-discount #subsidyDiscount\n            [discounts]=\"subsidyDiscounts\"\n            [selectedDiscount]=\"selectedSubsidyDiscount\"\n            [label]=\"subsidyDiscountLabel\"\n            (infoButtonClick)=\"onSubsidyDiscountInfoClick()\"\n            (discountSelectChange)=\"onSubsidyDiscountSelectChange($event)\"\n            (infoButtonKeydown)=\"onSubsidyDiscountInfoButtonKeydown($event)\"></nas-subsidy-discount>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", 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-filter-new{position:relative;z-index:6}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new--light{border:2px solid #15273f}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new__content{gap:0;justify-content:space-between;font-weight:400}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new__icon{transform:rotate(180deg)}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new{background-color:#ebf4ff;border:2px solid #15273f}.nas-filter-new__title{margin-top:24px;font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-filter-new__title{font-size:32px;line-height:38px}}.nas-filter-new__title--md{margin-top:60px}.nas-filter-new__radio{display:flex;gap:24px;padding:12px}.nas-filter-new__passengers-button{display:flex;justify-content:space-between;background-color:#fff;border:2px solid #15273f;padding:9px 14px;width:100%}.nas-filter-new__passengers-button--active{background-color:#ebf4ff!important;position:relative;z-index:3}.nas-filter-new__label{flex-direction:column;text-align:left}.nas-filter-new__label p{margin:0}.nas-filter-new__button-title{font-weight:700;font-size:14px}.nas-filter-new__traveler-icon{transform:scale(.85);margin-top:12px}.nas-filter-new__transit-type{border-left:2px solid #15273f;border-right:2px solid #15273f;border-bottom:2px solid #15273f}.nas-filter-new__transit-type button:first-child{border-bottom:2px solid #E9E7E4}.nas-filter-new__filters .nas-filter-new__date-combo{order:2;flex:1;z-index:2}.nas-filter-new__filters--minimized .nas-filter-new__airport-select:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.nas-filter-new__filters--maximize .nas-filter-new__airport-select-new:after{display:none}.nas-filter-new__filters--md .nas-filter-new__date-combo{flex:0 0 100%}.nas-filter-new__filters--lg{align-items:stretch}.nas-filter-new__filters--lg .nas-filter-new__date-combo{order:3;flex:0 0 100%;z-index:1}.nas-filter-new__filters--lg .nas-filter-new__suggestions{order:3}.nas-filter-new__filters--lg .nas-filter-new__filters--minimized .nas-filter-new__airport-select{margin-right:0;flex:0 1 100%}.nas-filter-new__filters--lg .nas-filter-new__filters--maximize .nas-filter-new__airport-select{margin-right:3px;flex:auto}.nas-filter-new__filters--lg.nas-filter-new__filters--maximize .nas-filter-new__date-combo{border-bottom:3px solid #c3c3c3}.nas-filter-new__suggestions{flex-basis:100%;position:relative;margin-top:3px}.nas-filter-new__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter-new__airport-select--lg{width:0;margin:0 3px 0 0;flex:1 1 auto}.nas-filter-new__toggler{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:26px;color:#15273f;margin-top:6px;z-index:1}.nas-filter-new__toggler .nas-filter-new__toggle-action{cursor:pointer;margin-top:2px;float:right}.nas-filter-new__toggler .nas-filter-new__direct-only{display:inline-block}.travel-details{position:relative;margin:0;z-index:1}.travel-details__list{margin-top:12px}.travel-details__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.travel-details__list-item:not(:last-child){padding:6px 0 9px;border-bottom:2px solid #f1f1f1}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:26px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:26px;margin:0}.travel-details__action{padding:12px;width:100%;background-color:#fff;font-weight:700}.travel-details__action:hover,.travel-details__action:focus{background-color:#f8f8f8}.travel-details__action--border{border-bottom:2px #f1f1f1}.travel-details__action:focus{outline:none;z-index:1}.travel-details__icon{margin-bottom:9px}.travel-details__dropdown{margin-right:0}.travel-details__dropdown:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details__dropdown--trip-type{order:1;flex:1;margin-right:3px;margin-bottom:3px}.travel-details__dropdown--transit-type{order:2;flex:1;margin-bottom:3px}.travel-details__dropdown--passengers{order:3;flex:1 0 100%;margin-bottom:3px}.travel-details__dropdown--md.travel-details__dropdown--trip-type{order:2;flex:1;margin-right:3px}.travel-details__dropdown--md.travel-details__dropdown--transit-type{order:3;flex:1}.travel-details__dropdown--md.travel-details__dropdown--passengers{order:1;flex:1;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--trip-type{order:2;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--transit-type{order:3;flex:1 1 auto}.travel-details__dropdown--lg.travel-details__dropdown--passengers{order:1;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg:focus{outline:none}.travel-details__dropdown--lg:after{display:none}.travel-details__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.travel-details__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.travel-details__transit-icon:after{content:\"\";position:absolute;width:10px;height:10px;right:0;top:calc(50% - 5px);border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.travel-details__transit-icon-stop{position:relative;top:calc(50% - 5px);width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background-color:inherit}.travel-details--combined{order:3;flex:0 0 100%}.travel-details--combined.travel-details--md:after{content:\"\";position:absolute;bottom:-6px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--md .travel-details__dropdown{margin:0 3px 0 0}.travel-details--combined.travel-details--md .travel-details__dropdown:last-child{margin:0}.travel-details--combined.travel-details--md .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px}.travel-details--combined.travel-details--lg{order:2;flex:0 0 auto;margin:0 0 0 -3px;padding-left:3px;z-index:2}.travel-details--combined.travel-details--lg:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--lg .dropdown__toggle{height:inherit}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-passenger-select-new__list-item{padding:8px 16px!important}::ng-deep .nas-radio-new{margin:0!important}::ng-deep .nas-button-new{margin-top:6px}::ng-deep .nas-checkbox-new{background-color:#f1f1f1;padding:12px;width:100%;padding-left:42px!important;margin-bottom:12px!important}::ng-deep .nas-checkbox-new__indicator{left:12px!important}::ng-deep .nas-filter-new__filters .travel-details--no-border:after{display:none}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo--side-by-side .nas-datepicker-combo-new__separator{display:block;border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new__input-line{border-top:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new-combo__separator{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-dropdown__toggle{height:64px!important}::ng-deep .nas-filter-new__filters .nas-datepicker-combo-new__separator{display:none}::ng-deep .nas-filter-new__filters--lg .nas-dropdown__toggle{display:flex}::ng-deep .nas-filter-new__filters--lg .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:3px solid #c3c3c3}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new__input-line{border-top:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-datepicker-combo-new__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__rotate{transform:rotate(180deg)}::ng-deep .nas-filter-new__rotate-enter,::ng-deep .nas-filter-new__rotate-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}::ng-deep .nas-filter-new__rotate-enter{animation:flip-in .55s ease both}::ng-deep .nas-filter-new__rotate-leave-active{animation:flip-out .2s ease-out both}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__input-line{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new-combo__separator{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results-wrapper{margin-top:0}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results{top:-3px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__icon{bottom:18px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new:after{display:none}::ng-deep .nas-filter-new__airport-select .nas-airport-select-new__input-line{display:none}::ng-deep .nas-filter-new__airport-origin-select{width:100%;max-width:100%}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{max-width:100%}@media (min-width: 640px){::ng-deep .nas-filter-new__airport-origin-select{max-width:360px;flex:auto;margin-right:3px}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{width:auto;max-width:360px}}::ng-deep .nas-filter-new__origin-combined{border-bottom:3px solid #c3c3c3;order:3;flex:0 0 100%;display:flex;flex-wrap:wrap}@media (min-width: 1000px){::ng-deep .nas-filter-new__origin-combined{display:flex;flex:none}::ng-deep .nas-filter-new__origin-combined .nas-dropdown__toggle nas-icon{float:none!important}}::ng-deep .nas-filter-new__subsidy-discount{order:3}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount{margin-top:16px}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount__box{width:100%}::ng-deep .nas-filter-new__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:passenger-backdrop .7s ease-out both}@keyframes passenger-backdrop{0%{opacity:0}}::ng-deep nas-datepicker-combo-new .nas-datepicker-combo-new__date-picker:last-child .nas-datepicker-new__date-picker-wrapper .nas-datepicker-new__controls{border-left:0!important}::ng-deep .lower-z-index{z-index:1!important;position:relative}\n"] }]
+            args: [{ selector: 'nas-filter-new', template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\"\n  simple\n  containerOnToggle\n  transparent\n  [expanded]=\"expandedAccordionMobile\"\n  [title]=\"editSearchTitle\"\n  (toggleChange)=\"onAccordionToggleChange($event)\">\n  <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\"\n  *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}</div>\n\n<ng-template #filterTemplate>\n  <div #container\n    [nasClass]=\"getContainerClass()\">\n    <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized', maximize && 'maximize'])\">\n      <ng-container *ngIf=\"airports?.length > 0\">\n        <nas-airport-select-new *ngIf=\"airports && airportRelations && (enableDestinationSelect)\"\n          #airportSelect\n          combo\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [ariaLabelClear]=\"ariaLabelClear\" \n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [nasFormControlNameDestination]=\"nasFormControlNameDestination\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getAirportSelectClass()\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [allowedDestinationAirports]=\"allowedDestinationAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [latestSearchesDestination]=\"latestSearchesDestination\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [destinationAirportCode]=\"destinationAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [labelDestination]=\"labelDestination\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [placeholderDestination]=\"placeholderDestination\"\n          [keepSelection]=\"keepSelection\"\n          [invalidDestinationText]=\"invalidDestinationText\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (destinationChange)=\"onDestinationChange($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (destinationOpenChange)=\"onDestinationOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-airport-select-new *ngIf=\"airports && (!enableDestinationSelect)\"\n          #airportSelect\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [ariaLabelClear]=\"ariaLabelClear\"\n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getClass('airport-origin-select')\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [keepSelection]=\"keepSelection\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [nasClass]=\"getFilterClass('suggestions')\"\n          [suggestions]=\"getSuggestions()\"\n          [orLabel]=\"orLabel\"\n          (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n      </ng-container>\n      <ng-container *ngIf=\"shouldMaximize()\">\n        <div [nasClass]=\"!enableDestinationSelect ? getClass('origin-combined') :\n          getTravelDetailsClass('', ['combined', exists(enableDatepickers) && 'no-border', exists(minimize) && 'minimized'])\">\n          <ng-container *ngIf=\"enablePassengersSelect\">\n            <button (click)=\"onPassengerSelectOpen($event)\" [nasClass]=\"getClass('passengers-button', openPassengerSelect && 'active')\">\n              <div [nasClass]=\"getClass('label')\">\n                <p [nasClass]=\"getClass('button-title')\">{{passengersTitleLabel}}</p>\n                <p>{{passengerSelectLabel}}</p>\n              </div>\n              <div [nasClass]=\"getClass('traveler-icon')\"><nas-icon [icon]=\"'my-profile-compact'\" [type]=\"'small'\"></nas-icon></div>\n            </button>\n            <div *ngIf=\"openPassengerSelect\">\n              <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n              [(showBackdrop)]=\"openPassengerSelect\"></nas-backdrop>\n              <nas-passenger-select-new\n                [ariaLabelAdd]=\"ariaLabelAdd\"\n                [ariaLabelSubtract]=\"ariaLabelSubtract\"\n                [adultsLabel]=\"passengerSelectAdultsLabel\"\n                [youthsLabel]=\"passengerSelectYouthsLabel\"\n                [youngAdultsLabel]=\"passengerSelectYoungAdultsLabel\"\n                [childrenLabel]=\"passengerSelectChildrenLabel\"\n                [infantsLabel]=\"passengerSelectInfantsLabel\"\n                [maxPaxCount]=\"maxPaxCount\"\n                [minAdultCount]=\"minAdultCount\"\n                [title]=\"passengerSelectTitle\"\n                [nasFormGroup]=\"nasFormGroup\"\n                [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\"\n                [groupBookingLabel]=\"groupBookingLabel\"\n                [groupBookingLimit]=\"groupBookingLimit\"\n                (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n                (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n                [(passengers)]=\"passengers\"></nas-passenger-select-new>\n              </div>\n          </ng-container>\n          <ng-container *ngIf=\"enableTripSwitch\">\n            <form *ngIf=\"!openPassengerSelect\" [nasClass]=\"getClass('radio')\">\n              <nas-radio-new #tripTypeRoundTrip [name]=\"'tripType'\" [value]=\"2\" [checked]=\"true\" (checkedChange)=\"onTripTypeChange(2)\">\n                {{tripSwitchRoundTripLabel}}\n              </nas-radio-new>\n              <nas-radio-new #tripTypeOneway [name]=\"'tripType'\" [value]=\"1\" (checkedChange)=\"onTripTypeChange(1)\">\n                {{tripSwitchOneWayLabel}}\n              </nas-radio-new>\n            </form>\n          </ng-container>\n          <div *ngIf=\"exists(enableDatepickers)\"\n          [nasClass]=\"getDatePickersClass()\">\n          <nas-datepicker-combo-new #datepickerCombo *ngIf=\"!openPassengerSelect\"\n            compact\n            [inlineFlex]=\"inlineFlex\"\n            [nasFormGroup]=\"nasFormGroup\"\n            [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n            [nasFormControlNameInbound]=\"nasFormControlNameInbound\"\n            [availability]=\"availability\"\n            [availableFlightsLabel]=\"availableFlightsLabel\"\n            [dateDisplayFormat]=\"dateDisplayFormat\"\n            [disablePastSelection]=\"disablePastSelection\"\n            [locale]=\"locale\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [inboundAvailableDates]=\"inboundAvailableDates\"\n            [inboundLabel]=\"inboundLabel\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [outboundAvailableDates]=\"outboundAvailableDates\"\n            [outboundLabel]=\"outboundLabel\"\n            [timeDisplayFormat]=\"timeDisplayFormat\"\n            [times]=\"times\"\n            [outboundDisabled]=\"outboundDisabled\"\n            [inboundDisabled]=\"inboundDisabled\"\n            [outboundOnly]=\"tripType === 1\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n            [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n            (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n            (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n            (inboundMonthChange)=\"onInboundMonthChange($event)\"\n            (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n            [(outboundOpen)]=\"outboundOpen\"\n            [(inboundOpen)]=\"inboundOpen\"\n            [(inboundSelectedDate)]=\"inboundSelectedDate\"\n            [(outboundSelectedDate)]=\"outboundSelectedDate\">\n          </nas-datepicker-combo-new>\n        </div>\n        <ng-container *ngIf=\"enableTransitSwitch\">\n          <nas-button-new *ngIf=\"directOnlyLabel && directTransitLabel && !openPassengerSelect\"\n            #transitSwitch\n            block\n            light\n            [iconType]=\"'chevron-down'\"\n            [label]=\"getTransitLabel()\"\n            [nasClass]=\"getClass('transit', openTransitTypeSelect && 'active')\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            (click)=\"onTransitSwitchOpen($event)\"\n            (keydown)=\"transitKeyDown($event)\">{{ getTransitLabel() }}\n          </nas-button-new>\n          <div *ngIf=\"openTransitTypeSelect\" [nasClass]=\"getClass('transit-type')\">\n            <button [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\"\n              type=\"button\"\n              #transitTypeDirectOnly\n              (click)=\"onTransitChange(true)\">{{ directOnlyLabel }}\n            </button>\n            <button type=\"button\"\n              #transitTypeTransit\n              [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n              (click)=\"onTransitChange(false)\">{{ directTransitLabel }}\n            </button>\n          </div>\n        </ng-container>\n        </div>\n        <div *ngIf=\"subsidyDiscounts && subsidyDiscounts.length > 0 && !openPassengerSelect\"\n          [nasClass]=\"getFilterClass('subsidy-discount')\">\n          <nas-subsidy-discount #subsidyDiscount\n            [discounts]=\"subsidyDiscounts\"\n            [selectedDiscount]=\"selectedSubsidyDiscount\"\n            [label]=\"subsidyDiscountLabel\"\n            (infoButtonClick)=\"onSubsidyDiscountInfoClick()\"\n            (discountSelectChange)=\"onSubsidyDiscountSelectChange($event)\"\n            (infoButtonKeydown)=\"onSubsidyDiscountInfoButtonKeydown($event)\"></nas-subsidy-discount>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", 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-filter-new{position:relative;z-index:6}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new--light{border:2px solid #15273f}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new--light:hover,.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new--light:focus{background-color:#fff}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new__content{gap:0;justify-content:space-between;font-weight:400}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new__icon{transform:rotate(180deg)}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new{background-color:#ebf4ff!important;border:2px solid #15273f}.nas-filter-new__title{margin-top:24px;font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-filter-new__title{font-size:32px;line-height:38px}}.nas-filter-new__title--md{margin-top:60px}.nas-filter-new__radio{display:flex;gap:24px;padding:12px}.nas-filter-new__passengers-button{display:flex;justify-content:space-between;background-color:#fff;border:2px solid #15273f;padding:9px 14px;width:100%}.nas-filter-new__passengers-button--active{background-color:#ebf4ff!important;position:relative;z-index:3}.nas-filter-new__label{flex-direction:column;text-align:left}.nas-filter-new__label p{margin:0}.nas-filter-new__button-title{font-weight:700;font-size:14px}.nas-filter-new__traveler-icon{transform:scale(.85);margin-top:12px}.nas-filter-new__transit-type{border-left:2px solid #15273f;border-right:2px solid #15273f;border-bottom:2px solid #15273f}.nas-filter-new__transit-type button:first-child{border-bottom:2px solid #E9E7E4}.nas-filter-new__filters .nas-filter-new__date-combo{order:2;flex:1;z-index:2}.nas-filter-new__filters--minimized .nas-filter-new__airport-select:after{content:\"\";position:absolute;bottom:-3px;left:0;width:100%;border-bottom:3px solid #c3c3c3}.nas-filter-new__filters--maximize .nas-filter-new__airport-select-new:after{display:none}.nas-filter-new__filters--md .nas-filter-new__date-combo{flex:0 0 100%}.nas-filter-new__filters--lg{align-items:stretch}.nas-filter-new__filters--lg .nas-filter-new__date-combo{order:3;flex:0 0 100%;z-index:1}.nas-filter-new__filters--lg .nas-filter-new__suggestions{order:3}.nas-filter-new__filters--lg .nas-filter-new__filters--minimized .nas-filter-new__airport-select{margin-right:0;flex:0 1 100%}.nas-filter-new__filters--lg .nas-filter-new__filters--maximize .nas-filter-new__airport-select{margin-right:3px;flex:auto}.nas-filter-new__filters--lg.nas-filter-new__filters--maximize .nas-filter-new__date-combo{border-bottom:3px solid #c3c3c3}.nas-filter-new__suggestions{flex-basis:100%;position:relative;margin-top:3px}.nas-filter-new__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter-new__airport-select--lg{width:0;margin:0 3px 0 0;flex:1 1 auto}.nas-filter-new__toggler{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:26px;color:#15273f;margin-top:6px;z-index:1}.nas-filter-new__toggler .nas-filter-new__toggle-action{cursor:pointer;margin-top:2px;float:right}.nas-filter-new__toggler .nas-filter-new__direct-only{display:inline-block}.travel-details{position:relative;margin:0;z-index:1}.travel-details__list{margin-top:12px}.travel-details__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.travel-details__list-item:not(:last-child){padding:6px 0 9px;border-bottom:2px solid #f1f1f1}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:26px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:26px;margin:0}.travel-details__action{padding:12px;width:100%;background-color:#fff;font-weight:700}.travel-details__action:hover,.travel-details__action:focus{background-color:#f8f8f8}.travel-details__action--border{border-bottom:2px #f1f1f1}.travel-details__action:focus{outline:none;z-index:1}.travel-details__icon{margin-bottom:9px}.travel-details__dropdown{margin-right:0}.travel-details__dropdown:after{content:\"\";position:absolute;bottom:-3px;left:0;width:100%;border-bottom:3px solid #c3c3c3}.travel-details__dropdown--trip-type{order:1;flex:1;margin-right:3px;margin-bottom:3px}.travel-details__dropdown--transit-type{order:2;flex:1;margin-bottom:3px}.travel-details__dropdown--passengers{order:3;flex:1 0 100%;margin-bottom:3px}.travel-details__dropdown--md.travel-details__dropdown--trip-type{order:2;flex:1;margin-right:3px}.travel-details__dropdown--md.travel-details__dropdown--transit-type{order:3;flex:1}.travel-details__dropdown--md.travel-details__dropdown--passengers{order:1;flex:1;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--trip-type{order:2;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--transit-type{order:3;flex:1 1 auto}.travel-details__dropdown--lg.travel-details__dropdown--passengers{order:1;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg:focus{outline:none}.travel-details__dropdown--lg:after{display:none}.travel-details__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.travel-details__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.travel-details__transit-icon:after{content:\"\";position:absolute;width:10px;height:10px;right:0;top:calc(50% - 5px);border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.travel-details__transit-icon-stop{position:relative;top:calc(50% - 5px);width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background-color:inherit}.travel-details--combined{order:3;flex:0 0 100%}.travel-details--combined.travel-details--md:after{content:\"\";position:absolute;bottom:-6px;left:0;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--md .travel-details__dropdown{margin:0 3px 0 0}.travel-details--combined.travel-details--md .travel-details__dropdown:last-child{margin:0}.travel-details--combined.travel-details--md .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px}.travel-details--combined.travel-details--lg{order:2;flex:0 0 auto;margin:0 0 0 -3px;padding-left:3px;z-index:2}.travel-details--combined.travel-details--lg:after{content:\"\";position:absolute;bottom:-3px;left:0;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--lg .dropdown__toggle{height:inherit}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-passenger-select-new__list-item{padding:8px 16px!important}::ng-deep .nas-radio-new{margin:0!important}::ng-deep .nas-button-new{margin-top:6px}::ng-deep .nas-checkbox-new{background-color:#f1f1f1;padding:12px;width:100%;padding-left:42px!important;margin-bottom:12px!important}::ng-deep .nas-checkbox-new__indicator{left:12px!important}::ng-deep .nas-filter-new__filters .travel-details--no-border:after{display:none}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo--side-by-side .nas-datepicker-combo-new__separator{display:block;border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new__input-line{border-top:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new-combo__separator{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-dropdown__toggle{height:64px!important}::ng-deep .nas-filter-new__filters .nas-datepicker-combo-new__separator{display:none}::ng-deep .nas-filter-new__filters--lg .nas-dropdown__toggle{display:flex}::ng-deep .nas-filter-new__filters--lg .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:3px solid #c3c3c3}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new__input-line{border-top:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-datepicker-combo-new__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__rotate{transform:rotate(180deg)}::ng-deep .nas-filter-new__rotate-enter,::ng-deep .nas-filter-new__rotate-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}::ng-deep .nas-filter-new__rotate-enter{animation:flip-in .55s ease both}::ng-deep .nas-filter-new__rotate-leave-active{animation:flip-out .2s ease-out both}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__input-line{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new-combo__separator{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results-wrapper{margin-top:0}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results{top:-3px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__icon{bottom:18px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new:after{display:none}::ng-deep .nas-filter-new__airport-select .nas-airport-select-new__input-line{display:none}::ng-deep .nas-filter-new__airport-origin-select{width:100%;max-width:100%}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{max-width:100%}@media (min-width: 640px){::ng-deep .nas-filter-new__airport-origin-select{max-width:360px;flex:auto;margin-right:3px}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{width:auto;max-width:360px}}::ng-deep .nas-filter-new__origin-combined{border-bottom:3px solid #c3c3c3;order:3;flex:0 0 100%;display:flex;flex-wrap:wrap}@media (min-width: 1000px){::ng-deep .nas-filter-new__origin-combined{display:flex;flex:none}::ng-deep .nas-filter-new__origin-combined .nas-dropdown__toggle nas-icon{float:none!important}}::ng-deep .nas-filter-new__subsidy-discount{order:3}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount{margin-top:16px}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount__box{width:100%}::ng-deep .nas-filter-new__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:passenger-backdrop .7s ease-out both}@keyframes passenger-backdrop{0%{opacity:0}}::ng-deep nas-datepicker-combo-new .nas-datepicker-combo-new__date-picker:last-child .nas-datepicker-new__date-picker-wrapper .nas-datepicker-new__controls{border-left:0!important}::ng-deep .lower-z-index{z-index:1!important;position:relative}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DeviceHelper }, { type: i2.SortService }, { type: i3.AbandonedBasketService }, { type: i4.DateHelper }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { passengerSelectDropdown: [{
                 type: ViewChild,
                 args: ['passengerSelectDropdown']

package/esm2022/lib/components/grid/grid.component.mjs

@@ -35,7 +35,7 @@ export class GridComponent extends NasComponentBase {
             this.exists(this.nopadding) && 'nopadding',
             this.exists(this.nomargin) && 'nomargin',
             this.exists(this.mobileview) && 'mobileview',
-            (this.colGroup === 0 || this.colGroup) && `col-group-${this.colGroup}`
+            (this.colGroup === 0 || this.colGroup) && `col-group-${this.colGroup}`,
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -69,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
             }], colGroup: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2dyaWQvZ3JpZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2dyaWQvZ3JpZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7O0FBRXRFOzs7R0FHRztBQU9ILE1BQU0sT0FBTyxhQUFjLFNBQVEsZ0JBQWdCO0lBdUZqRDs7OztPQUlHO0lBQ0g7UUFDRSxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDcEIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsWUFBWTtRQUNWLE9BQU87WUFDTCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxNQUFNO1lBQ2hDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLE9BQU87WUFDbEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksUUFBUTtZQUNwQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxTQUFTO1lBQ3RDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLFdBQVc7WUFDMUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksT0FBTztZQUNsQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxRQUFRO1lBQ3BDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLFNBQVM7WUFDdEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksV0FBVztZQUMxQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxVQUFVO1lBQ3hDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLFlBQVk7WUFDNUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksYUFBYSxJQUFJLENBQUMsUUFBUSxFQUFFO1NBQ3ZFLENBQUM7SUFDSixDQUFDOzhHQWxIVSxhQUFhO2tHQUFiLGFBQWEsbVVDbEIxQiwwRkFHQTs7MkZEZWEsYUFBYTtrQkFOekIsU0FBUzsrQkFDRSxVQUFVLGlCQUdMLGlCQUFpQixDQUFDLElBQUk7MEVBUzVCLEtBQUs7c0JBQWIsS0FBSztnQkFPRyxNQUFNO3NCQUFkLEtBQUs7Z0JBT0csT0FBTztzQkFBZixLQUFLO2dCQU9HLElBQUk7c0JBQVosS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBT0csTUFBTTtzQkFBZCxLQUFLO2dCQU9HLE9BQU87c0JBQWYsS0FBSztnQkFPRyxTQUFTO3NCQUFqQixLQUFLO2dCQU9HLFVBQVU7c0JBQWxCLEtBQUs7Z0JBT0csU0FBUztzQkFBakIsS0FBSztnQkFPRyxRQUFRO3NCQUFoQixLQUFLO2dCQU9HLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgTm9yd2VnaWFuIEFpciBTaHV0dGxlLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOYXNDb21wb25lbnRCYXNlIH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlL25hcy1jb21wb25lbnQuYmFzZSc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBOb3J3ZWdpYW4gR3JpZCBDb21wb25lbnQgfCBMYXlvdXRcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmFzLWdyaWQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3JpZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyaWQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgR3JpZENvbXBvbmVudCBleHRlbmRzIE5hc0NvbXBvbmVudEJhc2Uge1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gYWxpZ24gaXRlbXMgdG8gdGhlIHJpZ2h0XG4gICAqL1xuICBASW5wdXQoKSByaWdodDogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHdoaWNoIHdpbGwgY2VudGVyIHRoZSBjb2x1bW5zXG4gICAqL1xuICBASW5wdXQoKSBjZW50ZXI6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byBjZW50ZXIgdGhlIGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSBzdHJldGNoOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gc3RyZXRjaCB0aGUgaXRlbXMgdG8gdGhlIHNhbWUgaGVpZ2h0XG4gICAqL1xuICBASW5wdXQoKSB3aWRlOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gd2hpY2ggd2lsbCBtYWtlIHNtYWxsZXMgc3BhY2UgYmV0d2VlbiB0aGUgY29sdW1uc1xuICAgKi9cbiAgQElucHV0KCkgdGlnaHQ6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byByZWR1Y2Ugc3BhY2UgYmV0d2VlbiBpdGVtc1xuICAgKi9cbiAgQElucHV0KCkgeHRpZ2h0OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gcmVkdWNlIHNwYWNlIGJldHdlZW4gaXRlbXNcbiAgICovXG4gIEBJbnB1dCgpIHh4dGlnaHQ6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB3aGljaCB3aWxsIHJlbW92ZSBhbGwgcmlnaHQgYW5kIGxlZnQgc3BhY2Ugb2YgZWFjaCBjb2x1bW4uIFRvcCBhbmQgYm90dG9tIHNwYWNlIHdpbGwgYmUga2VwdFxuICAgKi9cbiAgQElucHV0KCkgc3BhY2VsZXNzOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFJlbW92ZXMgcGFkZGluZyBvbiB0aGUgcmlnaHQgYW5kIGxlZnQgb2YgZ3JpZC5cbiAgICovXG4gIEBJbnB1dCgpIG1vYmlsZXZpZXc6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB0byB2ZXJ0aWNhbCBzdGFjayB0aGUgY29sdW1ucyB3aGVuIHNjYWxlZCB0byBtb2JpbGUgdmlldy5cbiAgICovXG4gIEBJbnB1dCgpIG5vcGFkZGluZzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBSZW1vdmVzIG1hcmdpbiBvbiB0aGUgcmlnaHQgYW5kIGxlZnQgb2YgZ3JpZC5cbiAgICovXG4gIEBJbnB1dCgpIG5vbWFyZ2luOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFNldHMgY29sdW1uIHdpZHRoIGJhc2VkIG9uIGNvbEdyb3VwIHZhbHVlICgxMDAvY29sR3JvdXAgPSByZXN1bHQlKVxuICAgKi9cbiAgQElucHV0KCkgY29sR3JvdXA6IHN0cmluZyB8IG51bWJlcjtcblxuXG4gIC8qKlxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogUmVwcmVzZW50IGEgZ3JpZCBjb21wb25lbnQuXG4gICAqIFdpbGwgaW5pdGlhdGUgY29ycmVjdCBibG9jayBzdHlsZS5cbiAgICovXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCduYXMtZ3JpZCcpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNldCBtb2RpZmllciBhcnJheSB0byBiZSB1c2VkIGJ5IGJhc2UgY2xhc3MsIGJhc2VkIG9uIHByb3BlcnR5IGlucHV0XG4gICAqL1xuICBnZXRNb2RpZmllcnMoKTogQXJyYXk8c3RyaW5nPiB7XG4gICAgcmV0dXJuIFtcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMud2lkZSkgJiYgJ3dpZGUnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy50aWdodCkgJiYgJ3RpZ2h0JyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMueHRpZ2h0KSAmJiAneHRpZ2h0JyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMueHh0aWdodCkgJiYgJ3h4dGlnaHQnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5zcGFjZWxlc3MpICYmICdzcGFjZWxlc3MnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5yaWdodCkgJiYgJ3JpZ2h0JyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuY2VudGVyKSAmJiAnY2VudGVyJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuc3RyZXRjaCkgJiYgJ3N0cmV0Y2gnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5ub3BhZGRpbmcpICYmICdub3BhZGRpbmcnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5ub21hcmdpbikgJiYgJ25vbWFyZ2luJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMubW9iaWxldmlldykgJiYgJ21vYmlsZXZpZXcnLFxuICAgICAgKHRoaXMuY29sR3JvdXAgPT09IDAgfHwgdGhpcy5jb2xHcm91cCkgJiYgYGNvbC1ncm91cC0ke3RoaXMuY29sR3JvdXB9YFxuICAgIF07XG4gIH1cbn1cbiIsIjxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzKCcnLCBnZXRNb2RpZmllcnMoKSlcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2dyaWQvZ3JpZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2dyaWQvZ3JpZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7O0FBRXRFOzs7R0FHRztBQU9ILE1BQU0sT0FBTyxhQUFjLFNBQVEsZ0JBQWdCO0lBcUZqRDs7OztPQUlHO0lBQ0g7UUFDRSxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDcEIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsWUFBWTtRQUNWLE9BQU87WUFDTCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxNQUFNO1lBQ2hDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLE9BQU87WUFDbEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksUUFBUTtZQUNwQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxTQUFTO1lBQ3RDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLFdBQVc7WUFDMUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksT0FBTztZQUNsQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxRQUFRO1lBQ3BDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLFNBQVM7WUFDdEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksV0FBVztZQUMxQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxVQUFVO1lBQ3hDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLFlBQVk7WUFDNUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxLQUFLLENBQUMsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksYUFBYSxJQUFJLENBQUMsUUFBUSxFQUFFO1NBQ3ZFLENBQUM7SUFDSixDQUFDOzhHQWhIVSxhQUFhO2tHQUFiLGFBQWEsbVVDbEIxQiwwRkFHQTs7MkZEZWEsYUFBYTtrQkFOekIsU0FBUzsrQkFDRSxVQUFVLGlCQUdMLGlCQUFpQixDQUFDLElBQUk7MEVBUTVCLEtBQUs7c0JBQWIsS0FBSztnQkFPRyxNQUFNO3NCQUFkLEtBQUs7Z0JBT0csT0FBTztzQkFBZixLQUFLO2dCQU9HLElBQUk7c0JBQVosS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBT0csTUFBTTtzQkFBZCxLQUFLO2dCQU9HLE9BQU87c0JBQWYsS0FBSztnQkFPRyxTQUFTO3NCQUFqQixLQUFLO2dCQU9HLFVBQVU7c0JBQWxCLEtBQUs7Z0JBT0csU0FBUztzQkFBakIsS0FBSztnQkFPRyxRQUFRO3NCQUFoQixLQUFLO2dCQU9HLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgTm9yd2VnaWFuIEFpciBTaHV0dGxlLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICovXG5cbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOYXNDb21wb25lbnRCYXNlIH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlL25hcy1jb21wb25lbnQuYmFzZSc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBOb3J3ZWdpYW4gR3JpZCBDb21wb25lbnQgfCBMYXlvdXRcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmFzLWdyaWQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3JpZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyaWQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgR3JpZENvbXBvbmVudCBleHRlbmRzIE5hc0NvbXBvbmVudEJhc2Uge1xuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHRvIGFsaWduIGl0ZW1zIHRvIHRoZSByaWdodFxuICAgKi9cbiAgQElucHV0KCkgcmlnaHQ6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQm9vbGVhbiB3aGljaCB3aWxsIGNlbnRlciB0aGUgY29sdW1uc1xuICAgKi9cbiAgQElucHV0KCkgY2VudGVyOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gY2VudGVyIHRoZSBpdGVtc1xuICAgKi9cbiAgQElucHV0KCkgc3RyZXRjaDogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHRvIHN0cmV0Y2ggdGhlIGl0ZW1zIHRvIHRoZSBzYW1lIGhlaWdodFxuICAgKi9cbiAgQElucHV0KCkgd2lkZTogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHdoaWNoIHdpbGwgbWFrZSBzbWFsbGVzIHNwYWNlIGJldHdlZW4gdGhlIGNvbHVtbnNcbiAgICovXG4gIEBJbnB1dCgpIHRpZ2h0OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gcmVkdWNlIHNwYWNlIGJldHdlZW4gaXRlbXNcbiAgICovXG4gIEBJbnB1dCgpIHh0aWdodDogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHRvIHJlZHVjZSBzcGFjZSBiZXR3ZWVuIGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSB4eHRpZ2h0OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gd2hpY2ggd2lsbCByZW1vdmUgYWxsIHJpZ2h0IGFuZCBsZWZ0IHNwYWNlIG9mIGVhY2ggY29sdW1uLiBUb3AgYW5kIGJvdHRvbSBzcGFjZSB3aWxsIGJlIGtlcHRcbiAgICovXG4gIEBJbnB1dCgpIHNwYWNlbGVzczogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBSZW1vdmVzIHBhZGRpbmcgb24gdGhlIHJpZ2h0IGFuZCBsZWZ0IG9mIGdyaWQuXG4gICAqL1xuICBASW5wdXQoKSBtb2JpbGV2aWV3OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gdmVydGljYWwgc3RhY2sgdGhlIGNvbHVtbnMgd2hlbiBzY2FsZWQgdG8gbW9iaWxlIHZpZXcuXG4gICAqL1xuICBASW5wdXQoKSBub3BhZGRpbmc6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogUmVtb3ZlcyBtYXJnaW4gb24gdGhlIHJpZ2h0IGFuZCBsZWZ0IG9mIGdyaWQuXG4gICAqL1xuICBASW5wdXQoKSBub21hcmdpbjogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBTZXRzIGNvbHVtbiB3aWR0aCBiYXNlZCBvbiBjb2xHcm91cCB2YWx1ZSAoMTAwL2NvbEdyb3VwID0gcmVzdWx0JSlcbiAgICovXG4gIEBJbnB1dCgpIGNvbEdyb3VwOiBzdHJpbmcgfCBudW1iZXI7XG5cbiAgLyoqXG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBSZXByZXNlbnQgYSBncmlkIGNvbXBvbmVudC5cbiAgICogV2lsbCBpbml0aWF0ZSBjb3JyZWN0IGJsb2NrIHN0eWxlLlxuICAgKi9cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoJ25hcy1ncmlkJyk7XG4gIH1cblxuICAvKipcbiAgICogU2V0IG1vZGlmaWVyIGFycmF5IHRvIGJlIHVzZWQgYnkgYmFzZSBjbGFzcywgYmFzZWQgb24gcHJvcGVydHkgaW5wdXRcbiAgICovXG4gIGdldE1vZGlmaWVycygpOiBBcnJheTxzdHJpbmc+IHtcbiAgICByZXR1cm4gW1xuICAgICAgdGhpcy5leGlzdHModGhpcy53aWRlKSAmJiAnd2lkZScsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLnRpZ2h0KSAmJiAndGlnaHQnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy54dGlnaHQpICYmICd4dGlnaHQnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy54eHRpZ2h0KSAmJiAneHh0aWdodCcsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLnNwYWNlbGVzcykgJiYgJ3NwYWNlbGVzcycsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLnJpZ2h0KSAmJiAncmlnaHQnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5jZW50ZXIpICYmICdjZW50ZXInLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5zdHJldGNoKSAmJiAnc3RyZXRjaCcsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLm5vcGFkZGluZykgJiYgJ25vcGFkZGluZycsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLm5vbWFyZ2luKSAmJiAnbm9tYXJnaW4nLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5tb2JpbGV2aWV3KSAmJiAnbW9iaWxldmlldycsXG4gICAgICAodGhpcy5jb2xHcm91cCA9PT0gMCB8fCB0aGlzLmNvbEdyb3VwKSAmJiBgY29sLWdyb3VwLSR7dGhpcy5jb2xHcm91cH1gLFxuICAgIF07XG4gIH1cbn1cbiIsIjxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzKCcnLCBnZXRNb2RpZmllcnMoKSlcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=