primenglab 22.0.0-beta.1

package/types/primenglab-icons-thlarge.d.ts

@@ -0,0 +1,11 @@
+import { BaseIcon } from 'primenglab/icons/baseicon';
+import * as i0 from '@angular/core';
+
+declare class ThLargeIcon extends BaseIcon {
+    pathId: string;
+    onInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThLargeIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThLargeIcon, "[data-p-icon=\"th-large\"]", never, {}, {}, never, never, true, never>;
+}
+
+export { ThLargeIcon };

package/types/primenglab-icons-times.d.ts

@@ -0,0 +1,9 @@
+import { BaseIcon } from 'primenglab/icons/baseicon';
+import * as i0 from '@angular/core';
+
+declare class TimesIcon extends BaseIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimesIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimesIcon, "[data-p-icon=\"times\"]", never, {}, {}, never, never, true, never>;
+}
+
+export { TimesIcon };

package/types/primenglab-icons-timescircle.d.ts

@@ -0,0 +1,11 @@
+import { BaseIcon } from 'primenglab/icons/baseicon';
+import * as i0 from '@angular/core';
+
+declare class TimesCircleIcon extends BaseIcon {
+    pathId: string;
+    onInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimesCircleIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimesCircleIcon, "[data-p-icon=\"times-circle\"]", never, {}, {}, never, never, true, never>;
+}
+
+export { TimesCircleIcon };

package/types/primenglab-icons-trash.d.ts

@@ -0,0 +1,11 @@
+import { BaseIcon } from 'primenglab/icons/baseicon';
+import * as i0 from '@angular/core';
+
+declare class TrashIcon extends BaseIcon {
+    pathId: string;
+    onInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrashIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TrashIcon, "[data-p-icon=\"trash\"]", never, {}, {}, never, never, true, never>;
+}
+
+export { TrashIcon };

package/types/primenglab-icons-undo.d.ts

@@ -0,0 +1,11 @@
+import { BaseIcon } from 'primenglab/icons/baseicon';
+import * as i0 from '@angular/core';
+
+declare class UndoIcon extends BaseIcon {
+    pathId: string;
+    onInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UndoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UndoIcon, "[data-p-icon=\"undo\"]", never, {}, {}, never, never, true, never>;
+}
+
+export { UndoIcon };

package/types/primenglab-icons-upload.d.ts

@@ -0,0 +1,11 @@
+import { BaseIcon } from 'primenglab/icons/baseicon';
+import * as i0 from '@angular/core';
+
+declare class UploadIcon extends BaseIcon {
+    pathId: string;
+    onInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadIcon, "[data-p-icon=\"upload\"]", never, {}, {}, never, never, true, never>;
+}
+
+export { UploadIcon };

package/types/primenglab-icons-windowmaximize.d.ts

@@ -0,0 +1,11 @@
+import { BaseIcon } from 'primenglab/icons/baseicon';
+import * as i0 from '@angular/core';
+
+declare class WindowMaximizeIcon extends BaseIcon {
+    pathId: string;
+    onInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WindowMaximizeIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WindowMaximizeIcon, "[data-p-icon=\"window-maximize\"]", never, {}, {}, never, never, true, never>;
+}
+
+export { WindowMaximizeIcon };

package/types/primenglab-icons-windowminimize.d.ts

@@ -0,0 +1,11 @@
+import { BaseIcon } from 'primenglab/icons/baseicon';
+import * as i0 from '@angular/core';
+
+declare class WindowMinimizeIcon extends BaseIcon {
+    pathId: string;
+    onInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WindowMinimizeIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WindowMinimizeIcon, "[data-p-icon=\"window-minimize\"]", never, {}, {}, never, never, true, never>;
+}
+
+export { WindowMinimizeIcon };

package/types/primenglab-icons.d.ts

@@ -0,0 +1,53 @@
+export * from 'primenglab/icons/angledoubledown';
+export * from 'primenglab/icons/angledoubleleft';
+export * from 'primenglab/icons/angledoubleright';
+export * from 'primenglab/icons/angledoubleup';
+export * from 'primenglab/icons/angledown';
+export * from 'primenglab/icons/angleleft';
+export * from 'primenglab/icons/angleright';
+export * from 'primenglab/icons/angleup';
+export * from 'primenglab/icons/arrowdown';
+export * from 'primenglab/icons/arrowdownleft';
+export * from 'primenglab/icons/arrowdownright';
+export * from 'primenglab/icons/arrowleft';
+export * from 'primenglab/icons/arrowright';
+export * from 'primenglab/icons/arrowup';
+export * from 'primenglab/icons/ban';
+export * from 'primenglab/icons/bars';
+export * from 'primenglab/icons/blank';
+export * from 'primenglab/icons/calendar';
+export * from 'primenglab/icons/caretleft';
+export * from 'primenglab/icons/caretright';
+export * from 'primenglab/icons/check';
+export * from 'primenglab/icons/chevrondown';
+export * from 'primenglab/icons/chevronleft';
+export * from 'primenglab/icons/chevronright';
+export * from 'primenglab/icons/chevronup';
+export * from 'primenglab/icons/exclamationtriangle';
+export * from 'primenglab/icons/eye';
+export * from 'primenglab/icons/eyeslash';
+export * from 'primenglab/icons/filter';
+export * from 'primenglab/icons/filterslash';
+export * from 'primenglab/icons/home';
+export * from 'primenglab/icons/infocircle';
+export * from 'primenglab/icons/minus';
+export * from 'primenglab/icons/pencil';
+export * from 'primenglab/icons/plus';
+export * from 'primenglab/icons/refresh';
+export * from 'primenglab/icons/search';
+export * from 'primenglab/icons/searchminus';
+export * from 'primenglab/icons/searchplus';
+export * from 'primenglab/icons/sortalt';
+export * from 'primenglab/icons/sortamountdown';
+export * from 'primenglab/icons/sortamountupalt';
+export * from 'primenglab/icons/spinner';
+export * from 'primenglab/icons/star';
+export * from 'primenglab/icons/starfill';
+export * from 'primenglab/icons/thlarge';
+export * from 'primenglab/icons/times';
+export * from 'primenglab/icons/timescircle';
+export * from 'primenglab/icons/trash';
+export * from 'primenglab/icons/undo';
+export * from 'primenglab/icons/upload';
+export * from 'primenglab/icons/windowmaximize';
+export * from 'primenglab/icons/windowminimize';

package/types/primenglab-iftalabel.d.ts

@@ -0,0 +1,56 @@
+import { BaseComponent } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { IftaLabelPassThrough } from 'primenglab/types/iftalabel';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+import * as i0 from '@angular/core';
+import * as i2 from 'primenglab/api';
+
+/**
+ *
+ * IftaLabel visually integrates a label within its form element.
+ *
+ * [Live Demo](https://www.primeng.org/iftalabel/)
+ *
+ * @module iftalabelstyle
+ *
+ */
+declare enum IftaLabelClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-iftalabel"
+}
+declare class IftaLabelStyle extends BaseStyle {
+    name: string;
+    style: _primeuix_styled.StyleType;
+    classes: {
+        root: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<IftaLabelStyle, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IftaLabelStyle>;
+}
+interface IftaLabelStyle extends BaseStyle {
+}
+
+/**
+ * IftaLabel is used to create infield top aligned labels.
+ * @group Components
+ */
+declare class IftaLabel extends BaseComponent<IftaLabelPassThrough> {
+    componentName: string;
+    _componentStyle: IftaLabelStyle;
+    $pcIftaLabel: IftaLabel | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IftaLabel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IftaLabel, "p-iftalabel, p-ifta-label", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class IftaLabelModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IftaLabelModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IftaLabelModule, never, [typeof IftaLabel, typeof i2.SharedModule], [typeof IftaLabel, typeof i2.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IftaLabelModule>;
+}
+
+export { IftaLabel, IftaLabelClasses, IftaLabelModule, IftaLabelStyle };

package/types/primenglab-image.d.ts

@@ -0,0 +1,336 @@
+import { ImagePassThrough, ImageLoading, ImagePreviewTemplateContext, ImageImageTemplateContext } from 'primenglab/types/image';
+export * from 'primenglab/types/image';
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+import { SafeUrl } from '@angular/platform-browser';
+import { MotionOptions, MotionEvent } from '@primeuix/motion';
+import { BaseComponent } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { CSSProperties, AppendTo } from 'primenglab/types/shared';
+import { Nullable } from 'primenglab/ts-helpers';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+import * as i2 from 'primenglab/api';
+
+/**
+ *
+ * Displays an image with preview and tranformation options. For multiple image, see Galleria.
+ *
+ * [Live Demo](https://www.primeng.org/image/)
+ *
+ * @module imagestyle
+ *
+ */
+declare enum ImageClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-image",
+    /**
+     * Class name of the preview mask element
+     */
+    previewMask = "p-image-preview-mask",
+    /**
+     * Class name of the preview icon element
+     */
+    previewIcon = "p-image-preview-icon",
+    /**
+     * Class name of the mask element
+     */
+    mask = "p-image-mask",
+    /**
+     * Class name of the toolbar element
+     */
+    toolbar = "p-image-toolbar",
+    /**
+     * Class name of the rotate right button element
+     */
+    rotateRightButton = "p-image-rotate-right-button",
+    /**
+     * Class name of the rotate left button element
+     */
+    rotateLeftButton = "p-image-rotate-left-button",
+    /**
+     * Class name of the zoom out button element
+     */
+    zoomOutButton = "p-image-zoom-out-button",
+    /**
+     * Class name of the zoom in button element
+     */
+    zoomInButton = "p-image-zoom-in-button",
+    /**
+     * Class name of the close button element
+     */
+    closeButton = "p-image-close-button",
+    /**
+     * Class name of the original element
+     */
+    original = "p-image-original"
+}
+declare class ImageStyle extends BaseStyle {
+    name: string;
+    style: _primeuix_styled.StyleType;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-image-preview': any;
+        })[];
+        previewMask: string;
+        previewIcon: string;
+        mask: string;
+        toolbar: string;
+        rotateRightButton: string;
+        rotateLeftButton: string;
+        zoomOutButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+        })[];
+        zoomInButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-disabled': any;
+        })[];
+        closeButton: string;
+        original: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImageStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ImageStyle>;
+}
+interface ImageStyle extends BaseStyle {
+}
+
+/**
+ * Displays an image with preview and tranformation options.
+ * @group Components
+ * @deprecated Use Gallery component instead.
+ */
+declare class Image extends BaseComponent<ImagePassThrough> {
+    componentName: string;
+    constructor();
+    $pcImage: Image | undefined;
+    bindDirectiveInstance: Bind;
+    /**
+     * Style class of the image element.
+     * @group Props
+     */
+    imageClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Inline style of the image element.
+     * @group Props
+     */
+    imageStyle: _angular_core.InputSignal<CSSProperties>;
+    /**
+     * The source path for the main image.
+     * @group Props
+     */
+    src: _angular_core.InputSignal<string | SafeUrl | undefined>;
+    /**
+     * The srcset definition for the main image.
+     * @group Props
+     */
+    srcSet: _angular_core.InputSignal<string | SafeUrl | undefined>;
+    /**
+     * The sizes definition for the main image.
+     * @group Props
+     */
+    sizes: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The source path for the preview image.
+     * @group Props
+     */
+    previewImageSrc: _angular_core.InputSignal<string | SafeUrl | undefined>;
+    /**
+     * The srcset definition for the preview image.
+     * @group Props
+     */
+    previewImageSrcSet: _angular_core.InputSignal<string | SafeUrl | undefined>;
+    /**
+     * The sizes definition for the preview image.
+     * @group Props
+     */
+    previewImageSizes: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Attribute of the preview image element.
+     * @group Props
+     */
+    alt: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Attribute of the image element.
+     * @group Props
+     */
+    width: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Attribute of the image element.
+     * @group Props
+     */
+    height: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Attribute of the image element.
+     * @group Props
+     */
+    loading: _angular_core.InputSignal<ImageLoading | undefined>;
+    /**
+     * Controls the preview functionality.
+     * @group Props
+     */
+    preview: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Enter animation class name of modal.
+     * @defaultValue 'p-modal-enter'
+     * @group Props
+     */
+    modalEnterAnimation: _angular_core.InputSignal<string | null | undefined>;
+    /**
+     * Leave animation class name of modal.
+     * @defaultValue 'p-modal-leave'
+     * @group Props
+     */
+    modalLeaveAnimation: _angular_core.InputSignal<string | null | undefined>;
+    /**
+     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
+     * @defaultValue 'self'
+     * @group Props
+     */
+    appendTo: _angular_core.InputSignal<AppendTo>;
+    /**
+     * The motion options for the mask.
+     * @group Props
+     */
+    maskMotionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMaskMotionOptions: _angular_core.Signal<MotionOptions>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
+    /**
+     * Triggered when the preview overlay is shown.
+     * @group Emits
+     */
+    onShow: _angular_core.OutputEmitterRef<any>;
+    /**
+     * Triggered when the preview overlay is hidden.
+     * @group Emits
+     */
+    onHide: _angular_core.OutputEmitterRef<any>;
+    /**
+     * This event is triggered if an error occurs while loading an image file.
+     * @param {Event} event - Browser event.
+     * @group Emits
+     */
+    onImageError: _angular_core.OutputEmitterRef<Event>;
+    mask: _angular_core.Signal<ElementRef<any> | undefined>;
+    previewButton: _angular_core.Signal<ElementRef<any> | undefined>;
+    closeButton: _angular_core.Signal<ElementRef<any> | undefined>;
+    /**
+     * Custom indicator template.
+     * @group Templates
+     */
+    indicatorTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom rotate right icon template.
+     * @group Templates
+     */
+    rotateRightIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom rotate left icon template.
+     * @group Templates
+     */
+    rotateLeftIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom zoom out icon template.
+     * @group Templates
+     */
+    zoomOutIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom zoom in icon template.
+     * @group Templates
+     */
+    zoomInIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom close icon template.
+     * @group Templates
+     */
+    closeIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    /**
+     * Custom preview template.
+     * @group Templates
+     */
+    previewTemplate: _angular_core.Signal<TemplateRef<ImagePreviewTemplateContext> | undefined>;
+    /**
+     * Custom image template.
+     * @group Templates
+     */
+    imageTemplate: _angular_core.Signal<TemplateRef<ImageImageTemplateContext> | undefined>;
+    renderMask: _angular_core.WritableSignal<boolean>;
+    renderPreview: _angular_core.WritableSignal<boolean>;
+    maskVisible: _angular_core.WritableSignal<boolean>;
+    previewVisible: boolean;
+    rotate: _angular_core.WritableSignal<number>;
+    scale: _angular_core.WritableSignal<number>;
+    previewClick: boolean;
+    container: Nullable<HTMLElement>;
+    wrapper: Nullable<HTMLElement>;
+    _componentStyle: ImageStyle;
+    $appendTo: _angular_core.Signal<AppendTo>;
+    private zoomSettings;
+    private get aria();
+    isZoomOutDisabled: _angular_core.Signal<boolean>;
+    isZoomInDisabled: _angular_core.Signal<boolean>;
+    previewMaskStyle: _angular_core.Signal<{
+        height: string;
+        width: string;
+    }>;
+    imageTemplateContext(): {
+        errorCallback: any;
+    };
+    previewTemplateContext(): {
+        class: string | undefined;
+        style: {
+            transform: string;
+        };
+        previewCallback: any;
+    };
+    onAfterViewChecked(): void;
+    onImageClick(): void;
+    onMaskClick(): void;
+    onMaskKeydown(event: KeyboardEvent): void;
+    onPreviewImageClick(): void;
+    rotateRight(): void;
+    rotateLeft(): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    onAnimationStart(event: MotionEvent): void;
+    onBeforeLeave(): void;
+    onAnimationEnd(): void;
+    onMaskAfterLeave(): void;
+    moveOnTop(): void;
+    appendContainer(): void;
+    imagePreviewStyle(): {
+        transform: string;
+    };
+    zoomImageAriaLabel(): string | undefined;
+    handleToolbarClick(event: MouseEvent): void;
+    closePreview(): void;
+    imageError(event: Event): void;
+    rightAriaLabel(): string | undefined;
+    leftAriaLabel(): string | undefined;
+    zoomInAriaLabel(): string | undefined;
+    zoomOutAriaLabel(): string | undefined;
+    closeAriaLabel(): string | undefined;
+    onKeydownHandler(): void;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Image, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Image, "p-image", never, { "imageClass": { "alias": "imageClass"; "required": false; "isSignal": true; }; "imageStyle": { "alias": "imageStyle"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "srcSet": { "alias": "srcSet"; "required": false; "isSignal": true; }; "sizes": { "alias": "sizes"; "required": false; "isSignal": true; }; "previewImageSrc": { "alias": "previewImageSrc"; "required": false; "isSignal": true; }; "previewImageSrcSet": { "alias": "previewImageSrcSet"; "required": false; "isSignal": true; }; "previewImageSizes": { "alias": "previewImageSizes"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "modalEnterAnimation": { "alias": "modalEnterAnimation"; "required": false; "isSignal": true; }; "modalLeaveAnimation": { "alias": "modalLeaveAnimation"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "maskMotionOptions": { "alias": "maskMotionOptions"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onImageError": "onImageError"; }, ["indicatorTemplate", "rotateRightIconTemplate", "rotateLeftIconTemplate", "zoomOutIconTemplate", "zoomInIconTemplate", "closeIconTemplate", "previewTemplate", "imageTemplate"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class ImageModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImageModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ImageModule, never, [typeof Image, typeof i2.SharedModule], [typeof Image, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ImageModule>;
+}
+
+export { Image, ImageClasses, ImageModule, ImageStyle };

package/types/primenglab-imagecompare.d.ts

@@ -0,0 +1,97 @@
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { BaseComponent } from 'primenglab/basecomponent';
+import * as i1 from 'primenglab/bind';
+import { Bind } from 'primenglab/bind';
+import { ImageComparePassThrough } from 'primenglab/types/imagecompare';
+import * as _primeuix_styled from '@primeuix/styled';
+import { BaseStyle } from 'primenglab/base';
+import * as i2 from 'primenglab/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: _primeuix_styled.StyleType;
+    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 };