import * as _angular_core from '@angular/core';
import { ElementRef, OnDestroy } from '@angular/core';

declare class W2pButton {
    readonly onClick: _angular_core.OutputEmitterRef<void>;
    readonly variant: _angular_core.InputSignal<"primary" | "neutral">;
    readonly disabled: _angular_core.InputSignal<boolean>;
    protected readonly classes: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pButton, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pButton, "w2p-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["[icon]", "[label]", "[description]"], true, never>;
}

declare class W2pActionButton {
    readonly onClick: _angular_core.OutputEmitterRef<void>;
    readonly variant: _angular_core.InputSignal<"primary" | "neutral" | "critical" | "ghost">;
    readonly disabled: _angular_core.InputSignal<boolean>;
    protected readonly classes: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pActionButton, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pActionButton, "w2p-action-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["[icon]", "*"], true, never>;
}

declare class W2pInput {
    readonly inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
    readonly picture: _angular_core.InputSignal<string>;
    readonly type: _angular_core.InputSignal<string>;
    readonly trim: _angular_core.InputSignal<boolean>;
    readonly inputMode: _angular_core.InputSignal<string>;
    readonly placeholder: _angular_core.InputSignal<string>;
    readonly autofocus: _angular_core.InputSignal<boolean>;
    readonly disabledInput: _angular_core.InputSignal<boolean>;
    readonly invalid: _angular_core.InputSignal<boolean>;
    readonly value: _angular_core.WritableSignal<string>;
    readonly disabled: _angular_core.WritableSignal<boolean>;
    readonly typeToggling: _angular_core.WritableSignal<string>;
    private onChange;
    private onTouched;
    constructor();
    protected toggleType(): void;
    registerOnChange(fn: any): void;
    registerOnTouched(fn: any): void;
    setDisabledState(isDisabled: boolean): void;
    onInput(event: Event): void;
    writeValue(obj: string): void;
    onBlur(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pInput, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pInput, "w2p-input", never, { "picture": { "alias": "picture"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "trim": { "alias": "trim"; "required": false; "isSignal": true; }; "inputMode": { "alias": "inputMode"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabledInput"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class W2pLoader {
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pLoader, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pLoader, "w2p-loader", never, {}, {}, never, never, true, never>;
}

type W2pColorAlertVarinat = 'success' | 'info' | 'warning' | 'error' | 'warning' | 'default';
declare class W2pColorAlert {
    readonly label: _angular_core.InputSignal<string>;
    readonly variant: _angular_core.InputSignal<W2pColorAlertVarinat>;
    protected readonly classes: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pColorAlert, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pColorAlert, "w2p-color-alert", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["[icon]", "*"], true, never>;
}

declare class W2pOtpInput {
    readonly length: _angular_core.InputSignal<number>;
    readonly disabledInput: _angular_core.InputSignal<boolean>;
    readonly invalidInput: _angular_core.InputSignal<boolean>;
    readonly autofocus: _angular_core.InputSignal<boolean>;
    readonly complete: _angular_core.OutputEmitterRef<string>;
    readonly cells: _angular_core.Signal<readonly ElementRef<HTMLInputElement>[]>;
    readonly digits: _angular_core.WritableSignal<string[]>;
    readonly disabled: _angular_core.WritableSignal<boolean>;
    readonly invalid: _angular_core.WritableSignal<boolean>;
    private readonly ngControl;
    private readonly controlStatus;
    private onChange;
    private onTouched;
    constructor();
    registerOnChange(fn: any): void;
    registerOnTouched(fn: any): void;
    setDisabledState(isDisabled: boolean): void;
    setInvalid(isInvalid: boolean): void;
    writeValue(obj: string): void;
    onInput(event: Event, index: number): void;
    onKeydown(event: KeyboardEvent, index: number): void;
    onPaste(event: ClipboardEvent, index: number): void;
    reset(): void;
    onBlur(): void;
    private focusCell;
    private emitValue;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pOtpInput, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pOtpInput, "w2p-otp-input", never, { "length": { "alias": "length"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabledInput"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalidInput"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; }, { "complete": "complete"; }, never, never, true, never>;
}

declare class W2pLabel {
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pLabel, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pLabel, "w2p-label", never, {}, {}, never, ["[icon]", "[label]"], true, never>;
}

declare class W2pAvatar {
    readonly userId: _angular_core.InputSignal<number | undefined>;
    readonly userName: _angular_core.InputSignal<string | undefined>;
    readonly placeholder: _angular_core.InputSignal<string | undefined>;
    readonly srcFull: _angular_core.InputSignal<string | undefined>;
    protected readonly imageLoadFailed: _angular_core.WritableSignal<boolean>;
    protected visible: _angular_core.WritableSignal<boolean>;
    protected readonly color: _angular_core.Signal<string>;
    protected readonly latter: _angular_core.Signal<string>;
    protected loaded(): void;
    protected onImageError(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pAvatar, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pAvatar, "w2p-avatar", never, { "userId": { "alias": "userId"; "required": false; "isSignal": true; }; "userName": { "alias": "userName"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "srcFull": { "alias": "srcFull"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

declare class ProgressiveImageDirective implements OnDestroy {
    private el;
    private renderer;
    placeholder: _angular_core.InputSignal<string>;
    srcFull: _angular_core.InputSignal<string>;
    loadError: _angular_core.OutputEmitterRef<void>;
    private loaded;
    private observer?;
    private abortController?;
    private static cache;
    private static errorCache;
    constructor();
    private isElementInViewport;
    private createObserver;
    private loadFullImage;
    private setFullImage;
    private abortCurrent;
    ngOnDestroy(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressiveImageDirective, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ProgressiveImageDirective, "img[progressiveImage]", never, { "placeholder": { "alias": "placeholder"; "required": true; "isSignal": true; }; "srcFull": { "alias": "srcFull"; "required": true; "isSignal": true; }; }, { "loadError": "loadError"; }, never, never, true, never>;
}

declare class W2pSwipeConfirm {
    readonly label: _angular_core.InputSignal<string>;
    readonly loadingLabel: _angular_core.InputSignal<string>;
    readonly disabled: _angular_core.InputSignal<boolean>;
    readonly loading: _angular_core.InputSignal<boolean>;
    readonly threshold: _angular_core.InputSignal<number>;
    readonly confirmed: _angular_core.OutputEmitterRef<void>;
    readonly track: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
    readonly handle: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
    protected readonly settled: _angular_core.WritableSignal<boolean>;
    protected readonly isConfirmedVisual: _angular_core.Signal<boolean>;
    protected readonly pressed: _angular_core.WritableSignal<boolean>;
    private startX;
    private startTranslate;
    private maxTranslate;
    private currentTranslate;
    private dragging;
    onPointerDown(event: PointerEvent): void;
    onPointerMove(event: PointerEvent): void;
    onPointerUp(): void;
    reset(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pSwipeConfirm, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pSwipeConfirm, "w2p-swipe-confirm", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; }, { "confirmed": "confirmed"; }, never, never, true, never>;
}

declare class W2pSkeleton {
    styles: _angular_core.InputSignal<string>;
    height: _angular_core.InputSignal<string>;
    width: _angular_core.InputSignal<string>;
    borderRadius: _angular_core.InputSignal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pSkeleton, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pSkeleton, "w2p-skeleton", never, { "styles": { "alias": "styles"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": true; "isSignal": true; }; "width": { "alias": "width"; "required": true; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
}

type W2pColorAlertBigVarinat = 'success' | 'info' | 'warning' | 'error' | 'warning' | 'default';
declare class W2pColorAlertBig {
    readonly label: _angular_core.InputSignal<string>;
    readonly description: _angular_core.InputSignal<string>;
    readonly variant: _angular_core.InputSignal<W2pColorAlertBigVarinat>;
    protected readonly classes: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<W2pColorAlertBig, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<W2pColorAlertBig, "w2p-color-alert-big", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["[icon]"], true, never>;
}

export { ProgressiveImageDirective, W2pActionButton, W2pAvatar, W2pButton, W2pColorAlert, W2pColorAlertBig, W2pInput, W2pLabel, W2pLoader, W2pOtpInput, W2pSkeleton, W2pSwipeConfirm };
export type { W2pColorAlertBigVarinat, W2pColorAlertVarinat };