import * as _angular_core from '@angular/core';
import { ElementRef } from '@angular/core';
import { Observable } from 'rxjs';
import { TbxError } from '@lacera/ngx-toolbox/http';

/** Displays error messages for the specified control. */
declare abstract class TbxBaseComponent {
    /** Gets or sets a value indicating whether we're displaying in delete mode. */
    deleteMode: boolean;
    /** Indicates the component is busy with some operation. */
    busy: _angular_core.WritableSignal<boolean>;
    /** Gets or sets the title of the page. */
    pageTitle: string;
    /** General error message used to display on the component. */
    errorMessage: _angular_core.WritableSignal<string>;
    /** The actual error received during the pipe. */
    error: TbxError | null;
    /**
     * Pipes in to the given stream to catch errors and store them in the
     * {@link errorMessage} and {@link error} base variables.
     * @param source The stream to pipe in to.
     * @returns The result of observable or rethrows the caught error.
     */
    protected pipe$<T>(source: Observable<T>): Observable<T>;
    /**
     * Handles errors encountered during an observable stream.
     * @param error The error received through the stream.
     * @param message An optional message to prepend to the error message.
     * @param showOriginalError Indicates to show the original message (the optional
     * message must be provided).
     * @returns The error once it has been logged.
     */
    protected handleError<T>(error: TbxError, message?: string, showOriginalError?: boolean): Observable<T | null>;
    /** Resets the error and success messages and other state properties. */
    protected resetState(): void;
}

declare class TbxSearchComponent {
    inputRef: ElementRef;
    initialValue: _angular_core.InputSignal<string>;
    placeholder: _angular_core.InputSignal<string>;
    clearButtonClass: _angular_core.InputSignal<string>;
    searchIconClass: _angular_core.InputSignal<string>;
    debounceTime: _angular_core.InputSignal<number>;
    showSearchIcon: _angular_core.InputSignal<boolean>;
    showClearButton: _angular_core.InputSignal<boolean>;
    search: _angular_core.OutputEmitterRef<string>;
    private searchSubject;
    constructor();
    onKeyUp(event: Event): void;
    reset(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TbxSearchComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TbxSearchComponent, "tbx-search-input", never, { "initialValue": { "alias": "initialValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearButtonClass": { "alias": "clearButtonClass"; "required": false; "isSignal": true; }; "searchIconClass": { "alias": "searchIconClass"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "showSearchIcon": { "alias": "showSearchIcon"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; }, { "search": "search"; }, never, never, true, never>;
}

declare class TbxRegionBadgeComponent {
    /** The region number to display (37=prod, 55=dev, etc.) */
    readonly region: _angular_core.InputSignal<number>;
    /** The region short label. */
    readonly label: _angular_core.InputSignal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TbxRegionBadgeComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TbxRegionBadgeComponent, "tbx-region-badge", never, { "region": { "alias": "region"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

/**
 * Displays the standard action group of buttons. This can be used in a table row
 * for an item, or anywhere. It only shows buttons and not links. To use links
 * and buttons, use TbxRowActionsComponent or TbxRowButtonsComponent in
 * @lacera/ngx-toolbox/table.
 */
declare class TbxRowActionButtonsComponent {
    readonly showEdit: _angular_core.InputSignal<boolean>;
    readonly showDelete: _angular_core.InputSignal<boolean>;
    readonly showUndo: _angular_core.InputSignal<boolean>;
    /** The class to apply to the buttons (defaults to 'btn btn-sm btn-light'). */
    readonly buttonClass: _angular_core.InputSignal<string>;
    readonly editIcon: _angular_core.InputSignal<string>;
    readonly deleteIcon: _angular_core.InputSignal<string>;
    readonly undoIcon: _angular_core.InputSignal<string>;
    readonly editClick: _angular_core.OutputEmitterRef<void>;
    readonly undoClick: _angular_core.OutputEmitterRef<void>;
    readonly deleteClick: _angular_core.OutputEmitterRef<void>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TbxRowActionButtonsComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TbxRowActionButtonsComponent, "tbx-row-action-buttons", never, { "showEdit": { "alias": "showEdit"; "required": false; "isSignal": true; }; "showDelete": { "alias": "showDelete"; "required": false; "isSignal": true; }; "showUndo": { "alias": "showUndo"; "required": false; "isSignal": true; }; "buttonClass": { "alias": "buttonClass"; "required": false; "isSignal": true; }; "editIcon": { "alias": "editIcon"; "required": false; "isSignal": true; }; "deleteIcon": { "alias": "deleteIcon"; "required": false; "isSignal": true; }; "undoIcon": { "alias": "undoIcon"; "required": false; "isSignal": true; }; }, { "editClick": "editClick"; "undoClick": "undoClick"; "deleteClick": "deleteClick"; }, never, never, true, never>;
}

interface TbxMultiCheckboxItem {
    id?: unknown;
    title: string;
    description?: string;
    imageUrl?: string;
    imageWidth?: number;
    imageHeight?: number;
    checked: boolean;
    data?: unknown;
}

declare class MultiCheckboxComponent {
    readonly items: _angular_core.InputSignal<TbxMultiCheckboxItem[]>;
    /**
     * The CSS classes to apply to the 'container' element (defaults to
     *  'form-control p-0 overflow-auto').
     */
    readonly containerClass: _angular_core.InputSignal<string>;
    /**
     * The CSS classes to apply to the 'ul' element (defaults to
     *  'list-group list-group-flush').
     */
    readonly listClass: _angular_core.InputSignal<string>;
    /**
     * The CSS classes to apply to the 'li' element (defaults to 'list-group-item').
     */
    readonly itemClass: _angular_core.InputSignal<string>;
    /**
     * The CSS classes to apply to the container div inside the 'li' element
     *  (defaults to 'd-flex align-items-center px-2 py-1').
     */
    readonly itemContainerClass: _angular_core.InputSignal<string>;
    /**
     * The CSS classes to apply to the 'input' control (defaults to
     *  'form-check-label').
     */
    readonly labelClass: _angular_core.InputSignal<string>;
    /**
     * The CSS classes to apply to the 'input' control (defaults to
     *  'form-check-input me-1').
     */
    readonly inputClass: _angular_core.InputSignal<string>;
    /**
     * The CSS classes to apply to the 'img> control if an image is provided
     * (defaults to 'rounded-circle me-1').
     */
    readonly imageClass: _angular_core.InputSignal<string>;
    /**
     * The maximum height of the container in pixels (defaults to none: 0 to
     * take as much space as needed).
     */
    readonly maxHeight: _angular_core.InputSignal<number | undefined>;
    readonly selectChange: _angular_core.OutputEmitterRef<TbxMultiCheckboxItem[]>;
    protected checkboxChange(id: unknown, event: Event): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiCheckboxComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiCheckboxComponent, "tbx-multi-checkbox", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "containerClass": { "alias": "containerClass"; "required": false; "isSignal": true; }; "listClass": { "alias": "listClass"; "required": false; "isSignal": true; }; "itemClass": { "alias": "itemClass"; "required": false; "isSignal": true; }; "itemContainerClass": { "alias": "itemContainerClass"; "required": false; "isSignal": true; }; "labelClass": { "alias": "labelClass"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "imageClass": { "alias": "imageClass"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; }, { "selectChange": "selectChange"; }, never, never, true, never>;
}

export { MultiCheckboxComponent, TbxBaseComponent, TbxRegionBadgeComponent, TbxRowActionButtonsComponent, TbxSearchComponent };
export type { TbxMultiCheckboxItem };