import * as _angular_core from '@angular/core';
import { InjectionToken } from '@angular/core';
import { LuccaIcon } from '@lucca-front/icons';
import { PortalContent, Palette, LuTranslation } from '@lucca-front/ng/core';
import { ConnectionPositionPair } from '@angular/cdk/overlay';
import { PopoverPosition } from '@lucca-front/ng/popover2';
import * as _lucca_front_ng_callout from '@lucca-front/ng/callout';

declare class CalloutActionsComponent {
    readonly inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutActionsComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutActionsComponent, "lu-callout-actions", never, { "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class CalloutDisclosureComponent {
    /**
     * The title of the disclosure callout
     */
    readonly heading: _angular_core.InputSignal<PortalContent>;
    /**
     * Which icon should we display in the disclosure callout if any?
     * Defaults to no icon.
     */
    readonly icon: _angular_core.InputSignal<LuccaIcon>;
    /**
     * Which palette should be used for the entire disclosure callout.
     * Defaults to none (inherits parent palette)
     */
    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "primary" | "grey" | "brand">;
    /**
     * Which size should the disclosure callout be? Defaults to medium
     */
    readonly size: _angular_core.InputSignal<"M" | "S">;
    /**
     * State is a shorthand to set the icon and the palette to the recommended values for the icon and palette based on
     * the provided state.
     *
     * If one of the icon or palette inputs are filled along with the state input, their values will have the priority over
     * state (so setting state to success and palette to warning will make the palette warning)
     */
    readonly state: _angular_core.InputSignal<"success" | "warning" | "error">;
    /**
     * Is the disclosure callout is open by default
     */
    readonly open: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Emit boolean event when toggle disclosure callout opened
     */
    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
    readonly calloutPalette: _angular_core.Signal<string>;
    readonly calloutClasses: _angular_core.Signal<{
        [x: string]: boolean;
    }>;
    onToggle(event: Event): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutDisclosureComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutDisclosureComponent, "lu-callout-disclosure", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
}

declare class CalloutFeedbackItemDescriptionDirective {
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutFeedbackItemDescriptionDirective, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CalloutFeedbackItemDescriptionDirective, "lu-feedback-item-description", never, {}, {}, never, never, true, never>;
}
declare class CalloutFeedbackItemComponent {
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutFeedbackItemComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutFeedbackItemComponent, "li[lu-callout-feedback-item]", never, {}, {}, never, ["lu-feedback-item-description", "[lu-feedback-item-action]"], true, never>;
}

declare class CalloutFeedbackListComponent {
    #private;
    /**
     * Which palette should be used for the entire feedback list callout.
     * Defaults to none (inherits parent palette)
     */
    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "primary" | "grey" | "brand">;
    /**
     * Which size should the feedback list callout be? Defaults to medium
     */
    readonly size: _angular_core.InputSignal<"M" | "S">;
    constructor();
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutFeedbackListComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutFeedbackListComponent, "ul[lu-callout-feedback-list]", never, { "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class CalloutPopoverComponent {
    /**
     * Debounce for the popover to open (mouse will have to be on the element fox openDelay milliseconds for popover to show)
     */
    readonly openDelay: _angular_core.InputSignalWithTransform<number, unknown>;
    /**
     * Debounce for the popover to close (mouse will have to be out of both popover and trigger for closeDelay milliseconds for it to close)
     */
    readonly closeDelay: _angular_core.InputSignalWithTransform<number, unknown>;
    /**
     * Label (visual only) to put inside the button, often used to show just a number
     */
    readonly buttonLabel: _angular_core.InputSignal<string>;
    /**
     * Alternative for the button
     */
    readonly buttonAlt: _angular_core.InputSignal<string>;
    /**
     * Hide callout popover title if there is only one item
     */
    readonly headingHiddenIfSingleItem: _angular_core.InputSignalWithTransform<boolean, unknown>;
    readonly popoverTrigger: _angular_core.InputSignal<"click" | "click+hover" | "hover+focus">;
    /**
     * Palette for both the button and the popover content
     */
    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "primary" | "grey" | "brand">;
    /**
     * Size for both button and popover content
     */
    readonly size: _angular_core.InputSignal<"M" | "S" | "XS">;
    /**
     * Icon shows in button and next to popover's title
     */
    readonly icon: _angular_core.InputSignal<LuccaIcon>;
    /**
     * State is a shorthand to set the icon and the palette to the recommended values for the icon and palette based on
     * the provided state.
     *
     * If one of the icon or palette inputs are filled along with the state input, their values will have the priority over
     * state (so setting state to success and palette to warning will make the palette warning)
     */
    readonly state: _angular_core.InputSignal<"success" | "warning" | "error">;
    /**
     * Heading for the details popover
     */
    readonly heading: _angular_core.InputSignal<PortalContent>;
    /**
     * Defines callout popover open position above by default
     */
    readonly popoverPosition: _angular_core.InputSignal<PopoverPosition>;
    /**
     * Defines custom callout popover open position override popoverPosition
     */
    readonly customPopoverPositions: _angular_core.InputSignal<ConnectionPositionPair[]>;
    readonly feedbackItems: _angular_core.Signal<readonly CalloutFeedbackItemComponent[]>;
    readonly contentSize: _angular_core.Signal<"M" | "S">;
    readonly calloutOverlayClasses: _angular_core.Signal<{
        [x: string]: boolean;
    }>;
    readonly calloutPalette: _angular_core.Signal<string>;
    readonly calloutClasses: _angular_core.Signal<{
        [x: string]: boolean;
    }>;
    readonly calloutOverlayHeadClasses: _angular_core.Signal<{
        [x: string]: boolean;
    }>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutPopoverComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutPopoverComponent, "lu-callout-popover", never, { "openDelay": { "alias": "openDelay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "buttonAlt": { "alias": "buttonAlt"; "required": false; "isSignal": true; }; "headingHiddenIfSingleItem": { "alias": "headingHiddenIfSingleItem"; "required": false; "isSignal": true; }; "popoverTrigger": { "alias": "popoverTrigger"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "popoverPosition": { "alias": "popoverPosition"; "required": false; "isSignal": true; }; "customPopoverPositions": { "alias": "customPopoverPositions"; "required": false; "isSignal": true; }; }, {}, ["feedbackItems"], ["*"], true, never>;
}

declare const CalloutStates: readonly ["success", "warning", "error"];
type CalloutState = (typeof CalloutStates)[number];
declare const CalloutStateMap: Record<CalloutState, {
    icon: LuccaIcon;
    palette: Palette;
}>;

declare const LU_CALLOUT_TRANSLATIONS: InjectionToken<LuTranslation<LuCalloutLabel>>;
interface LuCalloutLabel {
    close: string;
}
declare const luCalloutTranslations: LuTranslation<LuCalloutLabel>;

type Hx = null | 1 | 2 | 3 | 4 | 5 | 6;

declare class CalloutComponent {
    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_callout.LuCalloutLabel, Partial<_lucca_front_ng_callout.LuCalloutLabel>>;
    /**
     * The title of the callout
     */
    readonly heading: _angular_core.InputSignal<PortalContent>;
    /**
     * Define the aria level of the title
     */
    readonly hx: _angular_core.InputSignalWithTransform<Hx, "1" | "2" | "3" | Hx | "4" | "5" | "6">;
    /**
     * Which palette should be used for the entire callout.
     * Defaults to none (inherits parent palette)
     */
    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "primary" | "grey" | "brand">;
    /**
     * Which size should the callout be? Defaults to medium
     */
    readonly size: _angular_core.InputSignal<"M" | "S">;
    /**
     * State is a shorthand to set the icon and the palette to the recommended values for the icon and palette based on
     * the provided state.
     *
     * If one of the icon or palette inputs are filled along with the state input, their values will have the priority over
     * state (so setting state to success and palette to warning will make the palette warning)
     */
    readonly state: _angular_core.InputSignal<"success" | "warning" | "error">;
    /**
     * Which icon should we display in the callout if any?
     * Defaults to no icon.
     */
    readonly icon: _angular_core.InputSignal<LuccaIcon>;
    /**
     * Should we display the remove icon?
     */
    readonly removable: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Is the callout removed? Works with two way binding too.
     */
    readonly removed: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Defines the icon’s alt attribute used for accessibility
     */
    readonly iconAlt: _angular_core.InputSignal<string>;
    /**
     * Displayed in AI mode
     */
    readonly AI: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Emit event when button removed is click
     */
    readonly removedChange: _angular_core.OutputEmitterRef<boolean>;
    readonly removedRef: _angular_core.WritableSignal<boolean>;
    readonly calloutClasses: _angular_core.Signal<{
        [x: string]: boolean;
    }>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutComponent, "lu-callout", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "hx": { "alias": "hx"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removed": { "alias": "removed"; "required": false; "isSignal": true; }; "iconAlt": { "alias": "iconAlt"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; }, { "removedChange": "removedChange"; }, never, ["*"], true, never>;
}

export { CalloutActionsComponent, CalloutComponent, CalloutDisclosureComponent, CalloutFeedbackItemComponent, CalloutFeedbackItemDescriptionDirective, CalloutFeedbackListComponent, CalloutPopoverComponent, CalloutStateMap, CalloutStates, LU_CALLOUT_TRANSLATIONS, luCalloutTranslations };
export type { CalloutState, LuCalloutLabel };