import * as _angular_core from '@angular/core';
import { WritableSignal, Signal, TemplateRef } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';

type PillboxSize = 'default' | 'sm';
type PillboxVariant = 'default' | 'combobox';
interface PillboxSelectedItem {
    readonly value: unknown;
    readonly label: string;
    readonly template: TemplateRef<unknown> | null;
    readonly track: unknown;
}
declare abstract class PillboxContext {
    abstract readonly query: WritableSignal<string>;
    abstract readonly openState: Signal<boolean>;
    abstract optionVisible(option: PillboxOptionComponent): boolean;
    abstract optionSelected(option: PillboxOptionComponent): boolean;
    abstract chooseOption(option: PillboxOptionComponent, event: Event): void;
    abstract createVisible(option: PillboxOptionCreateComponent): boolean;
    abstract chooseCreate(option: PillboxOptionCreateComponent, event: Event): void;
    abstract emptyVisible(): boolean;
    abstract emptyMessage(): string;
}
declare class PillboxSelectedDirective {
    readonly template: TemplateRef<unknown>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PillboxSelectedDirective, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PillboxSelectedDirective, "ng-template[PillboxSelected]", ["PillboxSelected"], {}, {}, never, never, true, never>;
}
declare class PillboxOptionComponent {
    private readonly context;
    private readonly element;
    private readonly selectedTemplate;
    readonly value: _angular_core.InputSignal<unknown>;
    readonly label: _angular_core.InputSignal<string>;
    readonly selectedLabel: _angular_core.InputSignal<string>;
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
    readonly filterable: _angular_core.InputSignalWithTransform<boolean, unknown>;
    readonly class: _angular_core.InputSignal<string>;
    readonly selectedChange: _angular_core.OutputEmitterRef<unknown>;
    protected readonly selected: Signal<boolean>;
    protected readonly visible: Signal<boolean>;
    protected readonly classes: Signal<string>;
    textLabel(): string;
    pillLabel(): string;
    pillTemplate(): TemplateRef<unknown> | null;
    protected handleClick(event: Event): void;
    protected handleKeydown(event: KeyboardEvent): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PillboxOptionComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PillboxOptionComponent, "PillboxOption, button[PillboxOption]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; }, ["selectedTemplate"], ["*"], true, never>;
}
declare class PillboxOptionCreateComponent {
    private readonly context;
    readonly minLength: _angular_core.InputSignalWithTransform<number, unknown>;
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
    readonly class: _angular_core.InputSignal<string>;
    readonly selected: _angular_core.OutputEmitterRef<string>;
    protected readonly visible: Signal<boolean>;
    protected readonly classes: Signal<string>;
    protected handleClick(event: Event): void;
    protected handleKeydown(event: KeyboardEvent): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PillboxOptionCreateComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PillboxOptionCreateComponent, "PillboxOptionCreate, button[PillboxOptionCreate]", never, { "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, never>;
}
declare class PillboxOptionEmptyComponent {
    protected readonly context: PillboxContext;
    readonly whenLoading: _angular_core.InputSignal<string>;
    readonly class: _angular_core.InputSignal<string>;
    protected readonly classes: Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PillboxOptionEmptyComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PillboxOptionEmptyComponent, "PillboxOptionEmpty", never, { "whenLoading": { "alias": "whenLoading"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}
declare class PillboxComponent extends PillboxContext implements ControlValueAccessor {
    private readonly element;
    private readonly document;
    private readonly destroyRef;
    readonly id: _angular_core.InputSignal<string | null>;
    readonly placeholder: _angular_core.InputSignal<string>;
    readonly searchPlaceholder: _angular_core.InputSignal<string>;
    readonly size: _angular_core.InputSignal<PillboxSize>;
    readonly variant: _angular_core.InputSignal<PillboxVariant>;
    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
    readonly searchable: _angular_core.InputSignalWithTransform<boolean, unknown>;
    readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
    readonly clearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
    readonly emptyText: _angular_core.InputSignal<string>;
    readonly loadingText: _angular_core.InputSignal<string>;
    readonly ariaLabel: _angular_core.InputSignal<string | null>;
    readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
    readonly ariaLabelledby: _angular_core.InputSignal<string | null>;
    readonly class: _angular_core.InputSignal<string>;
    readonly valueChange: _angular_core.OutputEmitterRef<unknown>;
    readonly searchChange: _angular_core.OutputEmitterRef<string>;
    readonly create: _angular_core.OutputEmitterRef<string>;
    readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
    readonly query: WritableSignal<string>;
    readonly openState: WritableSignal<boolean>;
    private readonly selectedValues;
    private readonly disabledFromControl;
    private readonly generatedId;
    private readonly trigger;
    private readonly inlineSearch;
    private readonly panelSearch;
    private readonly options;
    private readonly createOptions;
    private readonly emptyOptions;
    private removeDocumentListener;
    private onChange;
    private onTouched;
    protected readonly panelId: string;
    protected readonly resolvedId: Signal<string>;
    protected readonly disabledState: Signal<boolean>;
    protected readonly classes: Signal<string>;
    protected readonly triggerClasses: Signal<string>;
    protected readonly pillClasses: Signal<string>;
    protected readonly panelClasses: Signal<string>;
    protected readonly selectedItems: Signal<readonly PillboxSelectedItem[]>;
    constructor();
    optionVisible(option: PillboxOptionComponent): boolean;
    optionSelected(option: PillboxOptionComponent): boolean;
    chooseOption(option: PillboxOptionComponent, event: Event): void;
    createVisible(option: PillboxOptionCreateComponent): boolean;
    chooseCreate(option: PillboxOptionCreateComponent, event: Event): void;
    emptyVisible(): boolean;
    emptyMessage(): string;
    protected handleTriggerClick(): void;
    protected handleTriggerKeydown(event: KeyboardEvent): void;
    protected handleSearchInput(event: Event): void;
    protected handleInlineBackspace(event: KeyboardEvent): void;
    protected clearSearch(event: Event): void;
    protected clear(event: Event): void;
    protected removeSelected(value: unknown, event: Event): void;
    open(): void;
    close(): void;
    focus(): void;
    writeValue(value: unknown): void;
    registerOnChange(fn: (value: unknown) => void): void;
    registerOnTouched(fn: () => void): void;
    setDisabledState(disabled: boolean): void;
    private emitValue;
    private hasValue;
    private findOption;
    private hasVisibleOptions;
    private hasVisibleCreateOption;
    private sameValue;
    private focusSearchInput;
    private bindOutsideListener;
    private removeOutsideListener;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PillboxComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PillboxComponent, "Pillbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "searchChange": "searchChange"; "create": "create"; "openedChange": "openedChange"; }, ["options", "createOptions", "emptyOptions"], ["*"], true, never>;
}

export { PillboxComponent, PillboxOptionComponent, PillboxOptionCreateComponent, PillboxOptionEmptyComponent, PillboxSelectedDirective };
export type { PillboxSize, PillboxVariant };