import { EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
import { AbstractControl, ControlContainer, ControlValueAccessor } from '@angular/forms';
import { QdEventBrokerService } from '../../core/services/event-broker.service';
import { QdFormCheckboxesConfiguration, QdFormOption } from '../model/forms.interface';
import { QdFormsActionEmitterService } from '../shared/services/action-emitter.service';
import { QdCheckboxComponent } from './checkbox/checkbox.component';
import { QdCheckboxesService } from './checkboxes-service/checkboxes.service';
import { QdFormCheckboxOptions } from '../model/options.interface';
import * as i0 from "@angular/core";
/**
 * The **QdCheckboxes** is a component that provides a form element for checkboxes.<br />
 * It allows users to select multiple options from a list of checkboxes. It can be used with Quadrel Reactive Forms or with model binding.
 *
 * ####**Usage with Reactive Forms**
 *
 * ```ts
 * form = new QdFormGroup({
 *   checkboxes: new QdFormControl([])
 * });
 * ```
 * ```html
 * <form [formGroup]="form">
 *   <qd-checkboxes formControlName="checkboxes" [config]="config"></qd-checkboxes>
 * </form>
 * ```
 *
 * ####**Usage with Model Binding**
 * ```ts
 * values;
 * ```
 * ```html
 * <qd-checkboxes [(values)]="values" [config]="config"></qd-checkboxes>
 * ```
 */
export declare class QdCheckboxesComponent implements OnInit, OnChanges, OnDestroy, ControlValueAccessor {
    private readonly checkboxesService;
    private readonly actionEmitterService;
    private readonly controlContainer;
    private readonly eventBrokerService;
    private readonly ngZone;
    /**
     * The form control name can be assigned here if you want to use Reactive Forms.
     */
    formControlName: string;
    /**
     * The current form item values, if you are working with Model Binding.
     *
     * @example
     * <qd-checkboxes [(values)]="values" [config]="config"></qd-checkboxes>
     */
    values: string[] | undefined;
    /**
     * The configuration for this form item
     *
     * @example
     * {
     *   label: { i18n: 'Qd-Forms Checkboxes' },
     *   align: 'horizontal',
     *   hint: { i18n: 'Helpertext' },
     *   options: [
     *     { i18n: 'i18n.qd.exampleFormField.goodsDeclaration.import', value: 'import' },
     *     { i18n: 'i18n.qd.exampleFormField.goodsDeclaration.export', value: 'export' },
     *     { i18n: 'i18n.qd.exampleFormField.goodsDeclaration.transit', value: 'transit' }
     *   ]
     * };
     */
    config: QdFormCheckboxesConfiguration;
    /**
     * A static test ID for integration tests can be set. <br />
     * The value for the HTML attribute [data-test-id].
     */
    testId: string;
    /**
     * Emits event when the values change. Return values match the current values.
     */
    readonly valuesChange: EventEmitter<string[]>;
    /**
     * Emits event when the hint is clicked/tapped. `hintAction` must be set to `true` for this.
     */
    readonly clickHint: EventEmitter<any>;
    /**
     * Emits event when a readonly value is clicked/tapped. `clickReadonly ` must be set to `true` for this.
     */
    readonly clickReadonly: EventEmitter<any>;
    /**
     * Emits event when a viewonly value is clicked/tapped. `clickViewonly ` must be set to `true` for this.
     */
    readonly clickViewonly: EventEmitter<any>;
    checkboxes: QueryList<QdCheckboxComponent>;
    readonly: boolean;
    readonlyAction: boolean;
    viewonly: boolean;
    viewonlyAction: boolean;
    hintAction: boolean;
    disabled: boolean;
    get hasError(): boolean;
    get isVertical(): boolean;
    get isHorizontal(): boolean;
    filter: boolean;
    label: string;
    hint: string;
    align: any;
    options: QdFormOption[];
    isLabelDisabled: boolean;
    isHintDisabled: boolean;
    id: string;
    checkboxesListForView: QdFormCheckboxOptions;
    checkboxesValues: string[];
    control: AbstractControl;
    private _onChange;
    private _onTouch;
    private _subs;
    get hasHint(): boolean;
    get selectedValuesTranslated(): string[];
    get required(): boolean;
    constructor(checkboxesService: QdCheckboxesService, actionEmitterService: QdFormsActionEmitterService, controlContainer: ControlContainer, eventBrokerService: QdEventBrokerService, ngZone: NgZone);
    ngOnInit(): void;
    ngOnChanges(changes: SimpleChanges): void;
    ngOnDestroy(): void;
    registerOnChange(fn: (_: any) => void): void;
    registerOnTouched(fn: any): void;
    writeValue(values: any): void;
    setDisabledState(disabled: boolean): void;
    handleClick(checkbox: any): void;
    changeValue($event: any): void;
    private haveOptionsChanged;
    private updateConfiguration;
    private setCheckboxesData;
    private updateCheckboxesData;
    private handleOptionsChange;
    private setInitialValues;
    private initOpModeSubscription;
    static ɵfac: i0.ɵɵFactoryDeclaration<QdCheckboxesComponent, [null, null, { optional: true; host: true; skipSelf: true; }, { optional: true; }, null]>;
    static ɵcmp: i0.ɵɵComponentDeclaration<QdCheckboxesComponent, "qd-checkboxes", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "values": { "alias": "values"; "required": false; }; "config": { "alias": "config"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, { "valuesChange": "valuesChange"; "clickHint": "clickHint"; "clickReadonly": "clickReadonly"; "clickViewonly": "clickViewonly"; }, never, never, false, never>;
}
//# sourceMappingURL=checkboxes.component.d.ts.map