@norwegian/core-components 6.51.3 → 6.52.1

package/lib/components/filter-new/filter-new.component.d.ts

@@ -0,0 +1,829 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { AfterViewChecked, ElementRef, EventEmitter, OnInit, ChangeDetectorRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { BehaviorSubject } from 'rxjs';
+import { TripType } from './enums/trip-type.enum';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { ClassModel } from '../../core/models/class.model';
+import { UtcDate } from '../../core/models/utc-date.model';
+import { AbandonedBasketService } from '../../core/services/abandoned-basket/abandoned-basket.service';
+import { DateHelper } from '../../core/services/date/date-helper.service';
+import { DeviceHelper } from '../../core/services/device/device-helper.service';
+import { SortService } from '../../core/services/sort/sort.service';
+import { AirportModel } from '../airport-select-new/models/airport.model';
+import { DropdownComponent } from '../dropdown/dropdown.component';
+import { PassengersModel } from '../passenger-select/models/passengers.model';
+import { SubsidyDiscountModel } from '../subsidy-discount/models/subsidy-discount.model';
+import { PassengerSelectComponent } from '../passenger-select/passenger-select.component';
+import { SubsidyDiscountComponent } from '../subsidy-discount/subsidy-discount.component';
+import { DatepickerComboNewComponent } from '../datepicker-combo-new/datepicker-combo-new.component';
+import { AirportSelectNewComponent } from '../airport-select-new/airport-select-new.component';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ * Norwegian Filter Component | New design | Beta
+ */
+export declare class FilterNewComponent extends NasComponentBase implements OnInit, AfterViewChecked {
+    deviceHelper: DeviceHelper;
+    private sortService;
+    private abandonedBasketService;
+    private dateService;
+    elementRef: ElementRef;
+    private changeDetector;
+    passengerSelectDropdown: DropdownComponent;
+    passengerSelect: PassengerSelectComponent;
+    tripSwitch: DropdownComponent;
+    transitSwitch: DropdownComponent;
+    airportSelect: AirportSelectNewComponent;
+    datepickerCombo: DatepickerComboNewComponent;
+    container: ElementRef;
+    tripTypeOneway: ElementRef;
+    tripTypeRoundTrip: ElementRef;
+    transitTypeDirectOnly: ElementRef;
+    transitTypeTransit: ElementRef;
+    subsidyDiscount: SubsidyDiscountComponent;
+    latestSearchesOrigin: Array<AirportModel>;
+    latestSearchesDestination: Array<AirportModel>;
+    displaySummary: boolean;
+    nativeElement: HTMLElement;
+    inboundLowerLimitDate: UtcDate;
+    containerWidth: BehaviorSubject<number>;
+    maximize: boolean;
+    isNasGroupValid: boolean;
+    inlineFlex: number;
+    openPassengerSelect: boolean;
+    openTransitTypeSelect: boolean;
+    get outboundOpen(): boolean;
+    set outboundOpen(value: boolean);
+    get inboundOpen(): boolean;
+    set inboundOpen(value: boolean);
+    private inboundOpenTimeout;
+    /**
+     * @property Input
+     * @required
+     * @description
+     * A record containing keys with all airport codes with corresponding array of airport codes connected to the key.
+     */
+    airportRelations: Record<string, Array<string>>;
+    /**
+     * @property Input
+     * @description
+     * Adds 'aria-label' on the clear button inside the airport select inputs.
+     */
+    ariaLabelClear: string;
+    /**
+     * @property Input
+     * @description
+     * ARIA label for the subtract buttons.
+     */
+    ariaLabelSubtract: string;
+    /**
+     * @property Input
+     * @description
+     * Adds 'aria-label' to the backdrops.
+     */
+    ariaLabelBackdrop: string;
+    /**
+     * @property Input
+     * @description
+     * ARIA label for the add buttons.
+     */
+    ariaLabelAdd: string;
+    /**
+     * @property Input
+     * @description
+     * A list of airports that should be displayed in the origin dropdown.
+     * If not included, all airports will be displayed.
+     */
+    allowedOriginAirports: Array<AirportModel>;
+    /**
+     * @property Input
+     * @description
+     * An array of airports that are restricted for destination airports. It will default to airports if not set.
+     */
+    allowedDestinationAirports: Array<AirportModel>;
+    /**
+     * @property Input
+     * @description
+     * A boolean indicating if airports that the user allready has searh for should be displayed.
+     */
+    displayLatestSearches: boolean;
+    /**
+     * @property Input
+     * @description
+     * Display switch UI to interchange origin and destination airport.
+     */
+    useSwitch?: boolean;
+    /**
+     * @property Input
+     * @description
+     * A boolean indicating if airports that are close to the user should be displayed.
+     */
+    displayClosestAirports: boolean;
+    /**
+     * @property Input
+     * @description
+     * The airport code of the origin airport. It will set the selected origin airport based on this value.
+     */
+    originAirportCode: string;
+    /**
+     * @property Input
+     * @description
+     * The airport code of the destination airport. It will set the selected destination airport based on this value.
+     */
+    destinationAirportCode: string;
+    /**
+     * @property Input
+     * @description
+     * A label that will be added to the passenger select dropdown.
+     */
+    passengerSelectLabel: string;
+    /**
+     * @property Input
+     * @description
+     * The total maximum amount of passengers in the passenger select dropdown.
+     */
+    maxPaxCount: number;
+    /**
+     * @property Input
+     * @description
+     * An array of different passenger types that will be displayed.
+     */
+    get passengers(): Array<PassengersModel>;
+    set passengers(value: Array<PassengersModel>);
+    /**
+     * @property Input
+     * @description
+     * The minimum amount of adults that can be selected in the passenger select dropdown.
+     */
+    minAdultCount: number;
+    /**
+     * @property Input
+     * @description
+     * A label for round trip selection in the trip switch dropdown.
+     */
+    tripSwitchRoundTripLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A label for one way selection in the trip switch dropdown.
+     */
+    tripSwitchOneWayLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A label for direct only selection in the transit switch dropdown.
+     */
+    directOnlyLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A label for both direct and transit selection in the transit switch dropdown.
+     */
+    directTransitLabel: string;
+    /**
+     * @property Input
+     * @description
+     * Indicates if the filter should be minimized on mobile screen sizes.
+     */
+    minimizeOnMobile?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Indicates if the edit search of accordion should be expended on mobile screen sizes.
+     */
+    get expandedAccordionMobile(): boolean;
+    set expandedAccordionMobile(value: boolean);
+    /**
+     * @property Input
+     * @description
+     * A separator for the filter summary that is dispayed if minimizeOnMobile is true.
+     *
+     * ### Example
+     * 1 traveller, round trip and direct/transit
+     */
+    defaultSummarySeparator: string;
+    /**
+     * A separator for the filter summary is are dispayed if minimizeOnMobile is true.
+     *
+     * ### Example
+     * 1 traveller, round trip and direct/transit
+     */
+    lastSummarySeparator: string;
+    /**
+     * @property Input
+     * @description
+     * A title that will be added to the passenger select dropdown.
+     */
+    passengerSelectTitle: string;
+    /**
+     * @property Input
+     * @description
+     * A label for the adults passenger type in the passenger select dropdown.
+     */
+    passengerSelectAdultsLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A label for the youths passenger type in the passenger select dropdown.
+     */
+    passengerSelectYouthsLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A label for the young adults passenger type in the passenger select dropdown.
+     */
+    passengerSelectYoungAdultsLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A label for the children passenger type in the passenger select dropdown.
+     */
+    passengerSelectChildrenLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A label for the infants passenger type in the passenger select dropdown.
+     */
+    passengerSelectInfantsLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A label that will appear when total number of selected passengers exceeds the group booking limit
+     */
+    groupBookingLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A label that will appear on top of all airports in the airport select drop down lists.
+     */
+    allAirportsLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A label that will appear on top of the latest searches in the airport select drop down lists.
+     */
+    latestSearchesLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A label that will appear on top of the closest airports in the airport select drop down lists.
+     */
+    closestAirportsLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A label that will appear in the destination input field in the airport select, if the
+     * user tries to select a destination airport without selecting an origin airport.
+     */
+    selectOriginFirstLabel: string;
+    /**
+     * @property Input
+     * @required
+     * @description
+     * A label that will appear on top of the origin airport input field.
+     */
+    labelOrigin: string;
+    /**
+     * @property Input
+     * @description
+     * A placeholder that will appear on the origin airport input field.
+     */
+    placeholderOrigin: string;
+    /**
+     * @property Input
+     * @required
+     * @description
+     * A label that will appear on top of the destination airport input field.
+     */
+    labelDestination: string;
+    /**
+     * @property Input
+     * @description
+     * A label that will appear in my location in the drop down list in airport select.
+     */
+    geolocationLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A label that will appear in my location, in the drop down list in airport select if user has denied geolocation.
+     */
+    geolocationBlockedLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A placeholder that will appear on the destination airport input field.
+     */
+    placeholderDestination: string;
+    /**
+     * @property Input
+     * @description
+     * A modifier that will allow always keeping the selected airport.
+     * The last selected airport will be shown once user clears the selection and blur.
+     */
+    keepSelection: boolean;
+    /**
+     * @property Input
+     * @description
+     * A title that will be assigned to edit search accordion.
+     */
+    editSearchTitle: string;
+    /**
+     * @property Input
+     * @description
+     * Adds the parent's form group.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It is requiered to be filled if nasFormControlName added.
+     */
+    nasFormGroup: FormGroup;
+    /**
+     * @property Input
+     * @description
+     * Sets a formControlName directive to the input.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It requiers that the nasFormGroup input is filled.
+     */
+    nasFormControlNameOrigin: string;
+    /**
+     * @property Input
+     * @description
+     * Sets a formControlName directive to the input.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It requiers that the nasFormGroup input is filled.
+     */
+    nasFormControlNameDestination: string;
+    /**
+     * @property Input
+     * @description
+     * Sets a formControlName directive to the input.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It requiers that the nasFormGroup input is filled.
+     */
+    nasFormControlNameTripType: string;
+    /**
+     * @property Input
+     * @description
+     * Sets a formControlName directive to the input.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It requiers that the nasFormGroup input is filled.
+     */
+    nasFormControlNameDirectOnly: string;
+    /**
+     * @property Input
+     * @description
+     * Sets a formControlName directive to the input.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It requiers that the nasFormGroup input is filled.
+     */
+    nasFormControlNameOutbound: string;
+    /**
+     * @property Input
+     * @description
+     * Sets a formControlName directive to the input.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It requiers that the nasFormGroup input is filled.
+     */
+    nasFormControlNameInbound: string;
+    /**
+     * @property Input
+     * @description
+     * Sets a formControlName directive to the input.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It requiers that the nasFormGroup input is filled.
+     */
+    nasFormControlGroupBooking: string;
+    /**
+     * @property Input
+     * @description
+     * Sets a formControlName directive to the input.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It requiers that the nasFormGroup input is filled.
+     */
+    nasFormControlNameSubsidyDiscount: string;
+    /**
+     * @property Input
+     * @description
+     * Make latest searches and geolocation override default value in the origin airport selector.
+     */
+    overrideOrigin?: boolean;
+    /**
+     * @property Input
+     * @description
+     * This will make the filter display suggested airports based on geolocation and latest searches.
+     */
+    enableSuggestions?: boolean;
+    get closestAirports(): Array<AirportModel>;
+    set closestAirports(airports: Array<AirportModel>);
+    /**
+     * @property Input
+     * @description
+     * This will only display airport selection. When a city pair is selected, the rest of the filter will be visible.
+     */
+    minimize?: boolean;
+    /**
+     * @property Input
+     * @required
+     * @description
+     * All airports that will be populated into the dropdown lists.
+     * If displayLatestSearches is true, it will try to get the latest searches from the abandoned basket.
+     */
+    get airports(): Array<AirportModel>;
+    set airports(airports: Array<AirportModel>);
+    /**
+     * @property Input
+     * @description
+     * Sets and gets the selected trip type.
+     */
+    get tripType(): TripType;
+    set tripType(tripType: TripType);
+    /**
+     * @property Input
+     * @description
+     * Sets and gets whether the selected transit type is direct only or not.
+     */
+    get directOnly(): boolean;
+    set directOnly(directOnly: boolean);
+    /**
+     * @property Input
+     * @description
+     * The limit for when the total amount of passengers exceeds to be a group booking.
+     */
+    groupBookingLimit: number;
+    /**
+     * @property Input
+     * @description
+     * Subsidy discounts
+     */
+    subsidyDiscounts: Array<SubsidyDiscountModel>;
+    /**
+     * @property Input
+     * @description
+     * Selected subsidy discount
+     */
+    selectedSubsidyDiscount: SubsidyDiscountModel;
+    /**
+     * @property Input
+     * @description
+     * Subsidy discount label
+     */
+    subsidyDiscountLabel: string;
+    /**
+     * @property Input
+     * @description
+     * ARIA label for the previous month button in the calendar.
+     */
+    ariaLabelPreviousMonth: string;
+    /**
+     * @property Input
+     * @description
+     * ARIA label for the next month button in the calendar.
+     */
+    ariaLabelNextMonth: string;
+    /**
+     * @property Output
+     * @description
+     * An event that is fired every time the origin dropdown selector opens or closes.
+     */
+    originOpenChange: EventEmitter<boolean>;
+    /**
+     * @property Output
+     * @description
+     * An event that is fired every time the origin dropdown selector opens or closes.
+     */
+    destinationOpenChange: EventEmitter<boolean>;
+    /**
+     * @property Output
+     * @description
+     * An event that is fired every time the passenger select dropdown opens or closes.
+     */
+    passengerSelectOpenChange: EventEmitter<boolean>;
+    /**
+     * @property Output
+     * @description
+     * An event that is fired every time the selected origin airport changes.
+     */
+    originChange: EventEmitter<AirportModel>;
+    /**
+     * @property Output
+     * @description
+     * An event that is fired every time the selected destination airport changes.
+     */
+    destinationChange: EventEmitter<AirportModel>;
+    /**
+     * @property Output
+     * @description
+     * An event that is fired every time a passenger selection change is performed.
+     */
+    passengersChange: EventEmitter<PassengersModel[]>;
+    /**
+     * @property Output
+     * @description
+     * Sets and gets the selected trip type.
+     */
+    tripTypeChange: EventEmitter<TripType>;
+    /**
+     * @property Output
+     * @description
+     * Sets and gets whether the selected transit type is direct only or not.
+     */
+    directOnlyChange: EventEmitter<boolean>;
+    /**
+     * @property Input
+     * @description
+     * Label for no available flights.
+     */
+    noAvailableFlightsLabel: string;
+    /**
+     * @property Input
+     * @description
+     * Label for available flights.
+     */
+    availableFlightsLabel: string;
+    /**
+     * @property Input
+     * @description
+     * Disable possibility to select dates in the past.
+     */
+    disablePastSelection: boolean;
+    /**
+     * @property Input
+     * @description
+     * Label for outbound datepicker.
+     */
+    outboundLabel: string;
+    /**
+     * @property Input
+     * @description
+     * Label for inbound datepicker.
+     */
+    inboundLabel: string;
+    /**
+     * @property Input
+     * @description
+     * Sets the datepickers in availability mode where available dates can be added.
+     */
+    availability: boolean;
+    /**
+     * @property Input
+     * @description
+     * Available dates for outbound calendar.
+     */
+    outboundAvailableDates: Array<UtcDate>;
+    /**
+     * @property Input
+     * @description
+     * Available dates for inbound calendar.
+     */
+    inboundAvailableDates: Array<UtcDate>;
+    /**
+     * @property Input
+     * @description
+     * If set, Enables the time dropdown selector alongside datepicker.
+     */
+    times: Array<UtcDate>;
+    /**
+     * @property Input
+     * @description
+     * The display format of the date when user has selected the date and it is being shown in the input box for the date picker.
+     * Please look at the angular Date pipe for valid formats and variations.
+     */
+    dateDisplayFormat: string;
+    /**
+     * @property Input
+     * @description
+     * The time display format.
+     */
+    timeDisplayFormat: string;
+    /**
+     * @property Input
+     * @description
+     * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
+     * This requires that registerLocaleData is called with the respective locale.
+     */
+    locale: string;
+    /**
+     * @property Input
+     * @description
+     * A modifier to remove the padding and margins around the element.
+     */
+    compact: boolean;
+    /**
+     * @property Input
+     * @description
+     * Disable possibility to select outbound dates.
+     */
+    outboundDisabled: boolean;
+    /**
+     * @property Input
+     * @description
+     * Disable possibility to select inbound dates.
+     */
+    inboundDisabled: boolean;
+    /**
+     * @property Input
+     * @description
+     * Show/Add date picker combo into the filter if set to true.
+     */
+    enableDatepickers: boolean;
+    /**
+     * @property Input
+     * @required
+     * @description
+     * Label for the toggle icon for minimizing filter.
+     */
+    minimizingLabel: string;
+    /**
+     * @property Input
+     * @required
+     * @description
+     * Label for the toggle icon for maximizing filter.
+     */
+    maximizingLabel: string;
+    /**
+     * @property Input
+     * @required
+     * @description
+     * Label for the toggling transit type when filter is minimized.
+     */
+    directOnlyMobileLabel: string;
+    /**
+     * @property Input
+     * @description
+     * Label for 'or' in the suggestioned airports.
+     */
+    orLabel: string;
+    /**
+     * @property Input
+     * @description
+     * Label for 'Travelers' in the passengers select button.
+     */
+    passengersTitleLabel: string;
+    /**
+     * @property Input
+     * @description
+     * A text that appears in the destinations dropdown list when origin airport is not set.
+     */
+    invalidDestinationText: string;
+    /**
+     * @property Input
+     * @description
+     * Selected datefor outbound calendar.
+     */
+    get outboundSelectedDate(): UtcDate;
+    set outboundSelectedDate(date: UtcDate);
+    /**
+     * @property Input
+     * @description
+     * Selected datefor inbound calendar.
+     */
+    get inboundSelectedDate(): UtcDate;
+    set inboundSelectedDate(date: UtcDate);
+    /**
+     * @property Input
+     * @description
+     * Will display the destination input, set this to false to remove it. It's true by default.
+     */
+    enableDestinationSelect: boolean;
+    /**
+     * @property Input
+     * @description
+     * Will display passenger select, set this to false to remove it. It's true by default.
+     */
+    enablePassengersSelect: boolean;
+    /**
+     * @property Input
+     * @description
+     * Will display the trip switch, set this to false to remove it. It's true by default.
+     */
+    enableTripSwitch: boolean;
+    /**
+     * @property Input
+     * @description
+     * Will display the transit switch, set this to false to remove it. It's true by default.
+     */
+    enableTransitSwitch: boolean;
+    /**
+     * @property Output
+     * @description
+     * When selected datehas been changed on the outbound calendar.
+     */
+    outboundSelectedDateChange: EventEmitter<UtcDate>;
+    /**
+     * @property Output
+     * @description
+     * When selected datehas been changed on the inbound calendar.
+     */
+    inboundSelectedDateChange: EventEmitter<UtcDate>;
+    /**
+     * @property Output
+     * @description
+     * Outbound datepicker is open or closed.
+     */
+    outboundOpenChange: EventEmitter<boolean>;
+    /**
+     * @property Output
+     * @description
+     * Inbound datepicker is open or closed.
+     */
+    inboundOpenChange: EventEmitter<boolean>;
+    /**
+     * @property Output
+     * @description
+     * Outbound calendar changes month.
+     */
+    outboundMonthChange: EventEmitter<UtcDate>;
+    /**
+     * @property Output
+     * @description
+     * Inbound calendar changes month.
+     */
+    inboundMonthChange: EventEmitter<UtcDate>;
+    /**
+     * @property Output
+     * @description
+     * When a user has actively changed the date.
+     */
+    focusOnNextChange: EventEmitter<any>;
+    /**
+     * @property Output
+     * @description
+     * The geolocation of the user. Will be emitted if 'enableSuggestions' is true.
+     */
+    positionChange: EventEmitter<GeolocationPosition>;
+    /**
+     * @property Output
+     * @description
+     * An even that is fired every time the info button on the subsidy discount is clicked.
+     */
+    subsidyDiscountInfoClick: EventEmitter<any>;
+    get inboundSelectedMonth(): UtcDate;
+    set inboundSelectedMonth(month: UtcDate);
+    private outboundSelectedDateValue;
+    private inboundSelectedDateValue;
+    private inboundSelectedMonthValue;
+    private airportsValue;
+    private tripTypeValue;
+    private directOnlyValue;
+    private expandedAccordionMobileValue;
+    private closestAirportsValue;
+    private outboundOpenValue;
+    private inboundOpenValue;
+    private passengersValue;
+    private focusAsyncTimout;
+    private transitSwitchFocusTimeout;
+    private tripSwitchFocusTimeout;
+    constructor(deviceHelper: DeviceHelper, sortService: SortService, abandonedBasketService: AbandonedBasketService, dateService: DateHelper, elementRef: ElementRef, changeDetector: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewChecked(): void;
+    onSubsidyDiscountInfoClick(): void;
+    onSubsidyDiscountSelectChange(model: SubsidyDiscountModel): void;
+    getClosestAirports(position: GeolocationPosition): void;
+    getFilterClass(element?: string, modifiersInput?: any): ClassModel;
+    getAirportSelectClass(): ClassModel;
+    getSuggestions(): Array<AirportModel>;
+    getDatePickersClass(): ClassModel;
+    getTravelDetailsClass(element?: string, modifiersInput?: any): ClassModel;
+    onInboundMonthChange(month: UtcDate): void;
+    onOutboundMonthChange(month: UtcDate): void;
+    onPassengersSelectFocusOnPrevious(): void;
+    passengerKeyDown(event: KeyboardEvent): void;
+    onTripSwitchKeyDown(event: KeyboardEvent): void;
+    transitKeyDown(event: KeyboardEvent): void;
+    onSubsidyDiscountInfoButtonKeydown(event: KeyboardEvent): void;
+    onPassengersSelectFocusOnNext(): void;
+    focusAsync(refElement: ElementRef): void;
+    onDatepickerFocusOnPrevious(event: KeyboardEvent | MouseEvent): void;
+    selectPreviousControl(): void;
+    onFocusOnNextChange(event: KeyboardEvent | MouseEvent): void;
+    isMobileDisplay(): boolean;
+    isTabletDisplay(): boolean;
+    onOriginOpen(open: boolean): void;
+    validateAirportValues(): boolean;
+    updateMaximize(): void;
+    onDestinationOpen(open: boolean): void;
+    onPassengerSelectOpen(): void;
+    onTripSwitchOpen(open: boolean): void;
+    onTransitSwitchOpen(open: boolean): void;
+    onOriginChange(airport: AirportModel): void;
+    setSelectedOriginAirport(airport: AirportModel): void;
+    onDestinationChange(airport: AirportModel): void;
+    setFocusOnPassengerSelect(event: KeyboardEvent): void;
+    setFocusOnNativeElement(element: ElementRef): void;
+    onTripTypeChange(tripType: TripType): void;
+    onTransitChange(directOnly: boolean): void;
+    getTravelDetailsTripSwitchIconClass(modifiers?: any): Array<ClassModel>;
+    getTripSwitchLabel(): string;
+    getTransitLabel(): string;
+    onAccordionToggleChange(expanded: boolean): void;
+    getSummary(): string;
+    shouldMaximize(): boolean;
+    private focusOnAirportSelectBackwards;
+    private setLatestSearches;
+    private closeDropdowns;
+    private setInlineFlexWidth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterNewComponent, "nas-filter-new", never, { "airportRelations": { "alias": "airportRelations"; "required": false; }; "ariaLabelClear": { "alias": "ariaLabelClear"; "required": false; }; "ariaLabelSubtract": { "alias": "ariaLabelSubtract"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "ariaLabelAdd": { "alias": "ariaLabelAdd"; "required": false; }; "allowedOriginAirports": { "alias": "allowedOriginAirports"; "required": false; }; "allowedDestinationAirports": { "alias": "allowedDestinationAirports"; "required": false; }; "displayLatestSearches": { "alias": "displayLatestSearches"; "required": false; }; "useSwitch": { "alias": "useSwitch"; "required": false; }; "displayClosestAirports": { "alias": "displayClosestAirports"; "required": false; }; "originAirportCode": { "alias": "originAirportCode"; "required": false; }; "destinationAirportCode": { "alias": "destinationAirportCode"; "required": false; }; "passengerSelectLabel": { "alias": "passengerSelectLabel"; "required": false; }; "maxPaxCount": { "alias": "maxPaxCount"; "required": false; }; "passengers": { "alias": "passengers"; "required": false; }; "minAdultCount": { "alias": "minAdultCount"; "required": false; }; "tripSwitchRoundTripLabel": { "alias": "tripSwitchRoundTripLabel"; "required": false; }; "tripSwitchOneWayLabel": { "alias": "tripSwitchOneWayLabel"; "required": false; }; "directOnlyLabel": { "alias": "directOnlyLabel"; "required": false; }; "directTransitLabel": { "alias": "directTransitLabel"; "required": false; }; "minimizeOnMobile": { "alias": "minimizeOnMobile"; "required": false; }; "expandedAccordionMobile": { "alias": "expandedAccordionMobile"; "required": false; }; "defaultSummarySeparator": { "alias": "defaultSummarySeparator"; "required": false; }; "lastSummarySeparator": { "alias": "lastSummarySeparator"; "required": false; }; "passengerSelectTitle": { "alias": "passengerSelectTitle"; "required": false; }; "passengerSelectAdultsLabel": { "alias": "passengerSelectAdultsLabel"; "required": false; }; "passengerSelectYouthsLabel": { "alias": "passengerSelectYouthsLabel"; "required": false; }; "passengerSelectYoungAdultsLabel": { "alias": "passengerSelectYoungAdultsLabel"; "required": false; }; "passengerSelectChildrenLabel": { "alias": "passengerSelectChildrenLabel"; "required": false; }; "passengerSelectInfantsLabel": { "alias": "passengerSelectInfantsLabel"; "required": false; }; "groupBookingLabel": { "alias": "groupBookingLabel"; "required": false; }; "allAirportsLabel": { "alias": "allAirportsLabel"; "required": false; }; "latestSearchesLabel": { "alias": "latestSearchesLabel"; "required": false; }; "closestAirportsLabel": { "alias": "closestAirportsLabel"; "required": false; }; "selectOriginFirstLabel": { "alias": "selectOriginFirstLabel"; "required": false; }; "labelOrigin": { "alias": "labelOrigin"; "required": false; }; "placeholderOrigin": { "alias": "placeholderOrigin"; "required": false; }; "labelDestination": { "alias": "labelDestination"; "required": false; }; "geolocationLabel": { "alias": "geolocationLabel"; "required": false; }; "geolocationBlockedLabel": { "alias": "geolocationBlockedLabel"; "required": false; }; "placeholderDestination": { "alias": "placeholderDestination"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; }; "editSearchTitle": { "alias": "editSearchTitle"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlNameOrigin": { "alias": "nasFormControlNameOrigin"; "required": false; }; "nasFormControlNameDestination": { "alias": "nasFormControlNameDestination"; "required": false; }; "nasFormControlNameTripType": { "alias": "nasFormControlNameTripType"; "required": false; }; "nasFormControlNameDirectOnly": { "alias": "nasFormControlNameDirectOnly"; "required": false; }; "nasFormControlNameOutbound": { "alias": "nasFormControlNameOutbound"; "required": false; }; "nasFormControlNameInbound": { "alias": "nasFormControlNameInbound"; "required": false; }; "nasFormControlGroupBooking": { "alias": "nasFormControlGroupBooking"; "required": false; }; "nasFormControlNameSubsidyDiscount": { "alias": "nasFormControlNameSubsidyDiscount"; "required": false; }; "overrideOrigin": { "alias": "overrideOrigin"; "required": false; }; "enableSuggestions": { "alias": "enableSuggestions"; "required": false; }; "closestAirports": { "alias": "closestAirports"; "required": false; }; "minimize": { "alias": "minimize"; "required": false; }; "airports": { "alias": "airports"; "required": false; }; "tripType": { "alias": "tripType"; "required": false; }; "directOnly": { "alias": "directOnly"; "required": false; }; "groupBookingLimit": { "alias": "groupBookingLimit"; "required": false; }; "subsidyDiscounts": { "alias": "subsidyDiscounts"; "required": false; }; "selectedSubsidyDiscount": { "alias": "selectedSubsidyDiscount"; "required": false; }; "subsidyDiscountLabel": { "alias": "subsidyDiscountLabel"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "outboundLabel": { "alias": "outboundLabel"; "required": false; }; "inboundLabel": { "alias": "inboundLabel"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "outboundAvailableDates": { "alias": "outboundAvailableDates"; "required": false; }; "inboundAvailableDates": { "alias": "inboundAvailableDates"; "required": false; }; "times": { "alias": "times"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "timeDisplayFormat": { "alias": "timeDisplayFormat"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "outboundDisabled": { "alias": "outboundDisabled"; "required": false; }; "inboundDisabled": { "alias": "inboundDisabled"; "required": false; }; "enableDatepickers": { "alias": "enableDatepickers"; "required": false; }; "minimizingLabel": { "alias": "minimizingLabel"; "required": false; }; "maximizingLabel": { "alias": "maximizingLabel"; "required": false; }; "directOnlyMobileLabel": { "alias": "directOnlyMobileLabel"; "required": false; }; "orLabel": { "alias": "orLabel"; "required": false; }; "passengersTitleLabel": { "alias": "passengersTitleLabel"; "required": false; }; "invalidDestinationText": { "alias": "invalidDestinationText"; "required": false; }; "outboundSelectedDate": { "alias": "outboundSelectedDate"; "required": false; }; "inboundSelectedDate": { "alias": "inboundSelectedDate"; "required": false; }; "enableDestinationSelect": { "alias": "enableDestinationSelect"; "required": false; }; "enablePassengersSelect": { "alias": "enablePassengersSelect"; "required": false; }; "enableTripSwitch": { "alias": "enableTripSwitch"; "required": false; }; "enableTransitSwitch": { "alias": "enableTransitSwitch"; "required": false; }; }, { "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"; }, never, never, false, never>;
+}