@gravionlabs/helix-core 22.1.2 → 22.1.4

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

@@ -1,15 +1,37 @@
-import { VirtualScrollerPassThrough, ScrollerLazyLoadEvent, ScrollerScrollEvent, ScrollerScrollIndexChangeEvent, ScrollerContentTemplateContext, ScrollerItemTemplateContext, ScrollerLoaderTemplateContext, ScrollerLoaderIconTemplateContext, ScrollerToType } from '@gravionlabs/helix-core/types/scroller';
-export * from '@gravionlabs/helix-core/types/scroller';
-import * as _angular_core from '@angular/core';
-import { ElementRef, TemplateRef, NgZone } from '@angular/core';
-import * as i2 from '@gravionlabs/helix-core/api';
-import { ScrollerOptions, 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 { Nullable, VoidListener } from '@gravionlabs/helix-core/ts-helpers';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
+import { ScrollerContentTemplateContext, ScrollerItemTemplateContext, ScrollerLazyLoadEvent, ScrollerLoaderIconTemplateContext, ScrollerLoaderTemplateContext, ScrollerScrollEvent, ScrollerScrollIndexChangeEvent, ScrollerToType, VirtualScrollerPassThrough } from "@gravionlabs/helix-core/types/scroller";
+import * as i0 from "@angular/core";
+import { ElementRef, NgZone, TemplateRef } from "@angular/core";
+import * as i2 from "@gravionlabs/helix-core/api";
+import { HelixTemplate, ScrollerOptions } 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 { Nullable, VoidListener } from "@gravionlabs/helix-core/ts-helpers";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/scroller";
+export declare class ScrollerStyle extends BaseStyle {
+  name: string;
+  css: string;
+  classes: {
+    root: ({ instance }: {
+      instance: any;
+    }) => (string | {
+      'h-virtualscroller-inline': any;
+      'h-virtualscroller-both h-both-scroll': any;
+      'h-virtualscroller-horizontal h-horizontal-scroll': any;
+    })[];
+    content: string;
+    spacer: string;
+    loader: ({ instance }: {
+      instance: any;
+    }) => (string | {
+      'h-virtualscroller-loader-mask': boolean;
+    })[];
+    loadingIcon: string;
+  };
+  static ɵfac: i0.ɵɵFactoryDeclaration<ScrollerStyle, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
 /**
  *
  * VirtualScroller is a performant approach to handle huge data efficiently.
@@ -19,381 +41,493 @@ import { BaseStyle } from '@gravionlabs/helix-core/base';
  * @module scrollerstyle
  *
  */
-declare enum ScrollerClasses {
-    /**
-     * Class name of the root element
-     */
-    root = "h-virtualscroller",
-    /**
-     * Class name of the content element
-     */
-    content = "h-virtualscroller-content",
-    /**
-     * Class name of the spacer element
-     */
-    spacer = "h-virtualscroller-spacer",
-    /**
-     * Class name of the loader element
-     */
-    loader = "h-virtualscroller-loader",
-    /**
-     * Class name of the loading icon element
-     */
-    loadingIcon = "h-virtualscroller-loading-icon"
-}
-declare class ScrollerStyle extends BaseStyle {
-    name: string;
-    css: string;
-    classes: {
-        root: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'h-virtualscroller-inline': any;
-            'h-virtualscroller-both h-both-scroll': any;
-            'h-virtualscroller-horizontal h-horizontal-scroll': any;
-        })[];
-        content: string;
-        spacer: string;
-        loader: ({ instance }: {
-            instance: any;
-        }) => (string | {
-            'h-virtualscroller-loader-mask': boolean;
-        })[];
-        loadingIcon: string;
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollerStyle, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
-}
-interface ScrollerStyle extends BaseStyle {
+export declare enum ScrollerClasses {
+  /**
+   * Class name of the root element
+   */
+  root = "h-virtualscroller",
+  /**
+   * Class name of the content element
+   */
+  content = "h-virtualscroller-content",
+  /**
+   * Class name of the spacer element
+   */
+  spacer = "h-virtualscroller-spacer",
+  /**
+   * Class name of the loader element
+   */
+  loader = "h-virtualscroller-loader",
+  /**
+   * Class name of the loading icon element
+   */
+  loadingIcon = "h-virtualscroller-loading-icon"
 }
-
+export interface ScrollerStyle extends BaseStyle {}
 /**
  * Scroller is a performance-approach to handle huge data efficiently.
  * @group Components
  */
-declare class Scroller extends BaseComponent<VirtualScrollerPassThrough> {
-    private zone;
-    componentName: string;
-    bindDirectiveInstance: Bind;
-    $pcScroller: Scroller | undefined;
-    readonly hostName: _angular_core.InputSignal<string>;
-    /**
-     * Unique identifier of the element.
-     * @group Props
-     */
-    readonly id: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    readonly style: _angular_core.InputSignal<any>;
-    /**
-     * Style class of the element.
-     * @group Props
-     */
-    readonly styleClass: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Index of the element in tabbing order.
-     * @group Props
-     */
-    readonly tabindex: _angular_core.InputSignal<number>;
-    /**
-     * An array of objects to display.
-     * @group Props
-     */
-    readonly items: _angular_core.InputSignal<any[] | null | undefined>;
-    /**
-     * The height/width of item according to orientation.
-     * @group Props
-     */
-    readonly itemSize: _angular_core.InputSignal<number | number[]>;
-    /**
-     * Height of the scroll viewport.
-     * @group Props
-     */
-    readonly scrollHeight: _angular_core.InputSignal<string | undefined>;
-    /**
-     * Width of the scroll viewport.
-     * @group Props
-     */
-    readonly scrollWidth: _angular_core.InputSignal<string | undefined>;
-    /**
-     * The orientation of scrollbar.
-     * @group Props
-     */
-    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal" | "both">;
-    /**
-     * Used to specify how many items to load in each load method in lazy mode.
-     * @group Props
-     */
-    readonly step: _angular_core.InputSignal<number>;
-    /**
-     * Delay in scroll before new data is loaded.
-     * @group Props
-     */
-    readonly delay: _angular_core.InputSignal<number>;
-    /**
-     * Delay after window's resize finishes.
-     * @group Props
-     */
-    readonly resizeDelay: _angular_core.InputSignal<number>;
-    /**
-     * Used to append each loaded item to top without removing any items from the DOM. Using very large data may cause the browser to crash.
-     * @group Props
-     */
-    readonly appendOnly: _angular_core.InputSignal<boolean>;
-    /**
-     * Specifies whether the scroller should be displayed inline or not.
-     * @group Props
-     */
-    readonly inline: _angular_core.InputSignal<boolean>;
-    /**
-     * Defines if data is loaded and interacted with in lazy manner.
-     * @group Props
-     */
-    readonly lazy: _angular_core.InputSignal<boolean>;
-    /**
-     * If disabled, the scroller feature is eliminated and the content is displayed directly.
-     * @group Props
-     */
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    /**
-     * Used to implement a custom loader instead of using the loader feature in the scroller.
-     * @group Props
-     */
-    readonly loaderDisabled: _angular_core.InputSignal<boolean>;
-    /**
-     * Columns to display.
-     * @group Props
-     */
-    readonly columns: _angular_core.InputSignal<any[] | null | undefined>;
-    /**
-     * Used to implement a custom spacer instead of using the spacer feature in the scroller.
-     * @group Props
-     */
-    readonly showSpacer: _angular_core.InputSignal<boolean>;
-    /**
-     * Defines whether to show loader.
-     * @group Props
-     */
-    readonly showLoader: _angular_core.InputSignal<boolean>;
-    /**
-     * Determines how many additional elements to add to the DOM outside of the view. According to the scrolls made up and down, extra items are added in a certain algorithm in the form of multiples of this number. Default value is half the number of items shown in the view.
-     * @group Props
-     */
-    readonly numToleratedItems: _angular_core.InputSignal<number | undefined>;
-    /**
-     * Defines whether the data is loaded.
-     * @group Props
-     */
-    readonly loading: _angular_core.InputSignal<boolean | undefined>;
-    /**
-     * Defines whether to dynamically change the height or width of scrollable container.
-     * @group Props
-     */
-    readonly autoSize: _angular_core.InputSignal<boolean>;
-    /**
-     * Function to optimize the dom operations by delegating to ngForTrackBy, default algoritm checks for object identity.
-     * @group Props
-     */
-    readonly trackBy: _angular_core.InputSignal<Function | undefined>;
-    /**
-     * Defines whether to use the scroller feature. The properties of scroller component can be used like an object in it.
-     * @group Props
-     */
-    readonly options: _angular_core.InputSignal<ScrollerOptions | undefined>;
-    /**
-     * Callback to invoke in lazy mode to load new data.
-     * @param {ScrollerLazyLoadEvent} event - Custom lazy load event.
-     * @group Emits
-     */
-    readonly onLazyLoad: _angular_core.OutputEmitterRef<ScrollerLazyLoadEvent>;
-    /**
-     * Callback to invoke when scroll position changes.
-     * @param {ScrollerScrollEvent} event - Custom scroll event.
-     * @group Emits
-     */
-    readonly onScroll: _angular_core.OutputEmitterRef<ScrollerScrollEvent>;
-    /**
-     * Callback to invoke when scroll position and item's range in view changes.
-     * @param {ScrollerScrollEvent} event - Custom scroll index change event.
-     * @group Emits
-     */
-    readonly onScrollIndexChange: _angular_core.OutputEmitterRef<ScrollerScrollIndexChangeEvent>;
-    readonly elementViewChild: _angular_core.Signal<Nullable<ElementRef<any>>>;
-    readonly contentViewChild: _angular_core.Signal<Nullable<ElementRef<any>>>;
-    height: string;
-    d_loading: boolean;
-    d_numToleratedItems: any;
-    contentEl: any;
-    /**
-     * Content template of the component.
-     * @param {ScrollerContentTemplateContext} context - content context.
-     * @see {@link ScrollerContentTemplateContext}
-     * @group Templates
-     */
-    readonly contentTemplate: _angular_core.Signal<Nullable<TemplateRef<ScrollerContentTemplateContext>>>;
-    /**
-     * Item template of the component.
-     * @param {ScrollerItemTemplateContext} context - item context.
-     * @see {@link ScrollerItemTemplateContext}
-     * @group Templates
-     */
-    readonly itemTemplate: _angular_core.Signal<Nullable<TemplateRef<ScrollerItemTemplateContext>>>;
-    /**
-     * Loader template of the component.
-     * @param {ScrollerLoaderTemplateContext} context - loader context.
-     * @see {@link ScrollerLoaderTemplateContext}
-     * @group Templates
-     */
-    readonly loaderTemplate: _angular_core.Signal<Nullable<TemplateRef<ScrollerLoaderTemplateContext>>>;
-    /**
-     * Loader icon template of the component.
-     * @param {ScrollerLoaderIconTemplateContext} context - loader icon context.
-     * @see {@link ScrollerLoaderIconTemplateContext}
-     * @group Templates
-     */
-    readonly loaderIconTemplate: _angular_core.Signal<Nullable<TemplateRef<ScrollerLoaderIconTemplateContext>>>;
-    readonly templates: _angular_core.Signal<readonly HelixTemplate[]>;
-    _contentTemplate: TemplateRef<ScrollerContentTemplateContext> | undefined;
-    _itemTemplate: TemplateRef<ScrollerItemTemplateContext> | undefined;
-    _loaderTemplate: TemplateRef<ScrollerLoaderTemplateContext> | undefined;
-    _loaderIconTemplate: TemplateRef<ScrollerLoaderIconTemplateContext> | undefined;
+export declare class Scroller extends BaseComponent<VirtualScrollerPassThrough> {
+  private zone;
+  componentName: string;
+  bindDirectiveInstance: Bind;
+  $pcScroller: Scroller | undefined;
+  readonly hostName: import("@angular/core").InputSignal<string>;
+  /**
+   * Unique identifier of the element.
+   * @group Props
+   */
+  readonly id: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Inline style of the component.
+   * @group Props
+   */
+  readonly style: import("@angular/core").InputSignal<any>;
+  /**
+   * Style class of the element.
+   * @group Props
+   */
+  readonly styleClass: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Index of the element in tabbing order.
+   * @group Props
+   */
+  readonly tabindex: import("@angular/core").InputSignal<number>;
+  /**
+   * An array of objects to display.
+   * @group Props
+   */
+  readonly items: import("@angular/core").InputSignal<any[] | null | undefined>;
+  /**
+   * The height/width of item according to orientation.
+   * @group Props
+   */
+  readonly itemSize: import("@angular/core").InputSignal<number | number[]>;
+  /**
+   * Height of the scroll viewport.
+   * @group Props
+   */
+  readonly scrollHeight: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * Width of the scroll viewport.
+   * @group Props
+   */
+  readonly scrollWidth: import("@angular/core").InputSignal<string | undefined>;
+  /**
+   * The orientation of scrollbar.
+   * @group Props
+   */
+  readonly orientation: import("@angular/core").InputSignal<"vertical" | "horizontal" | "both">;
+  /**
+   * Used to specify how many items to load in each load method in lazy mode.
+   * @group Props
+   */
+  readonly step: import("@angular/core").InputSignal<number>;
+  /**
+   * Delay in scroll before new data is loaded.
+   * @group Props
+   */
+  readonly delay: import("@angular/core").InputSignal<number>;
+  /**
+   * Delay after window's resize finishes.
+   * @group Props
+   */
+  readonly resizeDelay: import("@angular/core").InputSignal<number>;
+  /**
+   * Used to append each loaded item to top without removing any items from the DOM. Using very large data may cause the browser to crash.
+   * @group Props
+   */
+  readonly appendOnly: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Specifies whether the scroller should be displayed inline or not.
+   * @group Props
+   */
+  readonly inline: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Defines if data is loaded and interacted with in lazy manner.
+   * @group Props
+   */
+  readonly lazy: import("@angular/core").InputSignal<boolean>;
+  /**
+   * If disabled, the scroller feature is eliminated and the content is displayed directly.
+   * @group Props
+   */
+  readonly disabled: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Used to implement a custom loader instead of using the loader feature in the scroller.
+   * @group Props
+   */
+  readonly loaderDisabled: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Columns to display.
+   * @group Props
+   */
+  readonly columns: import("@angular/core").InputSignal<any[] | null | undefined>;
+  /**
+   * Used to implement a custom spacer instead of using the spacer feature in the scroller.
+   * @group Props
+   */
+  readonly showSpacer: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Defines whether to show loader.
+   * @group Props
+   */
+  readonly showLoader: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Determines how many additional elements to add to the DOM outside of the view. According to the scrolls made up and down, extra items are added in a certain algorithm in the form of multiples of this number. Default value is half the number of items shown in the view.
+   * @group Props
+   */
+  readonly numToleratedItems: import("@angular/core").InputSignal<number | undefined>;
+  /**
+   * Defines whether the data is loaded.
+   * @group Props
+   */
+  readonly loading: import("@angular/core").InputSignal<boolean | undefined>;
+  /**
+   * Defines whether to dynamically change the height or width of scrollable container.
+   * @group Props
+   */
+  readonly autoSize: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Function to optimize the dom operations by delegating to ngForTrackBy, default algoritm checks for object identity.
+   * @group Props
+   */
+  readonly trackBy: import("@angular/core").InputSignal<Function | undefined>;
+  /**
+   * Defines whether to use the scroller feature. The properties of scroller component can be used like an object in it.
+   * @group Props
+   */
+  readonly options: import("@angular/core").InputSignal<ScrollerOptions | undefined>;
+  /**
+   * Callback to invoke in lazy mode to load new data.
+   * @param {ScrollerLazyLoadEvent} event - Custom lazy load event.
+   * @group Emits
+   */
+  readonly onLazyLoad: import("@angular/core").OutputEmitterRef<ScrollerLazyLoadEvent>;
+  /**
+   * Callback to invoke when scroll position changes.
+   * @param {ScrollerScrollEvent} event - Custom scroll event.
+   * @group Emits
+   */
+  readonly onScroll: import("@angular/core").OutputEmitterRef<ScrollerScrollEvent>;
+  /**
+   * Callback to invoke when scroll position and item's range in view changes.
+   * @param {ScrollerScrollEvent} event - Custom scroll index change event.
+   * @group Emits
+   */
+  readonly onScrollIndexChange: import("@angular/core").OutputEmitterRef<ScrollerScrollIndexChangeEvent>;
+  readonly elementViewChild: import("@angular/core").Signal<Nullable<ElementRef<any>>>;
+  readonly contentViewChild: import("@angular/core").Signal<Nullable<ElementRef<any>>>;
+  height: string;
+  d_loading: boolean;
+  d_numToleratedItems: any;
+  contentEl: any;
+  /**
+   * Content template of the component.
+   * @param {ScrollerContentTemplateContext} context - content context.
+   * @see {@link ScrollerContentTemplateContext}
+   * @group Templates
+   */
+  readonly contentTemplate: import("@angular/core").Signal<Nullable<TemplateRef<ScrollerContentTemplateContext>>>;
+  /**
+   * Item template of the component.
+   * @param {ScrollerItemTemplateContext} context - item context.
+   * @see {@link ScrollerItemTemplateContext}
+   * @group Templates
+   */
+  readonly itemTemplate: import("@angular/core").Signal<Nullable<TemplateRef<ScrollerItemTemplateContext>>>;
+  /**
+   * Loader template of the component.
+   * @param {ScrollerLoaderTemplateContext} context - loader context.
+   * @see {@link ScrollerLoaderTemplateContext}
+   * @group Templates
+   */
+  readonly loaderTemplate: import("@angular/core").Signal<Nullable<TemplateRef<ScrollerLoaderTemplateContext>>>;
+  /**
+   * Loader icon template of the component.
+   * @param {ScrollerLoaderIconTemplateContext} context - loader icon context.
+   * @see {@link ScrollerLoaderIconTemplateContext}
+   * @group Templates
+   */
+  readonly loaderIconTemplate: import("@angular/core").Signal<Nullable<TemplateRef<ScrollerLoaderIconTemplateContext>>>;
+  readonly templates: import("@angular/core").Signal<readonly HelixTemplate[]>;
+  _contentTemplate: TemplateRef<ScrollerContentTemplateContext> | undefined;
+  _itemTemplate: TemplateRef<ScrollerItemTemplateContext> | undefined;
+  _loaderTemplate: TemplateRef<ScrollerLoaderTemplateContext> | undefined;
+  _loaderIconTemplate: TemplateRef<ScrollerLoaderIconTemplateContext> | undefined;
+  first: any;
+  last: any;
+  page: number;
+  isRangeChanged: boolean;
+  numItemsInViewport: any;
+  lastScrollPos: any;
+  lazyLoadState: any;
+  loaderArr: any[];
+  spacerStyle: {
+    [klass: string]: any;
+  } | null | undefined;
+  contentStyle: {
+    [klass: string]: any;
+  } | null | undefined;
+  scrollTimeout: any;
+  resizeTimeout: any;
+  initialized: boolean;
+  windowResizeListener: VoidListener;
+  defaultWidth: number | undefined;
+  defaultHeight: number | undefined;
+  defaultContentWidth: number | undefined;
+  defaultContentHeight: number | undefined;
+  _contentStyleClass: any;
+  get contentStyleClass(): any;
+  set contentStyleClass(val: any);
+  get vertical(): boolean;
+  get horizontal(): boolean;
+  get both(): boolean;
+  get loadedItems(): any[];
+  get loadedRows(): any[];
+  get loadedColumns(): any;
+  _componentStyle: ScrollerStyle;
+  constructor(zone: NgZone);
+  onInit(): void;
+  onAfterContentInit(): void;
+  onAfterViewInit(): void;
+  onAfterViewChecked(): void;
+  onDestroy(): void;
+  viewInit(): void;
+  init(): void;
+  setContentEl(el?: HTMLElement): void;
+  setInitialState(): void;
+  getElementRef(): Nullable<ElementRef<any>>;
+  getPageByFirst(first?: any): number;
+  isPageChanged(first?: any): boolean;
+  scrollTo(options: ScrollToOptions): void;
+  scrollToIndex(index: number | number[], behavior?: ScrollBehavior): void;
+  scrollInView(index: number, to: ScrollerToType, behavior?: ScrollBehavior): void;
+  getRenderedRange(): {
     first: any;
     last: any;
-    page: number;
-    isRangeChanged: boolean;
+    viewport: {
+      first: any;
+      last: any;
+    };
+  };
+  calculateNumItems(): {
     numItemsInViewport: any;
-    lastScrollPos: any;
-    lazyLoadState: any;
-    loaderArr: any[];
+    numToleratedItems: any;
+  };
+  calculateOptions(): void;
+  calculateAutoSize(): void;
+  getLast(last?: number, isCols?: boolean): number;
+  getContentPosition(): {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+    x: number;
+    y: number;
+  };
+  setSize(): void;
+  setSpacerSize(): void;
+  setContentPosition(pos: any): void;
+  onScrollPositionChange(event: Event): {
+    first: number | {
+      rows: number;
+      cols: number;
+    };
+    last: any;
+    isRangeChanged: boolean;
+    scrollPos: any;
+  };
+  onScrollChange(event: Event): void;
+  onContainerScroll(event: Event): void;
+  bindResizeListener(): void;
+  unbindResizeListener(): void;
+  onWindowResize(): void;
+  handleEvents(name: string, params: any): any;
+  getContentOptions(): {
+    contentStyleClass: string;
+    items: any[];
+    getItemOptions: (index: number) => {
+      index: any;
+      count: number;
+      first: boolean;
+      last: boolean;
+      even: boolean;
+      odd: boolean;
+    };
+    loading: boolean;
+    getLoaderOptions: (index: number, options?: any) => any;
+    itemSize: number | number[];
+    rows: any[];
+    columns: any;
     spacerStyle: {
-        [klass: string]: any;
+      [klass: string]: any;
     } | null | undefined;
     contentStyle: {
-        [klass: string]: any;
+      [klass: string]: any;
     } | null | undefined;
-    scrollTimeout: any;
-    resizeTimeout: any;
-    initialized: boolean;
-    windowResizeListener: VoidListener;
-    defaultWidth: number | undefined;
-    defaultHeight: number | undefined;
-    defaultContentWidth: number | undefined;
-    defaultContentHeight: number | undefined;
-    _contentStyleClass: any;
-    get contentStyleClass(): any;
-    set contentStyleClass(val: any);
-    get vertical(): boolean;
-    get horizontal(): boolean;
-    get both(): boolean;
-    get loadedItems(): any[];
-    get loadedRows(): any[];
-    get loadedColumns(): any;
-    _componentStyle: ScrollerStyle;
-    constructor(zone: NgZone);
-    onInit(): void;
-    onAfterContentInit(): void;
-    onAfterViewInit(): void;
-    onAfterViewChecked(): void;
-    onDestroy(): void;
-    viewInit(): void;
-    init(): void;
-    setContentEl(el?: HTMLElement): void;
-    setInitialState(): void;
-    getElementRef(): Nullable<ElementRef<any>>;
-    getPageByFirst(first?: any): number;
-    isPageChanged(first?: any): boolean;
-    scrollTo(options: ScrollToOptions): void;
-    scrollToIndex(index: number | number[], behavior?: ScrollBehavior): void;
-    scrollInView(index: number, to: ScrollerToType, behavior?: ScrollBehavior): void;
-    getRenderedRange(): {
-        first: any;
-        last: any;
-        viewport: {
-            first: any;
-            last: any;
-        };
+    vertical: boolean;
+    horizontal: boolean;
+    both: boolean;
+    scrollTo: any;
+    scrollToIndex: any;
+    orientation: "vertical" | "horizontal" | "both";
+    scrollableElement: any;
+  };
+  getOptions(renderedIndex: number): {
+    index: any;
+    count: number;
+    first: boolean;
+    last: boolean;
+    even: boolean;
+    odd: boolean;
+  };
+  getLoaderOptions(index: number, extOptions: any): any;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Scroller, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Scroller, "h-scroller, h-virtualscroller, h-virtual-scroller, h-virtualScroller", never, {
+    "hostName": {
+      "alias": "hostName";
+      "required": false;
+      "isSignal": true;
     };
-    calculateNumItems(): {
-        numItemsInViewport: any;
-        numToleratedItems: any;
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
     };
-    calculateOptions(): void;
-    calculateAutoSize(): void;
-    getLast(last?: number, isCols?: boolean): number;
-    getContentPosition(): {
-        left: number;
-        right: number;
-        top: number;
-        bottom: number;
-        x: number;
-        y: number;
+    "style": {
+      "alias": "style";
+      "required": false;
+      "isSignal": true;
     };
-    setSize(): void;
-    setSpacerSize(): void;
-    setContentPosition(pos: any): void;
-    onScrollPositionChange(event: Event): {
-        first: number | {
-            rows: number;
-            cols: number;
-        };
-        last: any;
-        isRangeChanged: boolean;
-        scrollPos: any;
+    "styleClass": {
+      "alias": "styleClass";
+      "required": false;
+      "isSignal": true;
     };
-    onScrollChange(event: Event): void;
-    onContainerScroll(event: Event): void;
-    bindResizeListener(): void;
-    unbindResizeListener(): void;
-    onWindowResize(): void;
-    handleEvents(name: string, params: any): any;
-    getContentOptions(): {
-        contentStyleClass: string;
-        items: any[];
-        getItemOptions: (index: number) => {
-            index: any;
-            count: number;
-            first: boolean;
-            last: boolean;
-            even: boolean;
-            odd: boolean;
-        };
-        loading: boolean;
-        getLoaderOptions: (index: number, options?: any) => any;
-        itemSize: number | number[];
-        rows: any[];
-        columns: any;
-        spacerStyle: {
-            [klass: string]: any;
-        } | null | undefined;
-        contentStyle: {
-            [klass: string]: any;
-        } | null | undefined;
-        vertical: boolean;
-        horizontal: boolean;
-        both: boolean;
-        scrollTo: any;
-        scrollToIndex: any;
-        orientation: "vertical" | "horizontal" | "both";
-        scrollableElement: any;
+    "tabindex": {
+      "alias": "tabindex";
+      "required": false;
+      "isSignal": true;
     };
-    getOptions(renderedIndex: number): {
-        index: any;
-        count: number;
-        first: boolean;
-        last: boolean;
-        even: boolean;
-        odd: boolean;
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
     };
-    getLoaderOptions(index: number, extOptions: any): any;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Scroller, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Scroller, "h-scroller, h-virtualscroller, h-virtual-scroller, h-virtualScroller", never, { "hostName": { "alias": "hostName"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "scrollWidth": { "alias": "scrollWidth"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "resizeDelay": { "alias": "resizeDelay"; "required": false; "isSignal": true; }; "appendOnly": { "alias": "appendOnly"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loaderDisabled": { "alias": "loaderDisabled"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "showSpacer": { "alias": "showSpacer"; "required": false; "isSignal": true; }; "showLoader": { "alias": "showLoader"; "required": false; "isSignal": true; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "autoSize": { "alias": "autoSize"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "onLazyLoad": "onLazyLoad"; "onScroll": "onScroll"; "onScrollIndexChange": "onScrollIndexChange"; }, ["contentTemplate", "itemTemplate", "loaderTemplate", "loaderIconTemplate", "templates"], ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
-}
-declare class ScrollerModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollerModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ScrollerModule, never, [typeof Scroller, typeof i2.SharedModule], [typeof Scroller, typeof i2.SharedModule]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ScrollerModule>;
+    "itemSize": {
+      "alias": "itemSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "scrollHeight": {
+      "alias": "scrollHeight";
+      "required": false;
+      "isSignal": true;
+    };
+    "scrollWidth": {
+      "alias": "scrollWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "step": {
+      "alias": "step";
+      "required": false;
+      "isSignal": true;
+    };
+    "delay": {
+      "alias": "delay";
+      "required": false;
+      "isSignal": true;
+    };
+    "resizeDelay": {
+      "alias": "resizeDelay";
+      "required": false;
+      "isSignal": true;
+    };
+    "appendOnly": {
+      "alias": "appendOnly";
+      "required": false;
+      "isSignal": true;
+    };
+    "inline": {
+      "alias": "inline";
+      "required": false;
+      "isSignal": true;
+    };
+    "lazy": {
+      "alias": "lazy";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "loaderDisabled": {
+      "alias": "loaderDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "columns": {
+      "alias": "columns";
+      "required": false;
+      "isSignal": true;
+    };
+    "showSpacer": {
+      "alias": "showSpacer";
+      "required": false;
+      "isSignal": true;
+    };
+    "showLoader": {
+      "alias": "showLoader";
+      "required": false;
+      "isSignal": true;
+    };
+    "numToleratedItems": {
+      "alias": "numToleratedItems";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoSize": {
+      "alias": "autoSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "trackBy": {
+      "alias": "trackBy";
+      "required": false;
+      "isSignal": true;
+    };
+    "options": {
+      "alias": "options";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "onLazyLoad": "onLazyLoad";
+    "onScroll": "onScroll";
+    "onScrollIndexChange": "onScrollIndexChange";
+  }, ["contentTemplate", "itemTemplate", "loaderTemplate", "loaderIconTemplate", "templates"], ["*"], true, [{
+    directive: typeof i1.Bind;
+    inputs: {};
+    outputs: {};
+  }]>;
 }
-
-export { Scroller, ScrollerClasses, ScrollerModule, ScrollerStyle };
+export declare class ScrollerModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<ScrollerModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<ScrollerModule, never, [typeof Scroller, typeof i2.SharedModule], [typeof Scroller, typeof i2.SharedModule]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<ScrollerModule>;
+}