primeng/types/primeng-imagecompare.d.ts

PrimeNG is a premium UI library for Angular featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock,

import * as i0 from '@angular/core';
import { TemplateRef } from '@angular/core';
import { BaseComponent } from 'primeng/basecomponent';
import * as i1 from 'primeng/bind';
import { Bind } from 'primeng/bind';
import { ImageComparePassThrough } from 'primeng/types/imagecompare';
import { BaseStyle } from 'primeng/base';
import * as i2 from 'primeng/api';

/**
 *
 * ImageCompare compares two images side by side with a slider.
 *
 * [Live Demo](https://www.primeng.org/imagecompare/)
 *
 * @module imagecomparestyle
 *
 */
declare enum ImageCompareClasses {
    /**
     * Class name of the root element
     */
    root = "p-imagecompare",
    /**
     * Class name of the slider element
     */
    slider = "p-imagecompare-slider"
}
declare class ImageCompareStyle extends BaseStyle {
    name: string;
    style: string;
    classes: {
        root: string;
        slider: string;
    };
    static ɵfac: i0.ɵɵFactoryDeclaration<ImageCompareStyle, never>;
    static ɵprov: i0.ɵɵInjectableDeclaration<ImageCompareStyle>;
}
interface ImageCompareStyle extends BaseStyle {
}

/**
 * Compare two images side by side with a slider.
 * @group Components
 * @deprecated Use Compare component instead.
 */
declare class ImageCompare extends BaseComponent<ImageComparePassThrough> {
    componentName: string;
    $pcImageCompare: ImageCompare | undefined;
    bindDirectiveInstance: Bind;
    constructor();
    /**
     * Index of the element in tabbing order.
     * @defaultValue 0
     * @group Props
     */
    tabindex: i0.InputSignal<number | undefined>;
    /**
     * Defines a string value that labels an interactive element.
     * @group Props
     */
    ariaLabelledby: i0.InputSignal<string | undefined>;
    /**
     * Identifier of the underlying input element.
     * @group Props
     */
    ariaLabel: i0.InputSignal<string | undefined>;
    /**
     * Custom left side template.
     * @group Templates
     */
    leftTemplate: i0.Signal<TemplateRef<void> | undefined>;
    /**
     * Custom right side template.
     * @group Templates
     */
    rightTemplate: i0.Signal<TemplateRef<void> | undefined>;
    _componentStyle: ImageCompareStyle;
    mutationObserver: MutationObserver;
    isRTL: boolean;
    onAfterViewChecked(): void;
    onInit(): void;
    onSlide(event: Event): void;
    updateDirection(): void;
    observeDirectionChanges(): void;
    onDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ImageCompare, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<ImageCompare, "p-image-compare, p-imagecompare", never, { "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, ["leftTemplate", "rightTemplate"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
}
declare class ImageCompareModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<ImageCompareModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<ImageCompareModule, never, [typeof ImageCompare, typeof i2.SharedModule], [typeof ImageCompare, typeof i2.SharedModule]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<ImageCompareModule>;
}

export { ImageCompare, ImageCompareClasses, ImageCompareModule, ImageCompareStyle };