import * as _angular_core from '@angular/core';
import { OnDestroy } from '@angular/core';
import { Clipboard } from '@angular/cdk/clipboard';
import { TLocale } from '@talenra/ngx-base/shared';
import { TTooltipPosition } from '@talenra/ngx-base/tooltip';

/**
 * Values accepted by `Copy-Content`'s `copyContentPosition` property. Determines the position of the copy-content-button relative to
 * the hosting element.
 *
 * ```html
 * <span textToCopy="Text to copy" copyContentPosition="north">Hover me</span>
 * ```
 *
 * ### Import
 *
 * ```typescript
 * import { CopyContentTypes } from '@talenra/ngx-base/copy-content';
 * ```
 *
 * @see {@link CopyContentDirective}
 */
declare const CopyContentPosition: {
    readonly West: "west";
    readonly East: "east";
};
/**
 * Type of values accepted by `Copy-Content`'s `copyContentPosition` property.
 *
 * ### Import
 *
 * ```typescript
 * import { TCopyContentPosition } from '@talenra/ngx-base/copy-content';
 * ```
 *
 * @see {@link CopyContentDirective}
 */
type TCopyContentPosition = (typeof CopyContentPosition)[keyof typeof CopyContentPosition];

/**
 * CopyContent provides a CopyContentButton which is displayed when the hosting element is hovered. By default the
 * CopyContentButton is displayed right of the hosting element (east). The preferred position can be changed
 * (s. {@link #position|copyContentPosition}). If space is limited, position is adjusted automatically.
 *
 * ```html
 * <span textToCopy="text to copy" />
 * ```
 *
 * ### Import
 *
 * ```typescript
 * import { CopyContentDirective } from '@talenra/ngx-base/copy-content';
 * ```
 */
declare class CopyContentDirective implements OnDestroy {
    private elementRef;
    private overlay;
    /**
     * Text copied to clipboard when element is clicked.
     *
     * ```html
     * <span textToCopy="Text to copy" />
     * ```
     */
    toCopy: _angular_core.InputSignal<string>;
    /**
     * The position relative to the hosting element ('north', 'east', …). Defaults to 'east'.
     *
     * ```html
     * <span textToCopy="Text to copy" copyContentPosition="west" />
     * ```
     *
     * @see {@link CopyContentPosition}
     * @see {@link TCopyContentPosition}
     */
    position: _angular_core.InputSignal<TCopyContentPosition>;
    /**
     * Inverts the color of the icon (white with opacity 0.5). Useful for dark backgrounds.
     *
     * ```html
     * <span textToCopy="Text to copy" copyContentNegativeColor />
     * ```
     */
    negativeColor: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Text displayed in the tooltip.
     *
     * ```html
     * <talenra-copy-content-button copyContentTooltip="Tooltip text" />
     * ```
     */
    tooltip: _angular_core.InputSignal<string>;
    /** The overlay reference where the CopyContentButton resides */
    private overlayRef;
    /** Instance of CopyContentButton attached to overlay. */
    private buttonInstance?;
    /** Timeout to detach after fade-out transition has completed */
    private detachTimeoutId?;
    /** Timeout to show slightly delayed */
    private showTimeoutId?;
    /** Timeout to hide slightly delayed */
    private hideTimeoutId?;
    /** @internal */
    ngOnDestroy(): void;
    /** Returns the position configuration for the overlay. */
    private getPositionStrategy;
    /** Create and setup overlay with button if required and return reference to button component */
    private setupButton;
    /** Shows the overlay. */
    private show;
    /** Fade out and detach button with a slight delay */
    private hide;
    /** Closes the overlay. */
    private detach;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CopyContentDirective, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CopyContentDirective, "[textToCopy]", never, { "toCopy": { "alias": "textToCopy"; "required": false; "isSignal": true; }; "position": { "alias": "copyContentPosition"; "required": false; "isSignal": true; }; "negativeColor": { "alias": "copyContentNegativeColor"; "required": false; "isSignal": true; }; "tooltip": { "alias": "copyContentTooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

/**
 * The copy content button component.
 * This component is used to copy the content of a text field.
 *
 * ```html
 * <talenra-copy-content-button toCopy="text to copy" />
 * ```
 *
 * ### Import
 *
 * ```typescript
 * import { CopyContentButtonComponent } from '@talenra/ngx-base/copy-content';
 * ```
 */
declare class CopyContentButtonComponent {
    /**
     * Text displayed that is to copy.
     *
     * ```html
     * <talenra-copy-content-button toCopy="Text to copy" />
     * ```
     */
    toCopy: _angular_core.InputSignal<string>;
    /**
     * State if the color of the icon should be negative (white with opacity 0.5).
     *
     * ```html
     * <talenra-copy-content-button negativeColor />
     * ```
     */
    negativeColor: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * The position relative to the hosting element ('west', 'east'). Defaults to 'east'.
     *
     * ```html
     * <talenra-copy-content-button position="west" />
     * ```
     *
     * @see {@link CopyContentPosition}
     * @see {@link TCopyContentPosition}
     */
    position: _angular_core.InputSignal<TCopyContentPosition>;
    /**
     * The tooltip text.
     *
     * ```html
     * <talenra-copy-content-button tooltip="Tooltip text" />
     * ```
     */
    tooltip: _angular_core.InputSignal<string>;
    /**
     * Locale to dynamically overwrite the app's locale.
     * Allowed values, see: Locale
     *
     * ```html
     * <talenra-copy-content dynamicLocale="fr-CH" />
     * ```
     *
     * @see {@link Locale}
     * @see {@link TLocale}
     */
    dynamicLocale: _angular_core.InputSignal<TLocale | null>;
    /**
     * The tooltip position. In relation to the button position.
     */
    tooltipPosition: _angular_core.Signal<TTooltipPosition>;
    /**
     * The locale to use.
     */
    private locale;
    /**
     * Text displayed in the tooltip. If no tooltip text is provided, the default text will be used.
     */
    protected tooltipText: _angular_core.Signal<string>;
    /**
     * The boolean to check if the item is copied.
     */
    protected isCopied: boolean;
    /**
     * Used for visual transitions. When `active`, the component is visible or fading-in, while `inactive` the component
     * is invisible or fading-out.
     */
    get state(): 'active' | 'inactive';
    set state(value: 'active' | 'inactive');
    /** State is set 'inactive' while fade-out transition is in progress. */
    private _state;
    /** Helper: Add classes to host element (hooks for styling) */
    private get hostClass();
    /**
     * The injected dependencies.
     */
    protected clipboard: Clipboard;
    private appLocale;
    private changeDetector;
    /**
     * After the icon is clicked, the data-item-attribute will be copied.
     * @param event The mouse event.
     */
    protected copyText(event: MouseEvent): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CopyContentButtonComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CopyContentButtonComponent, "talenra-copy-content-button", never, { "toCopy": { "alias": "toCopy"; "required": false; "isSignal": true; }; "negativeColor": { "alias": "negativeColor"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "dynamicLocale": { "alias": "dynamicLocale"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { CopyContentButtonComponent, CopyContentDirective, CopyContentPosition };
export type { TCopyContentPosition };