@gravionlabs/helix-core 22.1.2 → 22.1.3

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

@@ -1,21 +1,88 @@
-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';
-
+import { GalleriaCaptionTemplateContext, GalleriaIndicatorTemplateContext, GalleriaItemTemplateContext, GalleriaPassThrough, GalleriaResponsiveOptions, GalleriaThumbnailTemplateContext } from "@gravionlabs/helix-core/types/galleria";
+import * as i0 from "@angular/core";
+import { ElementRef, KeyValueDiffers, SimpleChanges, TemplateRef } from "@angular/core";
+import { MotionEvent, MotionOptions } 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";
+export * from "@gravionlabs/helix-core/types/galleria";
+export 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: i0.ɵɵFactoryDeclaration<GalleriaStyle, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
 /**
  *
  * Galleria is an advanced content gallery component.
@@ -25,623 +92,885 @@ import * as i7 from '@gravionlabs/helix-core/motion';
  * @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>;
+export 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"
 }
-interface GalleriaStyle extends BaseStyle {
-}
-
+export 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: {}; }]>;
+export 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: import("@angular/core").ModelSignal<number>;
+  /**
+   * Whether to display the component on fullscreen.
+   * @group Props
+   */
+  readonly fullScreen: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Unique identifier of the element.
+   * @group Props
+   */
+  readonly id: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * An array of objects to display.
+   * @group Props
+   */
+  readonly value: import("@angular/core").InputSignal<any[] | undefined>;
+  /**
+   * Number of items per page.
+   * @group Props
+   */
+  readonly numVisible: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /**
+   * An array of options for responsive design.
+   * @see {GalleriaResponsiveOptions}
+   * @group Props
+   */
+  readonly responsiveOptions: import("@angular/core").InputSignal<GalleriaResponsiveOptions[] | undefined>;
+  /**
+   * Whether to display navigation buttons in item section.
+   * @group Props
+   */
+  readonly showItemNavigators: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Whether to display navigation buttons in thumbnail container.
+   * @group Props
+   */
+  readonly showThumbnailNavigators: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Whether to display navigation buttons on item hover.
+   * @group Props
+   */
+  readonly showItemNavigatorsOnHover: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * When enabled, item is changed on indicator hover.
+   * @group Props
+   */
+  readonly changeItemOnIndicatorHover: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Defines if scrolling would be infinite.
+   * @group Props
+   */
+  readonly circular: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Items are displayed with a slideshow in autoPlay mode.
+   * @group Props
+   */
+  readonly autoPlay: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * When enabled, autorun should stop by click.
+   * @group Props
+   */
+  readonly shouldStopAutoplayByClick: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Time in milliseconds to scroll items.
+   * @group Props
+   */
+  readonly transitionInterval: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /**
+   * Whether to display thumbnail container.
+   * @group Props
+   */
+  readonly showThumbnails: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Position of thumbnails.
+   * @group Props
+   */
+  readonly thumbnailsPosition: import("@angular/core").InputSignal<"bottom" | "top" | "left" | "right" | undefined>;
+  /**
+   * Height of the viewport in vertical thumbnail.
+   * @group Props
+   */
+  readonly verticalThumbnailViewPortHeight: import("@angular/core").InputSignal<string>;
+  /**
+   * Whether to display indicator container.
+   * @group Props
+   */
+  readonly showIndicators: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * When enabled, indicator container is displayed on item container.
+   * @group Props
+   */
+  readonly showIndicatorsOnItem: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Position of indicators.
+   * @group Props
+   */
+  readonly indicatorsPosition: import("@angular/core").InputSignal<"bottom" | "top" | "left" | "right" | undefined>;
+  /**
+   * Base zIndex value to use in layering.
+   * @group Props
+   */
+  readonly baseZIndex: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /**
+   * Style class of the mask on fullscreen mode.
+   * @group Props
+   */
+  readonly maskClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Style class of the component on fullscreen mode. Otherwise, the 'class' property can be used.
+   * @group Props
+   */
+  readonly containerClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Inline style of the component on fullscreen mode. Otherwise, the 'style' property can be used.
+   * @group Props
+   */
+  readonly containerStyle: import("@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: import("@angular/core").InputSignal<string>;
+  /**
+   * Transition options of the hide animation.
+   * @deprecated since v21.0.0. Use `motionOptions` instead.
+   * @group Props
+   */
+  readonly hideTransitionOptions: import("@angular/core").InputSignal<string>;
+  /**
+   * The motion options.
+   * @group Props
+   */
+  motionOptions: import("@angular/core").InputSignal<MotionOptions | undefined>;
+  computedMotionOptions: import("@angular/core").Signal<MotionOptions>;
+  /**
+   * The mask motion options.
+   * @group Props
+   */
+  maskMotionOptions: import("@angular/core").InputSignal<MotionOptions | undefined>;
+  computedMaskMotionOptions: import("@angular/core").Signal<MotionOptions>;
+  /**
+   * Specifies the visibility of the mask on fullscreen mode.
+   * @group Props
+   */
+  readonly visible: import("@angular/core").ModelSignal<boolean>;
+  _visibleEffect: import("@angular/core").EffectRef;
+  renderMask: import("@angular/core").WritableSignal<boolean>;
+  renderContent: import("@angular/core").WritableSignal<boolean>;
+  readonly container: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  /**
+   * Custom header template.
+   * @group Templates
+   */
+  readonly headerTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  headerFacet: TemplateRef<void> | undefined;
+  /**
+   * Custom footer template.
+   * @group Templates
+   */
+  readonly footerTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  footerFacet: TemplateRef<void> | undefined;
+  /**
+   * Custom indicator template.
+   * @group Templates
+   */
+  readonly indicatorTemplate: import("@angular/core").Signal<TemplateRef<GalleriaIndicatorTemplateContext> | undefined>;
+  indicatorFacet: TemplateRef<GalleriaIndicatorTemplateContext> | undefined;
+  /**
+   * Custom caption template.
+   * @group Templates
+   */
+  readonly captionTemplate: import("@angular/core").Signal<TemplateRef<GalleriaCaptionTemplateContext<any>> | undefined>;
+  captionFacet: TemplateRef<GalleriaCaptionTemplateContext> | undefined;
+  /**
+   * Custom close icon template.
+   * @group Templates
+   */
+  readonly _closeIconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  closeIconTemplate: TemplateRef<void> | undefined;
+  /**
+   * Custom previous thumbnail icon template.
+   * @group Templates
+   */
+  readonly _previousThumbnailIconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  previousThumbnailIconTemplate: TemplateRef<void> | undefined;
+  /**
+   * Custom next thumbnail icon template.
+   * @group Templates
+   */
+  readonly _nextThumbnailIconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  nextThumbnailIconTemplate: TemplateRef<void> | undefined;
+  /**
+   * Custom item previous icon template.
+   * @group Templates
+   */
+  readonly _itemPreviousIconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  itemPreviousIconTemplate: TemplateRef<void> | undefined;
+  /**
+   * Custom item next icon template.
+   * @group Templates
+   */
+  readonly _itemNextIconTemplate: import("@angular/core").Signal<TemplateRef<void> | undefined>;
+  itemNextIconTemplate: TemplateRef<void> | undefined;
+  /**
+   * Custom item template.
+   * @group Templates
+   */
+  readonly _itemTemplate: import("@angular/core").Signal<TemplateRef<GalleriaItemTemplateContext<any>> | undefined>;
+  itemTemplate: TemplateRef<GalleriaItemTemplateContext> | undefined;
+  /**
+   * Custom thumbnail template.
+   * @group Templates
+   */
+  readonly _thumbnailTemplate: import("@angular/core").Signal<TemplateRef<GalleriaThumbnailTemplateContext<any>> | undefined>;
+  thumbnailTemplate: TemplateRef<GalleriaThumbnailTemplateContext> | undefined;
+  maskVisible: boolean;
+  numVisibleLimit: number;
+  _componentStyle: GalleriaStyle;
+  mask: HTMLElement;
+  readonly templates: import("@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: i0.ɵɵFactoryDeclaration<Galleria, never>;
+  static ɵcmp: i0.ɵɵ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 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>;
+export declare class GalleriaContent extends BaseComponent<GalleriaPassThrough> {
+  galleria: Galleria;
+  private differs;
+  hostName: string;
+  bindDirectiveInstance: Bind;
+  onAfterViewChecked(): void;
+  readonly activeIndex: import("@angular/core").InputSignal<number>;
+  _activeIndex: number;
+  readonly value: import("@angular/core").InputSignal<any[]>;
+  readonly numVisible: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  readonly fullScreen: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  _fullScreen: boolean;
+  readonly maskHide: import("@angular/core").OutputEmitterRef<void>;
+  readonly activeItemChange: import("@angular/core").OutputEmitterRef<number>;
+  readonly closeButton: import("@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: i0.ɵɵFactoryDeclaration<GalleriaContent, never>;
+  static ɵcmp: i0.ɵɵ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 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: {}; }]>;
+export declare class GalleriaItemSlot extends BaseComponent<GalleriaPassThrough> {
+  hostName: string;
+  readonly templates: import("@angular/core").InputSignal<readonly HelixTemplate[] | undefined>;
+  readonly index: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
+  readonly item: import("@angular/core").InputSignal<any>;
+  _itemEffect: import("@angular/core").EffectRef;
+  shouldRender(): TemplateRef<any> | undefined;
+  galleria: Galleria;
+  $pcGalleria: Galleria | undefined;
+  getTemplateFromQueryList(type: string): TemplateRef<any> | undefined;
+  getContentTemplate(): void;
+  readonly type: import("@angular/core").InputSignal<string | undefined>;
+  contentTemplate: TemplateRef<any> | undefined;
+  context: any;
+  onAfterContentInit(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<GalleriaItemSlot, never>;
+  static ɵcmp: i0.ɵɵ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 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: {}; }]>;
+export declare class GalleriaItem extends BaseComponent<GalleriaPassThrough> {
+  galleria: Galleria;
+  hostName: string;
+  bindDirectiveInstance: Bind;
+  onAfterViewChecked(): void;
+  readonly id: import("@angular/core").InputSignal<string | undefined>;
+  readonly circular: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly value: import("@angular/core").InputSignal<any[] | undefined>;
+  readonly showItemNavigators: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly showIndicators: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly slideShowActive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly changeItemOnIndicatorHover: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly autoPlay: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly templates: import("@angular/core").InputSignal<readonly HelixTemplate[] | undefined>;
+  readonly indicatorFacet: import("@angular/core").InputSignal<any>;
+  readonly captionFacet: import("@angular/core").InputSignal<any>;
+  readonly startSlideShow: import("@angular/core").OutputEmitterRef<void>;
+  readonly stopSlideShow: import("@angular/core").OutputEmitterRef<void>;
+  readonly onActiveIndexChange: import("@angular/core").OutputEmitterRef<number>;
+  _componentStyle: GalleriaStyle;
+  readonly activeIndex: import("@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: i0.ɵɵFactoryDeclaration<GalleriaItem, never>;
+  static ɵcmp: i0.ɵɵ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 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 declare class GalleriaThumbnails extends BaseComponent<GalleriaPassThrough> {
+  galleria: Galleria;
+  hostName: string;
+  bindDirectiveInstance: Bind;
+  onAfterViewChecked(): void;
+  readonly containerId: import("@angular/core").InputSignal<string | undefined>;
+  readonly value: import("@angular/core").InputSignal<any[] | undefined>;
+  readonly isVertical: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly slideShowActive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly circular: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly responsiveOptions: import("@angular/core").InputSignal<GalleriaResponsiveOptions[] | undefined>;
+  readonly contentHeight: import("@angular/core").InputSignal<string>;
+  readonly showThumbnailNavigators: import("@angular/core").InputSignal<boolean>;
+  readonly templates: import("@angular/core").InputSignal<readonly HelixTemplate[] | undefined>;
+  readonly onActiveIndexChange: import("@angular/core").OutputEmitterRef<number>;
+  readonly stopSlideShow: import("@angular/core").OutputEmitterRef<void>;
+  readonly itemsContainer: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  readonly numVisible: import("@angular/core").InputSignal<number>;
+  readonly activeIndex: import("@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: i0.ɵɵFactoryDeclaration<GalleriaThumbnails, never>;
+  static ɵcmp: i0.ɵɵ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: {};
+  }]>;
 }
-
-export { Galleria, GalleriaClasses, GalleriaContent, GalleriaItem, GalleriaItemSlot, GalleriaModule, GalleriaStyle, GalleriaThumbnails };
+export declare class GalleriaModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<GalleriaModule, never>;
+  static ɵmod: i0.ɵɵ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: i0.ɵɵInjectorDeclaration<GalleriaModule>;
+}