import { MediaMatcher } from '@angular/cdk/layout';
import { OverlayRef, Overlay } from '@angular/cdk/overlay';
import * as i0 from '@angular/core';
import { Injector, TemplateRef, ElementRef, OnInit, EventEmitter, OnChanges, SimpleChanges, SimpleChange } from '@angular/core';
import { Observable, BehaviorSubject } from 'rxjs';
import { FocusTrapFactory } from '@angular/cdk/a11y';
import { MatSelectionListChange } from '@angular/material/list';
import { Query, ResultItem, TupleTypes } from '@spinque/query-api';
import { SpinqueApiService } from '@spinque/angular-ui';
import { FormControl } from '@angular/forms';
import { DatePipe } from '@angular/common';

/**
 * Class that is instanciated whenever a facet overlay is created and serves as a reference for that specific overlay
 */
declare class SpinqueFacetOverlayRef {
    private overlayRef;
    private afterClosed$;
    private optionChange$;
    isClosed: boolean;
    constructor(overlayRef: OverlayRef);
    change(data: any): void;
    close(data?: any): void;
    afterClosed(): Observable<any>;
    optionChange(): Observable<unknown>;
}

/**
 * Service that manages the facet dropdowns, with a public API to open and close dropdowns.
 */
declare class SpinqueFacetDropdownService {
    private overlay;
    private injector;
    private media;
    private focusTrapFactory;
    openOverlays: SpinqueFacetOverlayRef[];
    constructor(overlay: Overlay, injector: Injector, media: MediaMatcher, focusTrapFactory: FocusTrapFactory);
    open(template: TemplateRef<any>, originElement?: ElementRef, height?: string | undefined): SpinqueFacetOverlayRef;
    closeAll(): void;
    private createOverlay;
    private attachOverlayContainer;
    private createInjector;
    private getOverlayConfig;
    static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueFacetDropdownService, never>;
    static ɵprov: i0.ɵɵInjectableDeclaration<SpinqueFacetDropdownService>;
}

/**
 * Directive that closes the facet dropdown when host element is clicked on.
 */
declare class SpinqueFacetDropdownCloseDirective {
    private facetDropdown;
    constructor(facetDropdown: SpinqueFacetDropdownService);
    click(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueFacetDropdownCloseDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<SpinqueFacetDropdownCloseDirective, "[spinqueFacetDropdownClose]", never, {}, {}, never, never, true, never>;
}

interface DropdownableFacet {
    facetId: string;
    selected: any;
    visible?: boolean;
    update: () => void;
    clear: () => void;
}

/**
 * Component that holds a facet dropdown. Expects a facet as element content.
 */
declare class SpinqueFacetDropdown implements OnInit {
    private facetDropdown;
    template?: TemplateRef<any>;
    facet?: DropdownableFacet;
    showActions: boolean;
    height?: string;
    ariaLabelClearButton?: string;
    ariaLabelCloseButton?: string;
    close: EventEmitter<any>;
    private triggerElement?;
    constructor(facetDropdown: SpinqueFacetDropdownService);
    ngOnInit(): void;
    open(originElement: ElementRef): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueFacetDropdown, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueFacetDropdown, "spinque-facet-dropdown", never, { "facet": { "alias": "facet"; "required": false; }; "showActions": { "alias": "showActions"; "required": false; }; "height": { "alias": "height"; "required": false; }; "ariaLabelClearButton": { "alias": "ariaLabelClearButton"; "required": false; }; "ariaLabelCloseButton": { "alias": "ariaLabelCloseButton"; "required": false; }; }, { "close": "close"; }, never, ["*"], true, never>;
}

/**
 * Directive that triggers an inputted facet dropdown component when host element is clicked on.
 */
declare class SpinqueFacetDropdownTrigger {
    private elRef;
    /**
     * A SpinqueFacetDropdownComponenent that should be opened when the host element is clicked on
     */
    spinqueFacetDropdownTrigger?: SpinqueFacetDropdown;
    constructor(elRef: ElementRef);
    click(): void;
    onKeyDown(event: KeyboardEvent): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueFacetDropdownTrigger, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<SpinqueFacetDropdownTrigger, "[spinqueFacetDropdownTrigger]", never, { "spinqueFacetDropdownTrigger": { "alias": "spinqueFacetDropdownTrigger"; "required": false; }; }, {}, never, never, true, never>;
}

/**
 * Renders a label string for a given facet component, indicating what is/is not selected
 */
declare class SpinqueFacetLabel {
    selected: i0.InputSignal<any>;
    options: i0.InputSignal<any[]>;
    singular: i0.InputSignal<string>;
    plural: i0.InputSignal<string>;
    readonly selectedOptions: i0.Signal<any[]>;
    static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueFacetLabel, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueFacetLabel, "spinque-facet-label", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "singular": { "alias": "singular"; "required": false; "isSignal": true; }; "plural": { "alias": "plural"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class SpinqueFacetMultiList implements OnInit, OnChanges, DropdownableFacet {
    private api;
    queryStack: Query[];
    sort: 'name' | 'score';
    sortOrder: 'asc' | 'desc';
    sortFn?: (a: object, b: object) => number;
    templateRef?: TemplateRef<any>;
    search: boolean;
    searchLabel: string;
    count: number;
    scroll: boolean;
    scrollOffset: number;
    showScore: boolean;
    selected: string[];
    singular: string;
    plural: string;
    noResults: string;
    noResultsSecondaryLabel: string;
    showNoneAsAll: boolean;
    optionMapping: (option: any) => any;
    visible: boolean;
    options: any[];
    optionIds: string[];
    filteredOptions: any[];
    isLoading: i0.WritableSignal<boolean>;
    queryControl: FormControl<string | null>;
    error: any;
    queryChange: BehaviorSubject<Query[]>;
    selectedChange: EventEmitter<string[]>;
    deselectedChange: EventEmitter<string[]>;
    template?: TemplateRef<any>;
    constructor(api: SpinqueApiService);
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    clear(): void;
    update(): void;
    get facetId(): string;
    hasRelevantChange(queryChange: SimpleChange): boolean;
    isEqual(a: any, b: any): boolean;
    getFacetOptions(offset?: number): Observable<any[]>;
    compareOption(o1: any, o2: any): any;
    selectionChange(): void;
    deselectOne(event: MatSelectionListChange): void;
    setSelection(options: any[]): void;
    listScroll(event: any): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueFacetMultiList, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueFacetMultiList, "spinque-facet-multi-list", ["spinqueFacetMultiList"], { "queryStack": { "alias": "queryStack"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "sortOrder": { "alias": "sortOrder"; "required": false; }; "sortFn": { "alias": "sortFn"; "required": false; }; "templateRef": { "alias": "templateRef"; "required": false; }; "search": { "alias": "search"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "count": { "alias": "count"; "required": false; }; "scroll": { "alias": "scroll"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "showScore": { "alias": "showScore"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "singular": { "alias": "singular"; "required": false; }; "plural": { "alias": "plural"; "required": false; }; "noResults": { "alias": "noResults"; "required": false; }; "noResultsSecondaryLabel": { "alias": "noResultsSecondaryLabel"; "required": false; }; "showNoneAsAll": { "alias": "showNoneAsAll"; "required": false; }; "optionMapping": { "alias": "optionMapping"; "required": false; }; }, { "selectedChange": "selectedChange"; "deselectedChange": "deselectedChange"; }, ["template"], never, true, never>;
}

/**
 * Component that contains the dropdown with facet
 */
declare class SpinqueFacetOverlayComponent implements OnInit {
    facetOverlayRef: SpinqueFacetOverlayRef;
    template: TemplateRef<any>;
    private elementRef;
    animationState: 'void' | 'enter';
    animationStateChanged: EventEmitter<AnimationEvent>;
    constructor(facetOverlayRef: SpinqueFacetOverlayRef, template: TemplateRef<any>, elementRef: ElementRef);
    ngOnInit(): void;
    onKeyDown(event: KeyboardEvent): void;
    z8: boolean;
    get dropDown(): string;
    static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueFacetOverlayComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueFacetOverlayComponent, "spinque-facet-overlay", never, {}, {}, never, never, true, never>;
}

/**
 * Simple component that combines a button, SpinqueFacetDropdown and SpinqueFacetMultiList into one single
 * button that toggles a dropdown containing a multilist facet.
 */
declare class SpinqueFacetToggle {
    /**
     * The QueryStack to get the facet options for
     */
    queryStack: Query[];
    sort: 'name' | 'score';
    sortOrder: 'asc' | 'desc';
    sortFn?: (a: object, b: object) => number;
    search: boolean;
    searchLabel: string;
    count: number;
    scrollOffset: number;
    height?: string;
    showScore: boolean;
    selected: string[];
    singular: string;
    plural: string;
    noResults: string;
    noResultsSecondaryLabel: string;
    optionMapping: (input: any) => any;
    /**
     * The text to display in the toggle button
     */
    label?: string;
    ariaLabel?: string;
    ariaLabelClearButton?: string;
    ariaLabelCloseButton?: string;
    /**
     * Emits when the selection of the facet has changed
     */
    selectedChange: EventEmitter<string[]>;
    templateRef?: TemplateRef<any>;
    static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueFacetToggle, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueFacetToggle, "spinque-facet-toggle", never, { "queryStack": { "alias": "queryStack"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "sortOrder": { "alias": "sortOrder"; "required": false; }; "sortFn": { "alias": "sortFn"; "required": false; }; "search": { "alias": "search"; "required": false; }; "searchLabel": { "alias": "searchLabel"; "required": false; }; "count": { "alias": "count"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "height": { "alias": "height"; "required": false; }; "showScore": { "alias": "showScore"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "singular": { "alias": "singular"; "required": false; }; "plural": { "alias": "plural"; "required": false; }; "noResults": { "alias": "noResults"; "required": false; }; "noResultsSecondaryLabel": { "alias": "noResultsSecondaryLabel"; "required": false; }; "optionMapping": { "alias": "optionMapping"; "required": false; }; "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelClearButton": { "alias": "ariaLabelClearButton"; "required": false; }; "ariaLabelCloseButton": { "alias": "ariaLabelCloseButton"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["templateRef"], never, true, never>;
}

declare class SpinqueFacetNumberSlider implements OnInit, OnChanges, DropdownableFacet {
    private rest;
    queryStack: Query[];
    label: string;
    step: number;
    optionMapping: ((o: ResultItem<TupleTypes[]>) => string) | undefined;
    numberFormatter: (o: string) => number;
    displayFormatter: ((o: number) => string) | undefined;
    debounceTime: number;
    selectedChange: EventEmitter<number | undefined>;
    formField: FormControl<number>;
    queryChange: BehaviorSubject<Query[]>;
    options: number[];
    isLoading: boolean;
    _selected: number | undefined;
    get selected(): number | undefined;
    set selected(value: undefined | number | string | string[]);
    constructor(rest: SpinqueApiService);
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    get facetId(): string;
    update(): void;
    hasRelevantChange(queryChange: {
        previousValue: Query[] | null;
        currentValue: Query[] | null;
        firstChange: boolean;
    }): boolean;
    clear(): void;
    getFacetOptions(): Observable<number[]>;
    compareOption(o1: any, o2: any): any;
    get min(): number;
    get max(): number;
    get range(): number;
    static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueFacetNumberSlider, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueFacetNumberSlider, "spinque-facet-number-slider", never, { "queryStack": { "alias": "queryStack"; "required": false; }; "label": { "alias": "label"; "required": false; }; "step": { "alias": "step"; "required": false; }; "optionMapping": { "alias": "optionMapping"; "required": false; }; "numberFormatter": { "alias": "numberFormatter"; "required": false; }; "displayFormatter": { "alias": "displayFormatter"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
}

declare class SpinqueFacetDateSlider implements OnInit, OnChanges, DropdownableFacet {
    private datePipe;
    queryStack: Query[];
    label: string;
    step: number;
    optionMapping: (o: ResultItem<TupleTypes[]>) => string;
    selected: string | string[] | undefined;
    selectedChange: EventEmitter<string | undefined>;
    format: string;
    slider?: SpinqueFacetNumberSlider;
    numberToDate: (n: number) => string;
    dateToNumber: (n: string) => number;
    constructor(datePipe: DatePipe);
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    get facetId(): string;
    update(): void;
    clear(): void;
    parseSelectedChange(value: number | undefined): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<SpinqueFacetDateSlider, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<SpinqueFacetDateSlider, "spinque-facet-date-slider", never, { "queryStack": { "alias": "queryStack"; "required": false; }; "label": { "alias": "label"; "required": false; }; "step": { "alias": "step"; "required": false; }; "optionMapping": { "alias": "optionMapping"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "format": { "alias": "format"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
}

export { SpinqueFacetDateSlider, SpinqueFacetDropdown, SpinqueFacetDropdownCloseDirective, SpinqueFacetDropdownService, SpinqueFacetDropdownTrigger, SpinqueFacetLabel, SpinqueFacetMultiList, SpinqueFacetNumberSlider, SpinqueFacetOverlayComponent, SpinqueFacetToggle };