@gravionlabs/helix-core 22.0.0

package/types/gravionlabs-helix-core-galleria.d.ts

@@ -0,0 +1,647 @@
+import { GalleriaPassThrough, GalleriaResponsiveOptions, GalleriaIndicatorTemplateContext, GalleriaCaptionTemplateContext, GalleriaItemTemplateContext, GalleriaThumbnailTemplateContext } from '@gravionlabs/helix-core/types/galleria';
+export * from '@gravionlabs/helix-core/types/galleria';
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef, SimpleChanges, KeyValueDiffers } from '@angular/core';
+import { MotionOptions, MotionEvent } from '@gravionlabs/helix-core/uix/motion';
+import * as i3 from '@gravionlabs/helix-core/api';
+import { HelixTemplate } from '@gravionlabs/helix-core/api';
+import { BaseComponent } from '@gravionlabs/helix-core/basecomponent';
+import * as i1 from '@gravionlabs/helix-core/bind';
+import { Bind } from '@gravionlabs/helix-core/bind';
+import { VoidListener } from '@gravionlabs/helix-core/ts-helpers';
+import { BaseStyle } from '@gravionlabs/helix-core/base';
+import * as i2 from '@angular/common';
+import * as i4 from '@gravionlabs/helix-core/ripple';
+import * as i5 from '@gravionlabs/helix-core/icons';
+import * as i6 from '@gravionlabs/helix-core/focustrap';
+import * as i7 from '@gravionlabs/helix-core/motion';
+
+/**
+ *
+ * Galleria is an advanced content gallery component.
+ *
+ * [Live Demo](https://www.primeng.org/galleria/)
+ *
+ * @module galleriastyle
+ *
+ */
+declare enum GalleriaClasses {
+    /**
+     * Class name of the mask element
+     */
+    mask = "h-galleria-mask",
+    /**
+     * Class name of the root element
+     */
+    root = "h-galleria",
+    /**
+     * Class name of the close button element
+     */
+    closeButton = "h-galleria-close-button",
+    /**
+     * Class name of the close icon element
+     */
+    closeIcon = "h-galleria-close-icon",
+    /**
+     * Class name of the header element
+     */
+    header = "h-galleria-header",
+    /**
+     * Class name of the content element
+     */
+    content = "h-galleria-content",
+    /**
+     * Class name of the footer element
+     */
+    footer = "h-galleria-footer",
+    /**
+     * Class name of the items container element
+     */
+    itemsContainer = "h-galleria-items-container",
+    /**
+     * Class name of the items element
+     */
+    items = "h-galleria-items",
+    /**
+     * Class name of the previous item button element
+     */
+    prevButton = "h-galleria-prev-button",
+    /**
+     * Class name of the previous item icon element
+     */
+    prevIcon = "h-galleria-prev-icon",
+    /**
+     * Class name of the item element
+     */
+    item = "h-galleria-item",
+    /**
+     * Class name of the next item button element
+     */
+    nextButton = "h-galleria-next-button",
+    /**
+     * Class name of the next item icon element
+     */
+    nextIcon = "h-galleria-next-icon",
+    /**
+     * Class name of the caption element
+     */
+    caption = "h-galleria-caption",
+    /**
+     * Class name of the indicator list element
+     */
+    indicatorList = "h-galleria-indicator-list",
+    /**
+     * Class name of the indicator element
+     */
+    indicator = "h-galleria-indicator",
+    /**
+     * Class name of the indicator button element
+     */
+    indicatorButton = "h-galleria-indicator-button",
+    /**
+     * Class name of the thumbnails element
+     */
+    thumbnails = "h-galleria-thumbnails",
+    /**
+     * Class name of the thumbnail content element
+     */
+    thumbnailContent = "h-galleria-thumbnails-content",
+    /**
+     * Class name of the previous thumbnail button element
+     */
+    previousThumbnailButton = "h-galleria-thumbnail-prev-button",
+    /**
+     * Class name of the previous thumbnail icon element
+     */
+    previousThumbnailIcon = "h-galleria-thumbnail-prev-icon",
+    /**
+     * Class name of the thumbnails viewport element
+     */
+    thumbnailsViewport = "h-galleria-thumbnails-viewport",
+    /**
+     * Class name of the thumbnail items element
+     */
+    thumbnailItems = "h-galleria-thumbnail-items",
+    /**
+     * Class name of the thumbnail item element
+     */
+    thumbnailItem = "h-galleria-thumbnail-item",
+    /**
+     * Class name of the thumbnail element
+     */
+    thumbnail = "h-galleria-thumbnail",
+    /**
+     * Class name of the next thumbnail button element
+     */
+    nextThumbnailButton = "h-galleria-thumbnail-next-button",
+    /**
+     * Class name of the next thumbnail icon element
+     */
+    nextThumbnailIcon = "h-galleria-thumbnail-next-icon"
+}
+declare class GalleriaStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        mask: string;
+        root: ({ instance }: {
+            instance: any;
+        }) => any[];
+        closeButton: string;
+        closeIcon: string;
+        header: string;
+        content: string;
+        footer: string;
+        itemsContainer: string;
+        items: string;
+        prevButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-disabled': any;
+        })[];
+        prevIcon: string;
+        item: string;
+        nextButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-disabled': any;
+        })[];
+        nextIcon: string;
+        caption: string;
+        indicatorList: string;
+        indicator: ({ instance, index }: {
+            instance: any;
+            index: any;
+        }) => (string | {
+            'h-galleria-indicator-active': any;
+        })[];
+        indicatorButton: string;
+        thumbnails: string;
+        thumbnailContent: string;
+        thumbnailPrevButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-disabled': any;
+        })[];
+        thumbnailPrevIcon: string;
+        thumbnailsViewport: string;
+        thumbnailItems: string;
+        thumbnailItem: ({ instance, index, activeIndex }: {
+            instance: any;
+            index: any;
+            activeIndex: any;
+        }) => (string | {
+            'h-galleria-thumbnail-item-current': boolean;
+            'h-galleria-thumbnail-item-active': any;
+            'h-galleria-thumbnail-item-start': boolean;
+            'h-galleria-thumbnail-item-end': boolean;
+        })[];
+        thumbnail: string;
+        thumbnailNextButton: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'h-disabled': any;
+        })[];
+        thumbnailNextIcon: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GalleriaStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+}
+interface GalleriaStyle extends BaseStyle {
+}
+
+/**
+ * Galleria is an advanced content gallery component.
+ * @group Components
+ */
+declare class Galleria extends BaseComponent<GalleriaPassThrough> {
+    element: ElementRef;
+    componentName: string;
+    bindDirectiveInstance: Bind;
+    $pcGalleria: Galleria | undefined;
+    onAfterViewChecked(): void;
+    /**
+     * Index of the first item.
+     * @group Props
+     */
+    readonly activeIndex: _angular_core.ModelSignal<number>;
+    /**
+     * Whether to display the component on fullscreen.
+     * @group Props
+     */
+    readonly fullScreen: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Unique identifier of the element.
+     * @group Props
+     */
+    readonly id: _angular_core.InputSignal<string | undefined>;
+    /**
+     * An array of objects to display.
+     * @group Props
+     */
+    readonly value: _angular_core.InputSignal<any[] | undefined>;
+    /**
+     * Number of items per page.
+     * @group Props
+     */
+    readonly numVisible: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * An array of options for responsive design.
+     * @see {GalleriaResponsiveOptions}
+     * @group Props
+     */
+    readonly responsiveOptions: _angular_core.InputSignal<GalleriaResponsiveOptions[] | undefined>;
+    /**
+     * Whether to display navigation buttons in item section.
+     * @group Props
+     */
+    readonly showItemNavigators: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to display navigation buttons in thumbnail container.
+     * @group Props
+     */
+    readonly showThumbnailNavigators: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to display navigation buttons on item hover.
+     * @group Props
+     */
+    readonly showItemNavigatorsOnHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When enabled, item is changed on indicator hover.
+     * @group Props
+     */
+    readonly changeItemOnIndicatorHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Defines if scrolling would be infinite.
+     * @group Props
+     */
+    readonly circular: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Items are displayed with a slideshow in autoPlay mode.
+     * @group Props
+     */
+    readonly autoPlay: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When enabled, autorun should stop by click.
+     * @group Props
+     */
+    readonly shouldStopAutoplayByClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Time in milliseconds to scroll items.
+     * @group Props
+     */
+    readonly transitionInterval: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Whether to display thumbnail container.
+     * @group Props
+     */
+    readonly showThumbnails: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Position of thumbnails.
+     * @group Props
+     */
+    readonly thumbnailsPosition: _angular_core.InputSignal<"bottom" | "top" | "left" | "right" | undefined>;
+    /**
+     * Height of the viewport in vertical thumbnail.
+     * @group Props
+     */
+    readonly verticalThumbnailViewPortHeight: _angular_core.InputSignal<string>;
+    /**
+     * Whether to display indicator container.
+     * @group Props
+     */
+    readonly showIndicators: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When enabled, indicator container is displayed on item container.
+     * @group Props
+     */
+    readonly showIndicatorsOnItem: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Position of indicators.
+     * @group Props
+     */
+    readonly indicatorsPosition: _angular_core.InputSignal<"bottom" | "top" | "left" | "right" | undefined>;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    readonly baseZIndex: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Style class of the mask on fullscreen mode.
+     * @group Props
+     */
+    readonly maskClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Style class of the component on fullscreen mode. Otherwise, the 'class' property can be used.
+     * @group Props
+     */
+    readonly containerClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Inline style of the component on fullscreen mode. Otherwise, the 'style' property can be used.
+     * @group Props
+     */
+    readonly containerStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    /**
+     * Transition options of the show animation.
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
+     * @group Props
+     */
+    readonly showTransitionOptions: _angular_core.InputSignal<string>;
+    /**
+     * Transition options of the hide animation.
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
+     * @group Props
+     */
+    readonly hideTransitionOptions: _angular_core.InputSignal<string>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
+    /**
+     * The mask motion options.
+     * @group Props
+     */
+    maskMotionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMaskMotionOptions: _angular_core.Signal<MotionOptions>;
+    /**
+     * Specifies the visibility of the mask on fullscreen mode.
+     * @group Props
+     */
+    readonly visible: _angular_core.ModelSignal<boolean>;
+    _visibleEffect: _angular_core.EffectRef;
+    renderMask: _angular_core.WritableSignal<boolean>;
+    renderContent: _angular_core.WritableSignal<boolean>;
+    readonly container: _angular_core.Signal<ElementRef<any> | undefined>;
+    /**
+     * Custom header template.
+     * @group Templates
+     */
+    readonly headerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    headerFacet: TemplateRef<void> | undefined;
+    /**
+     * Custom footer template.
+     * @group Templates
+     */
+    readonly footerTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    footerFacet: TemplateRef<void> | undefined;
+    /**
+     * Custom indicator template.
+     * @group Templates
+     */
+    readonly indicatorTemplate: _angular_core.Signal<TemplateRef<GalleriaIndicatorTemplateContext> | undefined>;
+    indicatorFacet: TemplateRef<GalleriaIndicatorTemplateContext> | undefined;
+    /**
+     * Custom caption template.
+     * @group Templates
+     */
+    readonly captionTemplate: _angular_core.Signal<TemplateRef<GalleriaCaptionTemplateContext<any>> | undefined>;
+    captionFacet: TemplateRef<GalleriaCaptionTemplateContext> | undefined;
+    /**
+     * Custom close icon template.
+     * @group Templates
+     */
+    readonly _closeIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    closeIconTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom previous thumbnail icon template.
+     * @group Templates
+     */
+    readonly _previousThumbnailIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    previousThumbnailIconTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom next thumbnail icon template.
+     * @group Templates
+     */
+    readonly _nextThumbnailIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    nextThumbnailIconTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom item previous icon template.
+     * @group Templates
+     */
+    readonly _itemPreviousIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    itemPreviousIconTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom item next icon template.
+     * @group Templates
+     */
+    readonly _itemNextIconTemplate: _angular_core.Signal<TemplateRef<void> | undefined>;
+    itemNextIconTemplate: TemplateRef<void> | undefined;
+    /**
+     * Custom item template.
+     * @group Templates
+     */
+    readonly _itemTemplate: _angular_core.Signal<TemplateRef<GalleriaItemTemplateContext<any>> | undefined>;
+    itemTemplate: TemplateRef<GalleriaItemTemplateContext> | undefined;
+    /**
+     * Custom thumbnail template.
+     * @group Templates
+     */
+    readonly _thumbnailTemplate: _angular_core.Signal<TemplateRef<GalleriaThumbnailTemplateContext<any>> | undefined>;
+    thumbnailTemplate: TemplateRef<GalleriaThumbnailTemplateContext> | undefined;
+    maskVisible: boolean;
+    numVisibleLimit: number;
+    _componentStyle: GalleriaStyle;
+    mask: HTMLElement;
+    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
+    constructor(element: ElementRef);
+    onAfterContentInit(): void;
+    onChanges(simpleChanges: SimpleChanges): void;
+    onMaskHide(event?: MouseEvent): void;
+    onActiveItemChange(index: number): void;
+    onBeforeEnter(event: MotionEvent): void;
+    onBeforeLeave(): void;
+    onAfterLeave(): void;
+    onMaskAfterLeave(): void;
+    enableModality(): void;
+    disableModality(): void;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Galleria, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Galleria, "h-galleria", never, { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "fullScreen": { "alias": "fullScreen"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "numVisible": { "alias": "numVisible"; "required": false; "isSignal": true; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; "isSignal": true; }; "showItemNavigators": { "alias": "showItemNavigators"; "required": false; "isSignal": true; }; "showThumbnailNavigators": { "alias": "showThumbnailNavigators"; "required": false; "isSignal": true; }; "showItemNavigatorsOnHover": { "alias": "showItemNavigatorsOnHover"; "required": false; "isSignal": true; }; "changeItemOnIndicatorHover": { "alias": "changeItemOnIndicatorHover"; "required": false; "isSignal": true; }; "circular": { "alias": "circular"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "shouldStopAutoplayByClick": { "alias": "shouldStopAutoplayByClick"; "required": false; "isSignal": true; }; "transitionInterval": { "alias": "transitionInterval"; "required": false; "isSignal": true; }; "showThumbnails": { "alias": "showThumbnails"; "required": false; "isSignal": true; }; "thumbnailsPosition": { "alias": "thumbnailsPosition"; "required": false; "isSignal": true; }; "verticalThumbnailViewPortHeight": { "alias": "verticalThumbnailViewPortHeight"; "required": false; "isSignal": true; }; "showIndicators": { "alias": "showIndicators"; "required": false; "isSignal": true; }; "showIndicatorsOnItem": { "alias": "showIndicatorsOnItem"; "required": false; "isSignal": true; }; "indicatorsPosition": { "alias": "indicatorsPosition"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; "maskClass": { "alias": "maskClass"; "required": false; "isSignal": true; }; "containerClass": { "alias": "containerClass"; "required": false; "isSignal": true; }; "containerStyle": { "alias": "containerStyle"; "required": false; "isSignal": true; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; "isSignal": true; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "maskMotionOptions": { "alias": "maskMotionOptions"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; "visible": "visibleChange"; }, ["headerTemplate", "footerTemplate", "indicatorTemplate", "captionTemplate", "_closeIconTemplate", "_previousThumbnailIconTemplate", "_nextThumbnailIconTemplate", "_itemPreviousIconTemplate", "_itemNextIconTemplate", "_itemTemplate", "_thumbnailTemplate", "templates"], never, false, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class GalleriaContent extends BaseComponent<GalleriaPassThrough> {
+    galleria: Galleria;
+    private differs;
+    hostName: string;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    readonly activeIndex: _angular_core.InputSignal<number>;
+    _activeIndex: number;
+    readonly value: _angular_core.InputSignal<any[]>;
+    readonly numVisible: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    readonly fullScreen: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    _fullScreen: boolean;
+    readonly maskHide: _angular_core.OutputEmitterRef<void>;
+    readonly activeItemChange: _angular_core.OutputEmitterRef<number>;
+    readonly closeButton: _angular_core.Signal<ElementRef<any> | undefined>;
+    _componentStyle: GalleriaStyle;
+    $pcGalleria: Galleria | undefined;
+    id: string;
+    slideShowActive: boolean;
+    interval: any;
+    styleClass: string | undefined;
+    private differ;
+    constructor(galleria: Galleria, differs: KeyValueDiffers);
+    handleFullscreenChange(event: Event): void;
+    onDoCheck(): void;
+    shouldRenderFooter(): true | TemplateRef<void> | undefined;
+    startSlideShow(): void;
+    stopSlideShow(): void;
+    getPositionClass(preClassName: string, position: string): string;
+    isVertical(): boolean;
+    onActiveIndexChange(index: number): void;
+    closeAriaLabel(): string | undefined;
+    getPTOptions(key: string): any;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GalleriaContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GalleriaContent, "div[hGalleriaContent]", never, { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "numVisible": { "alias": "numVisible"; "required": false; "isSignal": true; }; "fullScreen": { "alias": "fullScreen"; "required": false; "isSignal": true; }; }, { "maskHide": "maskHide"; "activeItemChange": "activeItemChange"; }, never, never, false, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class GalleriaItemSlot extends BaseComponent<GalleriaPassThrough> {
+    hostName: string;
+    readonly templates: _angular_core.InputSignal<readonly HelixTemplate[] | undefined>;
+    readonly index: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    readonly item: _angular_core.InputSignal<any>;
+    _itemEffect: _angular_core.EffectRef;
+    shouldRender(): TemplateRef<any> | undefined;
+    galleria: Galleria;
+    $pcGalleria: Galleria | undefined;
+    getTemplateFromQueryList(type: string): TemplateRef<any> | undefined;
+    getContentTemplate(): void;
+    readonly type: _angular_core.InputSignal<string | undefined>;
+    contentTemplate: TemplateRef<any> | undefined;
+    context: any;
+    onAfterContentInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GalleriaItemSlot, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GalleriaItemSlot, "div[hGalleriaItemSlot]", never, { "templates": { "alias": "templates"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}
+declare class GalleriaItem extends BaseComponent<GalleriaPassThrough> {
+    galleria: Galleria;
+    hostName: string;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    readonly id: _angular_core.InputSignal<string | undefined>;
+    readonly circular: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly value: _angular_core.InputSignal<any[] | undefined>;
+    readonly showItemNavigators: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showIndicators: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly slideShowActive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly changeItemOnIndicatorHover: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly autoPlay: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly templates: _angular_core.InputSignal<readonly HelixTemplate[] | undefined>;
+    readonly indicatorFacet: _angular_core.InputSignal<any>;
+    readonly captionFacet: _angular_core.InputSignal<any>;
+    readonly startSlideShow: _angular_core.OutputEmitterRef<void>;
+    readonly stopSlideShow: _angular_core.OutputEmitterRef<void>;
+    readonly onActiveIndexChange: _angular_core.OutputEmitterRef<number>;
+    _componentStyle: GalleriaStyle;
+    readonly activeIndex: _angular_core.InputSignal<number>;
+    get activeItem(): any;
+    leftButtonFocused: boolean;
+    rightButtonFocused: boolean;
+    constructor(galleria: Galleria);
+    getIndicatorPTOptions(index: number): any;
+    onChanges({ autoPlay }: SimpleChanges): void;
+    next(): void;
+    prev(): void;
+    onButtonFocus(pos: 'left' | 'right'): void;
+    onButtonBlur(pos: 'left' | 'right'): void;
+    stopTheSlideShow(): void;
+    navForward(e: MouseEvent): void;
+    navBackward(e: MouseEvent): void;
+    onIndicatorClick(index: number): void;
+    onIndicatorMouseEnter(index: number): void;
+    onIndicatorKeyDown(event: any, index: number): void;
+    isNavForwardDisabled(): boolean;
+    isNavBackwardDisabled(): boolean;
+    isIndicatorItemActive(index: number): boolean;
+    ariaSlideLabel(): string | undefined;
+    ariaSlideNumber(value: any): string | undefined;
+    ariaPageLabel(value: any): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GalleriaItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GalleriaItem, "div[hGalleriaItem]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "circular": { "alias": "circular"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "showItemNavigators": { "alias": "showItemNavigators"; "required": false; "isSignal": true; }; "showIndicators": { "alias": "showIndicators"; "required": false; "isSignal": true; }; "slideShowActive": { "alias": "slideShowActive"; "required": false; "isSignal": true; }; "changeItemOnIndicatorHover": { "alias": "changeItemOnIndicatorHover"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "templates": { "alias": "templates"; "required": false; "isSignal": true; }; "indicatorFacet": { "alias": "indicatorFacet"; "required": false; "isSignal": true; }; "captionFacet": { "alias": "captionFacet"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "startSlideShow": "startSlideShow"; "stopSlideShow": "stopSlideShow"; "onActiveIndexChange": "onActiveIndexChange"; }, never, never, false, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class GalleriaThumbnails extends BaseComponent<GalleriaPassThrough> {
+    galleria: Galleria;
+    hostName: string;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    readonly containerId: _angular_core.InputSignal<string | undefined>;
+    readonly value: _angular_core.InputSignal<any[] | undefined>;
+    readonly isVertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly slideShowActive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly circular: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly responsiveOptions: _angular_core.InputSignal<GalleriaResponsiveOptions[] | undefined>;
+    readonly contentHeight: _angular_core.InputSignal<string>;
+    readonly showThumbnailNavigators: _angular_core.InputSignal<boolean>;
+    readonly templates: _angular_core.InputSignal<readonly HelixTemplate[] | undefined>;
+    readonly onActiveIndexChange: _angular_core.OutputEmitterRef<number>;
+    readonly stopSlideShow: _angular_core.OutputEmitterRef<void>;
+    readonly itemsContainer: _angular_core.Signal<ElementRef<any> | undefined>;
+    readonly numVisible: _angular_core.InputSignal<number>;
+    readonly activeIndex: _angular_core.InputSignal<number>;
+    index: number | undefined;
+    startPos: {
+        x: number;
+        y: number;
+    } | null;
+    thumbnailsStyle: HTMLStyleElement | null;
+    sortedResponsiveOptions: GalleriaResponsiveOptions[] | null;
+    totalShiftedItems: number;
+    page: number;
+    documentResizeListener: VoidListener;
+    _numVisible: number;
+    d_numVisible: number;
+    _oldNumVisible: number;
+    _activeIndex: number;
+    _oldactiveIndex: number;
+    _componentStyle: GalleriaStyle;
+    constructor(galleria: Galleria);
+    onInit(): void;
+    onAfterContentChecked(): void;
+    onAfterViewInit(): void;
+    createStyle(): void;
+    calculatePosition(): void;
+    getTabIndex(index: number): 0 | null;
+    navForward(e: TouchEvent | MouseEvent): void;
+    navBackward(e: TouchEvent | MouseEvent): void;
+    onItemClick(index: number): void;
+    onThumbnailKeydown(event: KeyboardEvent, index: number): void;
+    onRightKey(): void;
+    onLeftKey(): void;
+    onHomeKey(): void;
+    onEndKey(): void;
+    onTabKey(): void;
+    findFocusedIndicatorIndex(): number;
+    changedFocusedIndicator(prevInd: number, nextInd: number): void;
+    step(dir: number): void;
+    stopTheSlideShow(): void;
+    changePageOnTouch(e: TouchEvent, diff: number): void;
+    getTotalPageNumber(): number;
+    getMedianItemIndex(): number;
+    onTransitionEnd(): void;
+    onTouchEnd(e: TouchEvent): void;
+    onTouchMove(e: TouchEvent): void;
+    onTouchStart(e: TouchEvent): void;
+    isNavBackwardDisabled(): boolean;
+    isNavForwardDisabled(): boolean;
+    firstItemAciveIndex(): number;
+    lastItemActiveIndex(): number;
+    isItemActive(index: number): boolean;
+    bindDocumentListeners(): void;
+    unbindDocumentListeners(): void;
+    onDestroy(): void;
+    ariaPrevButtonLabel(): string | undefined;
+    ariaNextButtonLabel(): string | undefined;
+    ariaPageLabel(value: any): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GalleriaThumbnails, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GalleriaThumbnails, "div[hGalleriaThumbnails]", never, { "containerId": { "alias": "containerId"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "isVertical": { "alias": "isVertical"; "required": false; "isSignal": true; }; "slideShowActive": { "alias": "slideShowActive"; "required": false; "isSignal": true; }; "circular": { "alias": "circular"; "required": false; "isSignal": true; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; "isSignal": true; }; "contentHeight": { "alias": "contentHeight"; "required": false; "isSignal": true; }; "showThumbnailNavigators": { "alias": "showThumbnailNavigators"; "required": false; "isSignal": true; }; "templates": { "alias": "templates"; "required": false; "isSignal": true; }; "numVisible": { "alias": "numVisible"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "onActiveIndexChange": "onActiveIndexChange"; "stopSlideShow": "stopSlideShow"; }, never, never, false, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class GalleriaModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GalleriaModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<GalleriaModule, [typeof Galleria, typeof GalleriaContent, typeof GalleriaItemSlot, typeof GalleriaItem, typeof GalleriaThumbnails], [typeof i2.CommonModule, typeof i3.SharedModule, typeof i4.Ripple, typeof i5.TimesIcon, typeof i5.ChevronRightIcon, typeof i5.ChevronUpIcon, typeof i5.ChevronDownIcon, typeof i5.ChevronLeftIcon, typeof i6.FocusTrap, typeof i1.BindModule, typeof i7.MotionModule], [typeof i2.CommonModule, typeof Galleria, typeof GalleriaContent, typeof GalleriaItemSlot, typeof GalleriaItem, typeof GalleriaThumbnails, typeof i3.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<GalleriaModule>;
+}
+
+export { Galleria, GalleriaClasses, GalleriaContent, GalleriaItem, GalleriaItemSlot, GalleriaModule, GalleriaStyle, GalleriaThumbnails };