@ruc-lib/virtual-scroll 2.0.0 → 3.1.0

package/README.md

@@ -2,108 +2,150 @@
 
 Virtual scroll, often referred to as "virtualized lists" or "windowing," is a technique used to efficiently display large, scrollable lists of items in a user interface.
 
-# Features
-- Horizontal and Vertical Scrolling: It supports virtual scrolling in both horizontal and vertical directions.
-- Loading Strategies:
-    - Can be used with data that is already loaded.
-    - Supports lazy loading of data as the user scrolls.
-    - Can handle delayed loading of data.
-- Responsiveness: It can adapt to window resizing for both horizontal and vertical virtual scrolls.
-- Integration with Various UI Elements: The virtual scroll functionality can be applied to a wide range of UI components, including:
-    - Tables and Data Grids (especially when many rows are added)
-    - Data Lists or Data Views
-    - Steps/Steppers
-    - virtual scrolls
-    - Textareas
-    - Multiselect input fields
-    - Charts
-    - Trees and Tree Tables
-    - Accordions
-    - Dialogs
-    - Popovers
-    - Mega Menus, Panel Menus, and Tiered Menus
-    - Dropdowns
-    - Input Autocomplete fields
-- Dynamic Content: It can handle virtual scrolling when new items are added to the list.
-- Programmatic Scrolling: It offers an action to move the scroller from the bottom to the top.
-
 # Installation guide
 
-# Install complete library
-
-`npm install @uxpractice/ruc-lib`
-
-# Install individual component
-
-If users only need the virtual scroll component, they can install it separately
-`npm install @ruc-lib/virtual-scroll`
-
-# Usage
-
-# import required modules
-
-for library
-`import { RuclibVirtualScrollModule } from '@uxpractice/ruc-lib/virtual-scroll'`
-
-for seperate package
-`import { RuclibVirtualScrollModule } from '@ruc-lib/virtual-scroll'`
-
-# use component selector
+To use the Virtual Scroll component, you can install the entire RUC library or just this specific component.
 
+### Install the Entire Library
+```bash
+npm install @uxpractice/ruc-lib
 ```
-<uxp-ruclib-virtual-scroll [rucInputData]="virtualScrollRucInputData" [customTheme]="customTheme"><!-- Put your component here --></uxp-ruclib-virtual-scroll>
-```
-
-# Input and Output
 
-# Inputs
-rucInputData -> It is the configuration input to configure the virtual scroll
+### Install Individual Component
 
-customTheme -> It is the name of the theme.
+If you only need the Virtual Scroll component
+```bash
+npm install @ruc-lib/virtual-scroll
+```
 
-# Output
+## Version Compatibility
+ 
+Please ensure you install the correct version of `@ruc-lib/virtual-scroll` based on your Angular version.
+ 
+| Angular Version    | Compatible `@ruc-lib/virtual-scroll` Version     |
+|--------------------|---------------------------------------------|
+| 15.x.x             | `npm install @ruc-lib/virtual-scroll@^3.0.0`     |
+| 16.x.x             | `npm install @ruc-lib/virtual-scroll@^3.0.0`     |
+
+
+## Usage
+### 1. Import the Component
+In your Angular component file (e.g., `app.component.ts`), import the `RuclibVirtualScrollComponent`:
+
+```typescript
+import { Component } from '@angular/core';
+
+// For Complete Library
+import { RuclibVirtualScrollComponent } from '@uxpractice/ruc-lib/virtual-scroll';
+
+// For Individual Package
+import { RuclibVirtualScrollComponent } from '@ruc-lib/virtual-scroll';
+
+@Component({
+  selector: 'app-root',
+  imports: [RuclibVirtualScrollComponent],
+  templateUrl: './app.component.html',
+})
+export class AppComponent {
+  // Component code here
+}
+```
 
-User can see the UI with virtual scroll data
+### 2. Use the Component
+In your component's template, use the `<uxp-ruclib-virtual-scroll>` selector and pass the configuration object to the `rucInputData` input and the data array to the `dataSource` input.
 
-# rucInputData (sample object)
+```html
+<uxp-ruclib-virtual-scroll 
+    [rucInputData]="virtualScrollConfig"
+    [customTheme]="customTheme">
+    <!-- Put your component here -->
+</uxp-ruclib-virtual-scroll>
+```
 
-## rucInputData configurations options-
+## API Reference
+
+### Component Inputs
+
+| Input          | Type                 | Description                                           |
+|----------------|----------------------|-------------------------------------------------------|
+| `rucInputData` | `virtualScrollConfig`| The main configuration object for the Virtual Scroll. |
+| `customTheme`  | `string`             | An optional CSS class for custom theming.             |
+
+### Component Outputs
+
+| Output  | Type      | Description                                   |
+|---------|-----------|-----------------------------------------------|
+|---------|-----------| User can see the UI with virtual scroll data  |
+
+### `virtualScrollConfig`
+This is the main configuration object for the Virtual Scroll component.
+
+| Property                  | Type                                | Description                                                           |
+|---------------------------|-------------------------------------|-----------------------------------------------------------------------|
+| `viewportWidth`           | `string`                            | Width of the viewport in percentage of Virtual Scroll.                |
+| `viewportHeight`          | `boolean`                           | Height of the viewport in percentage of Virtual Scroll.               |
+| `itemSize`                | `number`                            | Size of the element appeared in UI                                    |
+| `backToTopIcon`           | `string`                            | material icon for back to top button.                                 |
+| `backToTopLabel`          | `string`                            | Configure the label for back to top button.                           |
+| `iconColor`               | `'primary' \| 'accent' \| 'warn'`   | Change the color of the back to top button.                           |
+| `isLoad`                  | `boolean`                           | It should be true if user want scroll at the end when data loads.     | 
+| `isBackToTopIcon`         | `boolean`                           | If value of this is true, back to top icon will be enabled.           |
+| `thumbColor`              | `string`                            | User can customize thumb color.                                       |
+| `trackColor`              | `string`                            | User can customize track color.                                       |
+
+## Example Configuration
+
+Here's an example of how to configure the Virtual Scroll component in your component's TypeScript file.
+
+```typescript
+import { Component } from '@angular/core';
+
+// For Complete Library
+import { RucVirtualScrollInput } from '@uxpractice/ruc-lib/virtual-scroll';
+
+// For Individual package
+import { RucVirtualScrollInput } from '@ruc-lib/virtual-scroll';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+})
+export class AppComponent {
+    virtualScrollConfig: RucVirtualScrollInput = {
+    viewportWidth: '70%',
+    viewportHeight: '50vh',
+    itemSize: 40,
+    backToTopIcon: 'arrow_upward', // user can update accordingly and it should be material icon
+    backToTopLabel: 'Move to Top', // user can update accordingly
+    iconColor: 'primary', // 'accent', 'warn'
+    isLoad: true,
+    isBackToTopIcon: true,
+    thumbColor: 'green', //ex. '#888'
+    trackColor: 'lightgreen', //ex. '#fff'
+  };
+}
+```
 
- ```
- RucVirtualScrollInput {
-    itemSize?: number;
-    viewportWidth?: string;
-    viewportHeight?: string;
-    backToTopIcon?: string;
-    backToTopLabel?: string;
-    iconColor?: string;
-    isBackToTopIcon?: boolean;
-    isLoad?: boolean;
-    thumbColor?: string;
-    trackColor?: string;
-  } 
+> ⚠️ **IMPORTANT: Custom Theme Usage in Angular Material**
 
- ```
+When implementing **custom themes**, such as:
 
-## Default value be like –
+```scss
+.custom-theme-1 {
+  @include angular-material-theme($custom-theme);
+}
 
- ```
- rucInputData = {
-  viewportWidth: '70%',
-  viewportHeight: '50vh',
-  itemSize: 40,
-  backToTopIcon: 'arrow_upward',
-  backToTopLabel: 'Move to Top',
-  iconColor: 'primary | accent | warn', // chose only 1 color here
-  isLoad: true,
-  isBackToTopIcon: true,
-  thumbColor: 'red',
-  trackColor: 'aqua',
-};
+// You must also include the typography mixin to ensure text styles are applied correctly as shown below:
+.custom-theme-1 {
+  @include angular-material-theme($custom-theme);
+  @include mat.typography-level($theme-custom-typography-name, body-1);
+}
 ```
 
-# Contribution
+## Contribution
+
 Contributions are welcome! Feel free to open issues or pull requests for any enhancements or fixes.
 
-# Acknowledgements
-Thank you for choosing the Virtual Scroll Component Library. If you have any feedback or suggestions, please let us know!
+## Acknowledgements
+
+Thank you for choosing the Virtual Scroll component. If you have any feedback or suggestions, please let us know!

package/fesm2022/ruc-lib-virtual-scroll.mjs

@@ -0,0 +1,143 @@
+import * as i0 from '@angular/core';
+import { ViewChild, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/cdk/scrolling';
+import { ScrollingModule, CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+
+class RuclibVirtualScrollComponent {
+    constructor() {
+        // Configuration object, aligns with how other components might be fed data in your app
+        this.rucInputData = {};
+        this.itemSize = 10; // Default item size in pixels
+        this.viewportWidth = '100vw'; // Default viewport width
+        this.viewportHeight = '100vh'; // Default viewport height
+        this.clientHeight = 0;
+        // Optional: For theming, if your component needs to react to theme changes
+        this.customTheme = '';
+    }
+    ngOnInit() {
+        this.updateInternalState();
+    }
+    ngOnChanges(changes) {
+        // Re-process inputs if they change
+        if (changes['rucInputData']) {
+            this.updateInternalState();
+        }
+    }
+    ngAfterViewChecked() {
+        const isDataLoading = this.rucInputData?.isLoad || false;
+        if (isDataLoading) {
+            this.scrollToIndex();
+        }
+    }
+    updateInternalState() {
+        this.clientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;
+        // Update itemSize from rucInputData if provided, otherwise keep current or default
+        this.itemSize =
+            this.rucInputData?.itemSize !== undefined
+                ? this.rucInputData.itemSize
+                : this.itemSize;
+        // Update viewportWidth from rucInputData if provided, otherwise keep current or default
+        this.viewportWidth =
+            this.rucInputData?.viewportWidth !== undefined
+                ? this.rucInputData.viewportWidth
+                : this.viewportWidth;
+        // Update viewportHeight from rucInputData if provided, otherwise keep current or default
+        this.viewportHeight =
+            this.rucInputData?.viewportHeight !== undefined
+                ? this.rucInputData.viewportHeight
+                : this.viewportHeight;
+    }
+    /**
+     * Example public method that can be called by a parent component.
+     * Scrolls the virtual scroll viewport to the specified index.
+     * @param index The index of the item to scroll to.
+     * @param behavior Optional scroll behavior ('auto', 'smooth').
+     */
+    scrollToIndex() {
+        const newClientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;
+        if (this.virtualScrollViewport) {
+            if (newClientHeight !== this.clientHeight) {
+                this.clientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;
+                document
+                    .getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0]
+                    .scrollIntoView({ behavior: 'auto', block: 'end' });
+            }
+        }
+        else {
+            console.warn('RuclibVirtualScrollComponent: Viewport not available to scroll.');
+        }
+    }
+    /**
+     * To handle the scroll position on top by using back to top icon
+     * @returns scroll position at top
+     */
+    handleScroll() {
+        document
+            .getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0]
+            .scrollIntoView({ behavior: 'auto', block: 'start' });
+    }
+    /**
+     * To get the icon of back to top icon
+     * @returns default: 'arrow_upward'
+     */
+    getBackToTopIcon() {
+        return this.rucInputData?.backToTopIcon || 'arrow_upward';
+    }
+    /**
+     * To get the label of back to top icon
+     * @returns default: 'Back to Top'
+     */
+    getBackToTopLabel() {
+        return this.rucInputData?.backToTopLabel || 'Back to Top';
+    }
+    /**
+     * To get the color of icon
+     * @returns default: false
+     */
+    getIconColor() {
+        return this.rucInputData?.iconColor || 'primary';
+    }
+    /**
+     * To check wheteher back to top icon shold be there or not in view
+     * @returns default: false
+     */
+    isBackToTopIcon() {
+        return this.rucInputData?.isBackToTopIcon || false;
+    }
+    /**
+     * To get the thumb color of virtual scroll
+     * @returns default: '#888'
+     */
+    getScrollbarThumbColor() {
+        return this.rucInputData?.thumbColor || '#888';
+    }
+    /**
+     * To get the track color of virtual scroll
+     * @returns default: '#f1f1f1'
+     */
+    getScrollbarTrackColor() {
+        return this.rucInputData?.trackColor || '#f1f1f1';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: RuclibVirtualScrollComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: RuclibVirtualScrollComponent, isStandalone: true, selector: "uxp-ruclib-virtual-scroll", inputs: { rucInputData: "rucInputData", customTheme: "customTheme" }, viewQueries: [{ propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<cdk-virtual-scroll-viewport\r\n  [style.scrollbar-color]=\"getScrollbarThumbColor() + ' ' + getScrollbarTrackColor()\"\r\n  class=\"virtual-scrollar-wrapper\" itemSize=\"itemSize\" [style.width]=\"viewportWidth\" [style.height]=\"viewportHeight\">\r\n  <ng-content></ng-content>\r\n</cdk-virtual-scroll-viewport>\r\n\r\n@if (isBackToTopIcon()) {\r\n  <div class=\"virtual-scrollar__back-to-top\">\r\n    <button class=\"virtual-scrollar__back-to-top-btn\" mat-mini-fab aria-label=\"getBackToTopLabel()\" (click)=\"handleScroll()\">\r\n      <mat-icon color=\"{{getIconColor()}}\">{{getBackToTopIcon()}}</mat-icon>\r\n    </button>\r\n  </div>\r\n}", styles: [".virtual-scrollar-wrapper{border:1px solid #ccc}.virtual-scrollar__back-to-top{margin:8px 0}.virtual-scrollar__back-to-top .virtual-scrollar__back-to-top-btn{cursor:pointer}::ng-deep .cdk-virtual-scroll-content-wrapper{contain:inline-size!important}\n"], dependencies: [{ kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: RuclibVirtualScrollComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'uxp-ruclib-virtual-scroll', imports: [ScrollingModule, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<cdk-virtual-scroll-viewport\r\n  [style.scrollbar-color]=\"getScrollbarThumbColor() + ' ' + getScrollbarTrackColor()\"\r\n  class=\"virtual-scrollar-wrapper\" itemSize=\"itemSize\" [style.width]=\"viewportWidth\" [style.height]=\"viewportHeight\">\r\n  <ng-content></ng-content>\r\n</cdk-virtual-scroll-viewport>\r\n\r\n@if (isBackToTopIcon()) {\r\n  <div class=\"virtual-scrollar__back-to-top\">\r\n    <button class=\"virtual-scrollar__back-to-top-btn\" mat-mini-fab aria-label=\"getBackToTopLabel()\" (click)=\"handleScroll()\">\r\n      <mat-icon color=\"{{getIconColor()}}\">{{getBackToTopIcon()}}</mat-icon>\r\n    </button>\r\n  </div>\r\n}", styles: [".virtual-scrollar-wrapper{border:1px solid #ccc}.virtual-scrollar__back-to-top{margin:8px 0}.virtual-scrollar__back-to-top .virtual-scrollar__back-to-top-btn{cursor:pointer}::ng-deep .cdk-virtual-scroll-content-wrapper{contain:inline-size!important}\n"] }]
+        }], propDecorators: { rucInputData: [{
+                type: Input
+            }], customTheme: [{
+                type: Input
+            }], virtualScrollViewport: [{
+                type: ViewChild,
+                args: [CdkVirtualScrollViewport]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RuclibVirtualScrollComponent };
+//# sourceMappingURL=ruc-lib-virtual-scroll.mjs.map

package/fesm2022/ruc-lib-virtual-scroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ruc-lib-virtual-scroll.mjs","sources":["../../src/lib/ruclib-virtual-scroll/ruclib-virtual-scroll.component.ts","../../src/lib/ruclib-virtual-scroll/ruclib-virtual-scroll.component.html","../../src/ruc-lib-virtual-scroll.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  Input,\r\n  OnChanges,\r\n  OnInit,\r\n  SimpleChanges,\r\n  ViewChild,\r\n} from '@angular/core';\r\n\r\nimport { RucVirtualScrollInput } from '../../model/ruclib-virtual-scroll.model';\r\nimport {\r\n  CdkVirtualScrollViewport,\r\n  ScrollingModule,\r\n} from '@angular/cdk/scrolling';\r\nimport { MatIconModule } from '@angular/material/icon';\r\n\r\n@Component({\r\n    selector: 'uxp-ruclib-virtual-scroll',\r\n    imports: [ScrollingModule, MatIconModule],\r\n    templateUrl: './ruclib-virtual-scroll.component.html',\r\n    styleUrl: './ruclib-virtual-scroll.component.scss',\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class RuclibVirtualScrollComponent implements OnInit, OnChanges {\r\n  // Configuration object, aligns with how other components might be fed data in your app\r\n  @Input() rucInputData: RucVirtualScrollInput = {};\r\n  itemSize = 10; // Default item size in pixels\r\n  viewportWidth = '100vw'; // Default viewport width\r\n  viewportHeight = '100vh'; // Default viewport height\r\n  clientHeight = 0;\r\n\r\n  // Optional: For theming, if your component needs to react to theme changes\r\n  @Input() customTheme = '';\r\n\r\n  @ViewChild(CdkVirtualScrollViewport) virtualScrollViewport:\r\n    | CdkVirtualScrollViewport\r\n    | undefined;\r\n\r\n  ngOnInit(): void {\r\n    this.updateInternalState();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    // Re-process inputs if they change\r\n    if (changes['rucInputData']) {\r\n      this.updateInternalState();\r\n    }\r\n  }\r\n\r\n  ngAfterViewChecked() {\r\n    const isDataLoading = this.rucInputData?.isLoad || false;\r\n    if (isDataLoading) {\r\n      this.scrollToIndex();\r\n    }\r\n  }\r\n\r\n  private updateInternalState(): void {\r\n    this.clientHeight = document.getElementsByClassName(\r\n      'cdk-virtual-scroll-content-wrapper'\r\n    )[0].clientHeight;\r\n\r\n    // Update itemSize from rucInputData if provided, otherwise keep current or default\r\n    this.itemSize =\r\n      this.rucInputData?.itemSize !== undefined\r\n        ? this.rucInputData.itemSize\r\n        : this.itemSize;\r\n\r\n    // Update viewportWidth from rucInputData if provided, otherwise keep current or default\r\n    this.viewportWidth =\r\n      this.rucInputData?.viewportWidth !== undefined\r\n        ? this.rucInputData.viewportWidth\r\n        : this.viewportWidth;\r\n\r\n    // Update viewportHeight from rucInputData if provided, otherwise keep current or default\r\n    this.viewportHeight =\r\n      this.rucInputData?.viewportHeight !== undefined\r\n        ? this.rucInputData.viewportHeight\r\n        : this.viewportHeight;\r\n  }\r\n\r\n  /**\r\n   * Example public method that can be called by a parent component.\r\n   * Scrolls the virtual scroll viewport to the specified index.\r\n   * @param index The index of the item to scroll to.\r\n   * @param behavior Optional scroll behavior ('auto', 'smooth').\r\n   */\r\n  public scrollToIndex(): void {\r\n    const newClientHeight = document.getElementsByClassName(\r\n      'cdk-virtual-scroll-content-wrapper'\r\n    )[0].clientHeight;\r\n    if (this.virtualScrollViewport) {\r\n      if (newClientHeight !== this.clientHeight) {\r\n        this.clientHeight = document.getElementsByClassName(\r\n          'cdk-virtual-scroll-content-wrapper'\r\n        )[0].clientHeight;\r\n        document\r\n          .getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0]\r\n          .scrollIntoView({ behavior: 'auto', block: 'end' });\r\n      }\r\n    } else {\r\n      console.warn(\r\n        'RuclibVirtualScrollComponent: Viewport not available to scroll.'\r\n      );\r\n    }\r\n  }\r\n\r\n  /**\r\n   * To handle the scroll position on top by using back to top icon\r\n   * @returns scroll position at top\r\n   */\r\n  public handleScroll(): void {\r\n    document\r\n      .getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0]\r\n      .scrollIntoView({ behavior: 'auto', block: 'start' });\r\n  }\r\n\r\n  /**\r\n   * To get the icon of back to top icon\r\n   * @returns default: 'arrow_upward'\r\n   */\r\n  getBackToTopIcon(): string {\r\n    return this.rucInputData?.backToTopIcon || 'arrow_upward';\r\n  }\r\n\r\n  /**\r\n   * To get the label of back to top icon\r\n   * @returns default: 'Back to Top'\r\n   */\r\n  getBackToTopLabel(): string {\r\n    return this.rucInputData?.backToTopLabel || 'Back to Top';\r\n  }\r\n\r\n  /**\r\n   * To get the color of icon\r\n   * @returns default: false\r\n   */\r\n  getIconColor(): string {\r\n    return this.rucInputData?.iconColor || 'primary';\r\n  }\r\n\r\n  /**\r\n   * To check wheteher back to top icon shold be there or not in view\r\n   * @returns default: false\r\n   */\r\n  isBackToTopIcon(): boolean {\r\n    return this.rucInputData?.isBackToTopIcon || false;\r\n  }\r\n\r\n  /**\r\n   * To get the thumb color of virtual scroll\r\n   * @returns default: '#888'\r\n   */\r\n  getScrollbarThumbColor(): string {\r\n    return this.rucInputData?.thumbColor || '#888';\r\n  }\r\n\r\n  /**\r\n   * To get the track color of virtual scroll\r\n   * @returns default: '#f1f1f1'\r\n   */\r\n  getScrollbarTrackColor(): string {\r\n    return this.rucInputData?.trackColor || '#f1f1f1';\r\n  }\r\n}\r\n","<cdk-virtual-scroll-viewport\r\n  [style.scrollbar-color]=\"getScrollbarThumbColor() + ' ' + getScrollbarTrackColor()\"\r\n  class=\"virtual-scrollar-wrapper\" itemSize=\"itemSize\" [style.width]=\"viewportWidth\" [style.height]=\"viewportHeight\">\r\n  <ng-content></ng-content>\r\n</cdk-virtual-scroll-viewport>\r\n\r\n@if (isBackToTopIcon()) {\r\n  <div class=\"virtual-scrollar__back-to-top\">\r\n    <button class=\"virtual-scrollar__back-to-top-btn\" mat-mini-fab aria-label=\"getBackToTopLabel()\" (click)=\"handleScroll()\">\r\n      <mat-icon color=\"{{getIconColor()}}\">{{getBackToTopIcon()}}</mat-icon>\r\n    </button>\r\n  </div>\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -1,2 +1,109 @@
-export * from './lib/ruclib-virtual-scroll.module';
-export * from './lib/ruclib-virtual-scroll/ruclib-virtual-scroll.component';
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+
+/**
+ *Interface for defining the Virtual Scroll Input
+ */
+interface RucVirtualScrollInput {
+    /**
+     * The size of each item in the list in pixels.
+     */
+    itemSize?: number;
+    /**
+     * The width of the virtual scroll viewport. Can be a percentage, pixels, or other CSS unit.
+     */
+    viewportWidth?: string;
+    /**
+     * The height of the virtual scroll viewport. Can be a percentage, pixels, or other CSS unit.
+     */
+    viewportHeight?: string;
+    /**
+     * The name of the Material icon to use for the 'back to top' button.
+     */
+    backToTopIcon?: string;
+    /**
+     * The label text for the 'back to top' button.
+     */
+    backToTopLabel?: string;
+    /**
+     * The color of the 'back to top' icon (e.g., 'primary', 'accent', 'warn').
+     */
+    iconColor?: string;
+    /**
+     * Determines whether to display the 'back to top' icon.
+     */
+    isBackToTopIcon?: boolean;
+    /**
+     * A flag to indicate if the virtual scroll is currently loading data.
+     */
+    isLoad?: boolean;
+    /**
+     * The color of the scrollbar thumb.
+     */
+    thumbColor?: string;
+    /**
+     * The color of the scrollbar track.
+     */
+    trackColor?: string;
+}
+
+declare class RuclibVirtualScrollComponent implements OnInit, OnChanges {
+    rucInputData: RucVirtualScrollInput;
+    itemSize: number;
+    viewportWidth: string;
+    viewportHeight: string;
+    clientHeight: number;
+    customTheme: string;
+    virtualScrollViewport: CdkVirtualScrollViewport | undefined;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewChecked(): void;
+    private updateInternalState;
+    /**
+     * Example public method that can be called by a parent component.
+     * Scrolls the virtual scroll viewport to the specified index.
+     * @param index The index of the item to scroll to.
+     * @param behavior Optional scroll behavior ('auto', 'smooth').
+     */
+    scrollToIndex(): void;
+    /**
+     * To handle the scroll position on top by using back to top icon
+     * @returns scroll position at top
+     */
+    handleScroll(): void;
+    /**
+     * To get the icon of back to top icon
+     * @returns default: 'arrow_upward'
+     */
+    getBackToTopIcon(): string;
+    /**
+     * To get the label of back to top icon
+     * @returns default: 'Back to Top'
+     */
+    getBackToTopLabel(): string;
+    /**
+     * To get the color of icon
+     * @returns default: false
+     */
+    getIconColor(): string;
+    /**
+     * To check wheteher back to top icon shold be there or not in view
+     * @returns default: false
+     */
+    isBackToTopIcon(): boolean;
+    /**
+     * To get the thumb color of virtual scroll
+     * @returns default: '#888'
+     */
+    getScrollbarThumbColor(): string;
+    /**
+     * To get the track color of virtual scroll
+     * @returns default: '#f1f1f1'
+     */
+    getScrollbarTrackColor(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuclibVirtualScrollComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RuclibVirtualScrollComponent, "uxp-ruclib-virtual-scroll", never, { "rucInputData": { "alias": "rucInputData"; "required": false; }; "customTheme": { "alias": "customTheme"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { RuclibVirtualScrollComponent };

package/package.json

@@ -1,24 +1,16 @@
 {
   "name": "@ruc-lib/virtual-scroll",
-  "version": "2.0.0",
-  "license": "MIT",
+  "version": "3.1.0",
   "peerDependencies": {
-    "@angular/common": "^17.0.0 || ^16.0.0 || ^15.0.0",
-    "@angular/core": "^17.0.0 || ^16.0.0 || ^15.0.0",
-    "@angular/material": "^15.2.9 || ^14.0.0 || ^13.0.0"
+    "@angular/common": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
+    "@angular/core": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0",
+    "@angular/material": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "sideEffects": false,
-  "module": "fesm2015/ruc-lib-virtual-scroll.mjs",
-  "es2020": "fesm2020/ruc-lib-virtual-scroll.mjs",
-  "esm2020": "esm2020/ruc-lib-virtual-scroll.mjs",
-  "fesm2020": "fesm2020/ruc-lib-virtual-scroll.mjs",
-  "fesm2015": "fesm2015/ruc-lib-virtual-scroll.mjs",
+  "module": "fesm2022/ruc-lib-virtual-scroll.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -26,11 +18,7 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/ruc-lib-virtual-scroll.mjs",
-      "es2020": "./fesm2020/ruc-lib-virtual-scroll.mjs",
-      "es2015": "./fesm2015/ruc-lib-virtual-scroll.mjs",
-      "node": "./fesm2015/ruc-lib-virtual-scroll.mjs",
-      "default": "./fesm2020/ruc-lib-virtual-scroll.mjs"
+      "default": "./fesm2022/ruc-lib-virtual-scroll.mjs"
     }
   }
 }

package/esm2020/index.mjs

@@ -1,3 +0,0 @@
-export * from './lib/ruclib-virtual-scroll.module';
-export * from './lib/ruclib-virtual-scroll/ruclib-virtual-scroll.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3J1Y2xpYi92aXJ0dWFsLXNjcm9sbC9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLDZEQUE2RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvcnVjbGliLXZpcnR1YWwtc2Nyb2xsLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3J1Y2xpYi12aXJ0dWFsLXNjcm9sbC9ydWNsaWItdmlydHVhbC1zY3JvbGwuY29tcG9uZW50JzsiXX0=

package/esm2020/lib/ruclib-virtual-scroll/ruclib-virtual-scroll.component.mjs

@@ -1,123 +0,0 @@
-import { Component, Input, ChangeDetectionStrategy, ViewChild } from '@angular/core';
-import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/cdk/scrolling";
-import * as i3 from "@angular/material/icon";
-export class RuclibVirtualScrollComponent {
-    constructor() {
-        // Configuration object, aligns with how other components might be fed data in your app
-        this.rucInputData = {};
-        // Optional: For theming, if your component needs to react to theme changes
-        this.customTheme = '';
-        this.itemSize = 10; // Default item size in pixels
-        this.viewportWidth = '100vw'; // Default viewport width
-        this.viewportHeight = '100vh'; // Default viewport height
-        this.clientHeight = 0;
-    }
-    ngOnInit() {
-        this.updateInternalState();
-    }
-    ngOnChanges(changes) {
-        // Re-process inputs if they change
-        if (changes['rucInputData']) {
-            this.updateInternalState();
-        }
-    }
-    ngAfterViewChecked() {
-        const isDataLoading = this.rucInputData?.isLoad || false;
-        if (isDataLoading) {
-            this.scrollToIndex();
-        }
-    }
-    updateInternalState() {
-        this.clientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;
-        // Update itemSize from rucInputData if provided, otherwise keep current or default
-        this.itemSize = this.rucInputData?.itemSize !== undefined ? this.rucInputData.itemSize : this.itemSize;
-        // Update viewportWidth from rucInputData if provided, otherwise keep current or default
-        this.viewportWidth = this.rucInputData?.viewportWidth !== undefined ? this.rucInputData.viewportWidth : this.viewportWidth;
-        // Update viewportHeight from rucInputData if provided, otherwise keep current or default
-        this.viewportHeight = this.rucInputData?.viewportHeight !== undefined ? this.rucInputData.viewportHeight : this.viewportHeight;
-    }
-    /**
-     * Example public method that can be called by a parent component.
-     * Scrolls the virtual scroll viewport to the specified index.
-     * @param index The index of the item to scroll to.
-     * @param behavior Optional scroll behavior ('auto', 'smooth').
-     */
-    scrollToIndex() {
-        let newClientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;
-        if (this.virtualScrollViewport) {
-            if (newClientHeight !== this.clientHeight) {
-                this.clientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;
-                document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].scrollIntoView({ behavior: 'auto', block: 'end' });
-            }
-        }
-        else {
-            console.warn('RuclibVirtualScrollComponent: Viewport not available to scroll.');
-        }
-    }
-    /**
-     * To handle the scroll position on top by using back to top icon
-     * @returns scroll position at top
-     */
-    handleScroll() {
-        document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].scrollIntoView({ behavior: 'auto', block: 'start' });
-    }
-    /**
-     * To get the icon of back to top icon
-     * @returns default: 'arrow_upward'
-     */
-    getBackToTopIcon() {
-        return this.rucInputData?.backToTopIcon || 'arrow_upward';
-    }
-    /**
-     * To get the label of back to top icon
-     * @returns default: 'Back to Top'
-     */
-    getBackToTopLabel() {
-        return this.rucInputData?.backToTopLabel || 'Back to Top';
-    }
-    /**
-     * To get the color of icon
-     * @returns default: false
-     */
-    getIconColor() {
-        return this.rucInputData?.iconColor || 'primary';
-    }
-    /**
-     * To check wheteher back to top icon shold be there or not in view
-     * @returns default: false
-     */
-    isBackToTopIcon() {
-        return this.rucInputData?.isBackToTopIcon || false;
-    }
-    /**
-     * To get the thumb color of virtual scroll
-     * @returns default: '#888'
-     */
-    getScrollbarThumbColor() {
-        return this.rucInputData?.thumbColor || '#888';
-    }
-    /**
-     * To get the track color of virtual scroll
-     * @returns default: '#f1f1f1'
-     */
-    getScrollbarTrackColor() {
-        return this.rucInputData?.trackColor || '#f1f1f1';
-    }
-}
-RuclibVirtualScrollComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RuclibVirtualScrollComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RuclibVirtualScrollComponent, selector: "uxp-ruclib-virtual-scroll", inputs: { rucInputData: "rucInputData", customTheme: "customTheme" }, viewQueries: [{ propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<cdk-virtual-scroll-viewport\r\n  [style.scrollbar-color]=\"getScrollbarThumbColor() + ' ' + getScrollbarTrackColor()\"\r\n  class=\"virtual-scrollar-wrapper\" itemSize=\"itemSize\" [style.width]=\"viewportWidth\" [style.height]=\"viewportHeight\">\r\n  <ng-content></ng-content>\r\n</cdk-virtual-scroll-viewport>\r\n\r\n<div class=\"virtual-scrollar__back-to-top\" *ngIf=\"isBackToTopIcon()\">\r\n  <button class=\"virtual-scrollar__back-to-top-btn\" mat-mini-fab aria-label=\"getBackToTopLabel()\" (click)=\"handleScroll()\">\r\n    <mat-icon color=\"{{getIconColor()}}\">{{getBackToTopIcon()}}</mat-icon>\r\n  </button>\r\n</div>", styles: [".virtual-scrollar-wrapper{border:1px solid #ccc}.virtual-scrollar__back-to-top{margin:8px 0}.virtual-scrollar__back-to-top .virtual-scrollar__back-to-top-btn{cursor:pointer}::ng-deep .cdk-virtual-scroll-content-wrapper{contain:inline-size!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'uxp-ruclib-virtual-scroll', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cdk-virtual-scroll-viewport\r\n  [style.scrollbar-color]=\"getScrollbarThumbColor() + ' ' + getScrollbarTrackColor()\"\r\n  class=\"virtual-scrollar-wrapper\" itemSize=\"itemSize\" [style.width]=\"viewportWidth\" [style.height]=\"viewportHeight\">\r\n  <ng-content></ng-content>\r\n</cdk-virtual-scroll-viewport>\r\n\r\n<div class=\"virtual-scrollar__back-to-top\" *ngIf=\"isBackToTopIcon()\">\r\n  <button class=\"virtual-scrollar__back-to-top-btn\" mat-mini-fab aria-label=\"getBackToTopLabel()\" (click)=\"handleScroll()\">\r\n    <mat-icon color=\"{{getIconColor()}}\">{{getBackToTopIcon()}}</mat-icon>\r\n  </button>\r\n</div>", styles: [".virtual-scrollar-wrapper{border:1px solid #ccc}.virtual-scrollar__back-to-top{margin:8px 0}.virtual-scrollar__back-to-top .virtual-scrollar__back-to-top-btn{cursor:pointer}::ng-deep .cdk-virtual-scroll-content-wrapper{contain:inline-size!important}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { rucInputData: [{
-                type: Input
-            }], customTheme: [{
-                type: Input
-            }], virtualScrollViewport: [{
-                type: ViewChild,
-                args: [CdkVirtualScrollViewport]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnVjbGliLXZpcnR1YWwtc2Nyb2xsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcnVjbGliL3ZpcnR1YWwtc2Nyb2xsL3NyYy9saWIvcnVjbGliLXZpcnR1YWwtc2Nyb2xsL3J1Y2xpYi12aXJ0dWFsLXNjcm9sbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3J1Y2xpYi92aXJ0dWFsLXNjcm9sbC9zcmMvbGliL3J1Y2xpYi12aXJ0dWFsLXNjcm9sbC9ydWNsaWItdmlydHVhbC1zY3JvbGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsdUJBQXVCLEVBQW9DLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2SCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7QUFVbEUsTUFBTSxPQUFPLDRCQUE0QjtJQWN2QztRQWJBLHVGQUF1RjtRQUM5RSxpQkFBWSxHQUEwQixFQUFFLENBQUM7UUFFbEQsMkVBQTJFO1FBQ2xFLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBRWxDLGFBQVEsR0FBVyxFQUFFLENBQUMsQ0FBQyw4QkFBOEI7UUFDckQsa0JBQWEsR0FBVyxPQUFPLENBQUMsQ0FBQyx5QkFBeUI7UUFDMUQsbUJBQWMsR0FBVyxPQUFPLENBQUMsQ0FBQywwQkFBMEI7UUFDNUQsaUJBQVksR0FBVyxDQUFDLENBQUM7SUFJVixDQUFDO0lBRWhCLFFBQVE7UUFDTixJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLG1DQUFtQztRQUNuQyxJQUFJLE9BQU8sQ0FBQyxjQUFjLENBQUMsRUFBRTtZQUMzQixJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztTQUM1QjtJQUNILENBQUM7SUFF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WSxFQUFFLFVBQVUsSUFBSSxTQUFTLENBQUM7SUFDcEQsQ0FBQzs7MEhBdkhVLDRCQUE0Qjs4R0FBNUIsNEJBQTRCLDhMQVk1Qix3QkFBd0IscUVDdkJyQywwbkJBVU07NEZEQ08sNEJBQTRCO2tCQVB4QyxTQUFTOytCQUNFLDJCQUEyQixtQkFHcEIsdUJBQXVCLENBQUMsTUFBTTswRUFLdEMsWUFBWTtzQkFBcEIsS0FBSztnQkFHRyxXQUFXO3NCQUFuQixLQUFLO2dCQU8rQixxQkFBcUI7c0JBQXpELFNBQVM7dUJBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIE9uSW5pdCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ2RrVmlydHVhbFNjcm9sbFZpZXdwb3J0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3Njcm9sbGluZyc7XHJcbmltcG9ydCB7IFJ1Y1ZpcnR1YWxTY3JvbGxJbnB1dCB9IGZyb20gJy4uLy4uL21vZGVsL3J1Y2xpYi12aXJ0dWFsLXNjcm9sbC5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3V4cC1ydWNsaWItdmlydHVhbC1zY3JvbGwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9ydWNsaWItdmlydHVhbC1zY3JvbGwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3J1Y2xpYi12aXJ0dWFsLXNjcm9sbC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFJ1Y2xpYlZpcnR1YWxTY3JvbGxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgLy8gQ29uZmlndXJhdGlvbiBvYmplY3QsIGFsaWducyB3aXRoIGhvdyBvdGhlciBjb21wb25lbnRzIG1pZ2h0IGJlIGZlZCBkYXRhIGluIHlvdXIgYXBwXHJcbiAgQElucHV0KCkgcnVjSW5wdXREYXRhOiBSdWNWaXJ0dWFsU2Nyb2xsSW5wdXQgPSB7fTtcclxuXHJcbiAgLy8gT3B0aW9uYWw6IEZvciB0aGVtaW5nLCBpZiB5b3VyIGNvbXBvbmVudCBuZWVkcyB0byByZWFjdCB0byB0aGVtZSBjaGFuZ2VzXHJcbiAgQElucHV0KCkgY3VzdG9tVGhlbWU6IHN0cmluZyA9ICcnO1xyXG5cclxuICBpdGVtU2l6ZTogbnVtYmVyID0gMTA7IC8vIERlZmF1bHQgaXRlbSBzaXplIGluIHBpeGVsc1xyXG4gIHZpZXdwb3J0V2lkdGg6IHN0cmluZyA9ICcxMDB2dyc7IC8vIERlZmF1bHQgdmlld3BvcnQgd2lkdGhcclxuICB2aWV3cG9ydEhlaWdodDogc3RyaW5nID0gJzEwMHZoJzsgLy8gRGVmYXVsdCB2aWV3cG9ydCBoZWlnaHRcclxuICBjbGllbnRIZWlnaHQ6IG51bWJlciA9IDA7XHJcblxyXG4gIEBWaWV3Q2hpbGQoQ2RrVmlydHVhbFNjcm9sbFZpZXdwb3J0KSB2aXJ0dWFsU2Nyb2xsVmlld3BvcnQ6IENka1ZpcnR1YWxTY3JvbGxWaWV3cG9ydCB8IHVuZGVmaW5lZDtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMudXBkYXRlSW50ZXJuYWxTdGF0ZSgpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgLy8gUmUtcHJvY2VzcyBpbnB1dHMgaWYgdGhleSBjaGFuZ2VcclxuICAgIGlmIChjaGFuZ2VzWydydWNJbnB1dERhdGEnXSkge1xyXG4gICAgICB0aGlzLnVwZGF0ZUludGVybmFsU3RhdGUoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpIHtcclxuICAgIGNvbnN0IGlzRGF0YUxvYWRpbmcgPSB0aGlzLnJ1Y0lucHV0RGF0YT8uaXNMb2FkIHx8IGZhbHNlO1xyXG4gICAgaWYoaXNEYXRhTG9hZGluZykge1xyXG4gICAgICB0aGlzLnNjcm9sbFRvSW5kZXgoKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgdXBkYXRlSW50ZXJuYWxTdGF0ZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuY2xpZW50SGVpZ2h0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgnY2RrLXZpcnR1YWwtc2Nyb2xsLWNvbnRlbnQtd3JhcHBlcicpWzBdLmNsaWVudEhlaWdodDtcclxuICAgIFxyXG4gICAgLy8gVXBkYXRlIGl0ZW1TaXplIGZyb20gcnVjSW5wdXREYXRhIGlmIHByb3ZpZGVkLCBvdGhlcndpc2Uga2VlcCBjdXJyZW50IG9yIGRlZmF1bHRcclxuICAgIHRoaXMuaXRlbVNpemUgPSB0aGlzLnJ1Y0lucHV0RGF0YT8uaXRlbVNpemUgIT09IHVuZGVmaW5lZCA/IHRoaXMucnVjSW5wdXREYXRhLml0ZW1TaXplIDogdGhpcy5pdGVtU2l6ZTtcclxuXHJcbiAgICAvLyBVcGRhdGUgdmlld3BvcnRXaWR0aCBmcm9tIHJ1Y0lucHV0RGF0YSBpZiBwcm92aWRlZCwgb3RoZXJ3aXNlIGtlZXAgY3VycmVudCBvciBkZWZhdWx0XHJcbiAgICB0aGlzLnZpZXdwb3J0V2lkdGggPSB0aGlzLnJ1Y0lucHV0RGF0YT8udmlld3BvcnRXaWR0aCAhPT0gdW5kZWZpbmVkID8gdGhpcy5ydWNJbnB1dERhdGEudmlld3BvcnRXaWR0aCA6IHRoaXMudmlld3BvcnRXaWR0aDtcclxuICAgIFxyXG4gICAgLy8gVXBkYXRlIHZpZXdwb3J0SGVpZ2h0IGZyb20gcnVjSW5wdXREYXRhIGlmIHByb3ZpZGVkLCBvdGhlcndpc2Uga2VlcCBjdXJyZW50IG9yIGRlZmF1bHRcclxuICAgIHRoaXMudmlld3BvcnRIZWlnaHQgPSB0aGlzLnJ1Y0lucHV0RGF0YT8udmlld3BvcnRIZWlnaHQgIT09IHVuZGVmaW5lZCA/IHRoaXMucnVjSW5wdXREYXRhLnZpZXdwb3J0SGVpZ2h0IDogdGhpcy52aWV3cG9ydEhlaWdodDtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEV4YW1wbGUgcHVibGljIG1ldGhvZCB0aGF0IGNhbiBiZSBjYWxsZWQgYnkgYSBwYXJlbnQgY29tcG9uZW50LlxyXG4gICAqIFNjcm9sbHMgdGhlIHZpcnR1YWwgc2Nyb2xsIHZpZXdwb3J0IHRvIHRoZSBzcGVjaWZpZWQgaW5kZXguXHJcbiAgICogQHBhcmFtIGluZGV4IFRoZSBpbmRleCBvZiB0aGUgaXRlbSB0byBzY3JvbGwgdG8uXHJcbiAgICogQHBhcmFtIGJlaGF2aW9yIE9wdGlvbmFsIHNjcm9sbCBiZWhhdmlvciAoJ2F1dG8nLCAnc21vb3RoJykuXHJcbiAgICovXHJcbiAgcHVibGljIHNjcm9sbFRvSW5kZXgoKTogdm9pZCB7XHJcbiAgICBsZXQgbmV3Q2xpZW50SGVpZ2h0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgnY2RrLXZpcnR1YWwtc2Nyb2xsLWNvbnRlbnQtd3JhcHBlcicpWzBdLmNsaWVudEhlaWdodDtcclxuICAgIGlmICh0aGlzLnZpcnR1YWxTY3JvbGxWaWV3cG9ydCkge1xyXG4gICAgICBpZihuZXdDbGllbnRIZWlnaHQgIT09IHRoaXMuY2xpZW50SGVpZ2h0KSB7XHJcbiAgICAgICAgdGhpcy5jbGllbnRIZWlnaHQgPSBkb2N1bWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKCdjZGstdmlydHVhbC1zY3JvbGwtY29udGVudC13cmFwcGVyJylbMF0uY2xpZW50SGVpZ2h0O1xyXG4gICAgICAgIGRvY3VtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ2Nkay12aXJ0dWFsLXNjcm9sbC1jb250ZW50LXdyYXBwZXInKVswXS5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnYXV0bycsIGJsb2NrOiAnZW5kJyB9KTtcclxuICAgICAgfVxyXG4gICAgfSBlbHNlIHtcclxuICAgICAgY29uc29sZS53YXJuKCdSdWNsaWJWaXJ0dWFsU2Nyb2xsQ29tcG9uZW50OiBWaWV3cG9ydCBub3QgYXZhaWxhYmxlIHRvIHNjcm9sbC4nKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFRvIGhhbmRsZSB0aGUgc2Nyb2xsIHBvc2l0aW9uIG9uIHRvcCBieSB1c2luZyBiYWNrIHRvIHRvcCBpY29uXHJcbiAgICogQHJldHVybnMgc2Nyb2xsIHBvc2l0aW9uIGF0IHRvcCBcclxuICAgKi9cclxuICBwdWJsaWMgaGFuZGxlU2Nyb2xsKCk6IHZvaWQge1xyXG4gICAgZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgnY2RrLXZpcnR1YWwtc2Nyb2xsLWNvbnRlbnQtd3JhcHBlcicpWzBdLnNjcm9sbEludG9WaWV3KHsgYmVoYXZpb3I6ICdhdXRvJywgYmxvY2s6ICdzdGFydCcgfSk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBUbyBnZXQgdGhlIGljb24gb2YgYmFjayB0byB0b3AgaWNvblxyXG4gICAqIEByZXR1cm5zIGRlZmF1bHQ6ICdhcnJvd191cHdhcmQnIFxyXG4gICAqL1xyXG4gIGdldEJhY2tUb1RvcEljb24oKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLnJ1Y0lucHV0RGF0YT8uYmFja1RvVG9wSWNvbiB8fCAnYXJyb3dfdXB3YXJkJztcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFRvIGdldCB0aGUgbGFiZWwgb2YgYmFjayB0byB0b3AgaWNvblxyXG4gICAqIEByZXR1cm5zIGRlZmF1bHQ6ICdCYWNrIHRvIFRvcCcgXHJcbiAgICovXHJcbiAgZ2V0QmFja1RvVG9wTGFiZWwoKTogc3RyaW5nIHsgXHJcbiAgICByZXR1cm4gdGhpcy5ydWNJbnB1dERhdGE/LmJhY2tUb1RvcExhYmVsIHx8ICdCYWNrIHRvIFRvcCc7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBUbyBnZXQgdGhlIGNvbG9yIG9mIGljb25cclxuICAgKiBAcmV0dXJucyBkZWZhdWx0OiBmYWxzZVxyXG4gICAqL1xyXG4gIGdldEljb25Db2xvcigpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMucnVjSW5wdXREYXRhPy5pY29uQ29sb3IgfHwgJ3ByaW1hcnknO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogVG8gY2hlY2sgd2hldGVoZXIgYmFjayB0byB0b3AgaWNvbiBzaG9sZCBiZSB0aGVyZSBvciBub3QgaW4gdmlld1xyXG4gICAqIEByZXR1cm5zIGRlZmF1bHQ6IGZhbHNlXHJcbiAgICovXHJcbiAgaXNCYWNrVG9Ub3BJY29uKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMucnVjSW5wdXREYXRhPy5pc0JhY2tUb1RvcEljb24gfHwgZmFsc2U7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBUbyBnZXQgdGhlIHRodW1iIGNvbG9yIG9mIHZpcnR1YWwgc2Nyb2xsXHJcbiAgICogQHJldHVybnMgZGVmYXVsdDogJyM4ODgnXHJcbiAgICovXHJcbiAgZ2V0U2Nyb2xsYmFyVGh1bWJDb2xvcigpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMucnVjSW5wdXREYXRhPy50aHVtYkNvbG9yIHx8ICcjODg4JztcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFRvIGdldCB0aGUgdHJhY2sgY29sb3Igb2YgdmlydHVhbCBzY3JvbGxcclxuICAgKiBAcmV0dXJucyBkZWZhdWx0OiAnI2YxZjFmMSdcclxuICAgKi9cclxuICBnZXRTY3JvbGxiYXJUcmFja0NvbG9yKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5ydWNJbnB1dERhdGE/LnRyYWNrQ29sb3IgfHwgJyNmMWYxZjEnO1xyXG4gIH1cclxufVxyXG4iLCI8Y2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0XHJcbiAgW3N0eWxlLnNjcm9sbGJhci1jb2xvcl09XCJnZXRTY3JvbGxiYXJUaHVtYkNvbG9yKCkgKyAnICcgKyBnZXRTY3JvbGxiYXJUcmFja0NvbG9yKClcIlxyXG4gIGNsYXNzPVwidmlydHVhbC1zY3JvbGxhci13cmFwcGVyXCIgaXRlbVNpemU9XCJpdGVtU2l6ZVwiIFtzdHlsZS53aWR0aF09XCJ2aWV3cG9ydFdpZHRoXCIgW3N0eWxlLmhlaWdodF09XCJ2aWV3cG9ydEhlaWdodFwiPlxyXG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9jZGstdmlydHVhbC1zY3JvbGwtdmlld3BvcnQ+XHJcblxyXG48ZGl2IGNsYXNzPVwidmlydHVhbC1zY3JvbGxhcl9fYmFjay10by10b3BcIiAqbmdJZj1cImlzQmFja1RvVG9wSWNvbigpXCI+XHJcbiAgPGJ1dHRvbiBjbGFzcz1cInZpcnR1YWwtc2Nyb2xsYXJfX2JhY2stdG8tdG9wLWJ0blwiIG1hdC1taW5pLWZhYiBhcmlhLWxhYmVsPVwiZ2V0QmFja1RvVG9wTGFiZWwoKVwiIChjbGljayk9XCJoYW5kbGVTY3JvbGwoKVwiPlxyXG4gICAgPG1hdC1pY29uIGNvbG9yPVwie3tnZXRJY29uQ29sb3IoKX19XCI+e3tnZXRCYWNrVG9Ub3BJY29uKCl9fTwvbWF0LWljb24+XHJcbiAgPC9idXR0b24+XHJcbjwvZGl2PiJdfQ==

package/esm2020/lib/ruclib-virtual-scroll.module.mjs

@@ -1,20 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RuclibVirtualScrollComponent } from './ruclib-virtual-scroll/ruclib-virtual-scroll.component';
-import { ScrollingModule } from '@angular/cdk/scrolling';
-import { MatIconModule } from '@angular/material/icon';
-import * as i0 from "@angular/core";
-export class RuclibVirtualScrollModule {
-}
-RuclibVirtualScrollModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RuclibVirtualScrollModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollModule, declarations: [RuclibVirtualScrollComponent], imports: [CommonModule, ScrollingModule, MatIconModule], exports: [RuclibVirtualScrollComponent] });
-RuclibVirtualScrollModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollModule, imports: [CommonModule, ScrollingModule, MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, ScrollingModule, MatIconModule],
-                    declarations: [RuclibVirtualScrollComponent],
-                    exports: [RuclibVirtualScrollComponent],
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnVjbGliLXZpcnR1YWwtc2Nyb2xsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcnVjbGliL3ZpcnR1YWwtc2Nyb2xsL3NyYy9saWIvcnVjbGliLXZpcnR1YWwtc2Nyb2xsLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUN2RyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQU92RCxNQUFNLE9BQU8seUJBQXlCOzt1SEFBekIseUJBQXlCO3dIQUF6Qix5QkFBeUIsaUJBSHJCLDRCQUE0QixhQURqQyxZQUFZLEVBQUUsZUFBZSxFQUFFLGFBQWEsYUFFNUMsNEJBQTRCO3dIQUUzQix5QkFBeUIsWUFKMUIsWUFBWSxFQUFFLGVBQWUsRUFBRSxhQUFhOzRGQUkzQyx5QkFBeUI7a0JBTHJDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxhQUFhLENBQUM7b0JBQ3ZELFlBQVksRUFBRSxDQUFDLDRCQUE0QixDQUFDO29CQUM1QyxPQUFPLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztpQkFDeEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBSdWNsaWJWaXJ0dWFsU2Nyb2xsQ29tcG9uZW50IH0gZnJvbSAnLi9ydWNsaWItdmlydHVhbC1zY3JvbGwvcnVjbGliLXZpcnR1YWwtc2Nyb2xsLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNjcm9sbGluZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9zY3JvbGxpbmcnO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFNjcm9sbGluZ01vZHVsZSwgTWF0SWNvbk1vZHVsZV0sXHJcbiAgZGVjbGFyYXRpb25zOiBbUnVjbGliVmlydHVhbFNjcm9sbENvbXBvbmVudF0sXHJcbiAgZXhwb3J0czogW1J1Y2xpYlZpcnR1YWxTY3JvbGxDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUnVjbGliVmlydHVhbFNjcm9sbE1vZHVsZSB7fVxyXG4iXX0=

package/esm2020/model/ruclib-virtual-scroll.model.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnVjbGliLXZpcnR1YWwtc2Nyb2xsLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9ydWNsaWIvdmlydHVhbC1zY3JvbGwvc3JjL21vZGVsL3J1Y2xpYi12aXJ0dWFsLXNjcm9sbC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXHJcbiAqSW50ZXJmYWNlIGZvciBkZWZpbmluZyB0aGUgVmlydHVhbCBTY3JvbGwgSW5wdXRcclxuICovXHJcbiBleHBvcnQgaW50ZXJmYWNlIFJ1Y1ZpcnR1YWxTY3JvbGxJbnB1dCB7XHJcbiAgICBpdGVtU2l6ZT86IG51bWJlcjtcclxuICAgIHZpZXdwb3J0V2lkdGg/OiBzdHJpbmc7XHJcbiAgICB2aWV3cG9ydEhlaWdodD86IHN0cmluZztcclxuICAgIGJhY2tUb1RvcEljb24/OiBzdHJpbmc7XHJcbiAgICBiYWNrVG9Ub3BMYWJlbD86IHN0cmluZztcclxuICAgIGljb25Db2xvcj86IHN0cmluZztcclxuICAgIGlzQmFja1RvVG9wSWNvbj86IGJvb2xlYW47XHJcbiAgICBpc0xvYWQ/OiBib29sZWFuO1xyXG4gICAgdGh1bWJDb2xvcj86IHN0cmluZztcclxuICAgIHRyYWNrQ29sb3I/OiBzdHJpbmc7XHJcbiAgfSAiXX0=

package/esm2020/ruc-lib-virtual-scroll.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicnVjLWxpYi12aXJ0dWFsLXNjcm9sbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvcnVjbGliL3ZpcnR1YWwtc2Nyb2xsL3NyYy9ydWMtbGliLXZpcnR1YWwtc2Nyb2xsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/fesm2015/ruc-lib-virtual-scroll.mjs

@@ -1,154 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, ViewChild, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/cdk/scrolling';
-import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
-import * as i3 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-
-class RuclibVirtualScrollComponent {
-    constructor() {
-        // Configuration object, aligns with how other components might be fed data in your app
-        this.rucInputData = {};
-        // Optional: For theming, if your component needs to react to theme changes
-        this.customTheme = '';
-        this.itemSize = 10; // Default item size in pixels
-        this.viewportWidth = '100vw'; // Default viewport width
-        this.viewportHeight = '100vh'; // Default viewport height
-        this.clientHeight = 0;
-    }
-    ngOnInit() {
-        this.updateInternalState();
-    }
-    ngOnChanges(changes) {
-        // Re-process inputs if they change
-        if (changes['rucInputData']) {
-            this.updateInternalState();
-        }
-    }
-    ngAfterViewChecked() {
-        var _a;
-        const isDataLoading = ((_a = this.rucInputData) === null || _a === void 0 ? void 0 : _a.isLoad) || false;
-        if (isDataLoading) {
-            this.scrollToIndex();
-        }
-    }
-    updateInternalState() {
-        var _a, _b, _c;
-        this.clientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;
-        // Update itemSize from rucInputData if provided, otherwise keep current or default
-        this.itemSize = ((_a = this.rucInputData) === null || _a === void 0 ? void 0 : _a.itemSize) !== undefined ? this.rucInputData.itemSize : this.itemSize;
-        // Update viewportWidth from rucInputData if provided, otherwise keep current or default
-        this.viewportWidth = ((_b = this.rucInputData) === null || _b === void 0 ? void 0 : _b.viewportWidth) !== undefined ? this.rucInputData.viewportWidth : this.viewportWidth;
-        // Update viewportHeight from rucInputData if provided, otherwise keep current or default
-        this.viewportHeight = ((_c = this.rucInputData) === null || _c === void 0 ? void 0 : _c.viewportHeight) !== undefined ? this.rucInputData.viewportHeight : this.viewportHeight;
-    }
-    /**
-     * Example public method that can be called by a parent component.
-     * Scrolls the virtual scroll viewport to the specified index.
-     * @param index The index of the item to scroll to.
-     * @param behavior Optional scroll behavior ('auto', 'smooth').
-     */
-    scrollToIndex() {
-        let newClientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;
-        if (this.virtualScrollViewport) {
-            if (newClientHeight !== this.clientHeight) {
-                this.clientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;
-                document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].scrollIntoView({ behavior: 'auto', block: 'end' });
-            }
-        }
-        else {
-            console.warn('RuclibVirtualScrollComponent: Viewport not available to scroll.');
-        }
-    }
-    /**
-     * To handle the scroll position on top by using back to top icon
-     * @returns scroll position at top
-     */
-    handleScroll() {
-        document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].scrollIntoView({ behavior: 'auto', block: 'start' });
-    }
-    /**
-     * To get the icon of back to top icon
-     * @returns default: 'arrow_upward'
-     */
-    getBackToTopIcon() {
-        var _a;
-        return ((_a = this.rucInputData) === null || _a === void 0 ? void 0 : _a.backToTopIcon) || 'arrow_upward';
-    }
-    /**
-     * To get the label of back to top icon
-     * @returns default: 'Back to Top'
-     */
-    getBackToTopLabel() {
-        var _a;
-        return ((_a = this.rucInputData) === null || _a === void 0 ? void 0 : _a.backToTopLabel) || 'Back to Top';
-    }
-    /**
-     * To get the color of icon
-     * @returns default: false
-     */
-    getIconColor() {
-        var _a;
-        return ((_a = this.rucInputData) === null || _a === void 0 ? void 0 : _a.iconColor) || 'primary';
-    }
-    /**
-     * To check wheteher back to top icon shold be there or not in view
-     * @returns default: false
-     */
-    isBackToTopIcon() {
-        var _a;
-        return ((_a = this.rucInputData) === null || _a === void 0 ? void 0 : _a.isBackToTopIcon) || false;
-    }
-    /**
-     * To get the thumb color of virtual scroll
-     * @returns default: '#888'
-     */
-    getScrollbarThumbColor() {
-        var _a;
-        return ((_a = this.rucInputData) === null || _a === void 0 ? void 0 : _a.thumbColor) || '#888';
-    }
-    /**
-     * To get the track color of virtual scroll
-     * @returns default: '#f1f1f1'
-     */
-    getScrollbarTrackColor() {
-        var _a;
-        return ((_a = this.rucInputData) === null || _a === void 0 ? void 0 : _a.trackColor) || '#f1f1f1';
-    }
-}
-RuclibVirtualScrollComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RuclibVirtualScrollComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RuclibVirtualScrollComponent, selector: "uxp-ruclib-virtual-scroll", inputs: { rucInputData: "rucInputData", customTheme: "customTheme" }, viewQueries: [{ propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<cdk-virtual-scroll-viewport\r\n  [style.scrollbar-color]=\"getScrollbarThumbColor() + ' ' + getScrollbarTrackColor()\"\r\n  class=\"virtual-scrollar-wrapper\" itemSize=\"itemSize\" [style.width]=\"viewportWidth\" [style.height]=\"viewportHeight\">\r\n  <ng-content></ng-content>\r\n</cdk-virtual-scroll-viewport>\r\n\r\n<div class=\"virtual-scrollar__back-to-top\" *ngIf=\"isBackToTopIcon()\">\r\n  <button class=\"virtual-scrollar__back-to-top-btn\" mat-mini-fab aria-label=\"getBackToTopLabel()\" (click)=\"handleScroll()\">\r\n    <mat-icon color=\"{{getIconColor()}}\">{{getBackToTopIcon()}}</mat-icon>\r\n  </button>\r\n</div>", styles: [".virtual-scrollar-wrapper{border:1px solid #ccc}.virtual-scrollar__back-to-top{margin:8px 0}.virtual-scrollar__back-to-top .virtual-scrollar__back-to-top-btn{cursor:pointer}::ng-deep .cdk-virtual-scroll-content-wrapper{contain:inline-size!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'uxp-ruclib-virtual-scroll', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cdk-virtual-scroll-viewport\r\n  [style.scrollbar-color]=\"getScrollbarThumbColor() + ' ' + getScrollbarTrackColor()\"\r\n  class=\"virtual-scrollar-wrapper\" itemSize=\"itemSize\" [style.width]=\"viewportWidth\" [style.height]=\"viewportHeight\">\r\n  <ng-content></ng-content>\r\n</cdk-virtual-scroll-viewport>\r\n\r\n<div class=\"virtual-scrollar__back-to-top\" *ngIf=\"isBackToTopIcon()\">\r\n  <button class=\"virtual-scrollar__back-to-top-btn\" mat-mini-fab aria-label=\"getBackToTopLabel()\" (click)=\"handleScroll()\">\r\n    <mat-icon color=\"{{getIconColor()}}\">{{getBackToTopIcon()}}</mat-icon>\r\n  </button>\r\n</div>", styles: [".virtual-scrollar-wrapper{border:1px solid #ccc}.virtual-scrollar__back-to-top{margin:8px 0}.virtual-scrollar__back-to-top .virtual-scrollar__back-to-top-btn{cursor:pointer}::ng-deep .cdk-virtual-scroll-content-wrapper{contain:inline-size!important}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { rucInputData: [{
-                type: Input
-            }], customTheme: [{
-                type: Input
-            }], virtualScrollViewport: [{
-                type: ViewChild,
-                args: [CdkVirtualScrollViewport]
-            }] } });
-
-class RuclibVirtualScrollModule {
-}
-RuclibVirtualScrollModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RuclibVirtualScrollModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollModule, declarations: [RuclibVirtualScrollComponent], imports: [CommonModule, ScrollingModule, MatIconModule], exports: [RuclibVirtualScrollComponent] });
-RuclibVirtualScrollModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollModule, imports: [CommonModule, ScrollingModule, MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, ScrollingModule, MatIconModule],
-                    declarations: [RuclibVirtualScrollComponent],
-                    exports: [RuclibVirtualScrollComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { RuclibVirtualScrollComponent, RuclibVirtualScrollModule };
-//# sourceMappingURL=ruc-lib-virtual-scroll.mjs.map

package/fesm2015/ruc-lib-virtual-scroll.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ruc-lib-virtual-scroll.mjs","sources":["../../../../../libs/ruclib/virtual-scroll/src/lib/ruclib-virtual-scroll/ruclib-virtual-scroll.component.ts","../../../../../libs/ruclib/virtual-scroll/src/lib/ruclib-virtual-scroll/ruclib-virtual-scroll.component.html","../../../../../libs/ruclib/virtual-scroll/src/lib/ruclib-virtual-scroll.module.ts","../../../../../libs/ruclib/virtual-scroll/src/ruc-lib-virtual-scroll.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, OnInit, OnChanges, SimpleChanges, ViewChild } from '@angular/core';\r\nimport { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';\r\nimport { RucVirtualScrollInput } from '../../model/ruclib-virtual-scroll.model';\r\n\r\n@Component({\r\n  selector: 'uxp-ruclib-virtual-scroll',\r\n  templateUrl: './ruclib-virtual-scroll.component.html',\r\n  styleUrls: ['./ruclib-virtual-scroll.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\n\r\nexport class RuclibVirtualScrollComponent implements OnInit, OnChanges {\r\n  // Configuration object, aligns with how other components might be fed data in your app\r\n  @Input() rucInputData: RucVirtualScrollInput = {};\r\n\r\n  // Optional: For theming, if your component needs to react to theme changes\r\n  @Input() customTheme: string = '';\r\n\r\n  itemSize: number = 10; // Default item size in pixels\r\n  viewportWidth: string = '100vw'; // Default viewport width\r\n  viewportHeight: string = '100vh'; // Default viewport height\r\n  clientHeight: number = 0;\r\n\r\n  @ViewChild(CdkVirtualScrollViewport) virtualScrollViewport: CdkVirtualScrollViewport | undefined;\r\n\r\n  constructor() {}\r\n\r\n  ngOnInit(): void {\r\n    this.updateInternalState();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    // Re-process inputs if they change\r\n    if (changes['rucInputData']) {\r\n      this.updateInternalState();\r\n    }\r\n  }\r\n\r\n  ngAfterViewChecked() {\r\n    const isDataLoading = this.rucInputData?.isLoad || false;\r\n    if(isDataLoading) {\r\n      this.scrollToIndex();\r\n    }\r\n  }\r\n\r\n  private updateInternalState(): void {\r\n    this.clientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;\r\n    \r\n    // Update itemSize from rucInputData if provided, otherwise keep current or default\r\n    this.itemSize = this.rucInputData?.itemSize !== undefined ? this.rucInputData.itemSize : this.itemSize;\r\n\r\n    // Update viewportWidth from rucInputData if provided, otherwise keep current or default\r\n    this.viewportWidth = this.rucInputData?.viewportWidth !== undefined ? this.rucInputData.viewportWidth : this.viewportWidth;\r\n    \r\n    // Update viewportHeight from rucInputData if provided, otherwise keep current or default\r\n    this.viewportHeight = this.rucInputData?.viewportHeight !== undefined ? this.rucInputData.viewportHeight : this.viewportHeight;\r\n  }\r\n\r\n  /**\r\n   * Example public method that can be called by a parent component.\r\n   * Scrolls the virtual scroll viewport to the specified index.\r\n   * @param index The index of the item to scroll to.\r\n   * @param behavior Optional scroll behavior ('auto', 'smooth').\r\n   */\r\n  public scrollToIndex(): void {\r\n    let newClientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;\r\n    if (this.virtualScrollViewport) {\r\n      if(newClientHeight !== this.clientHeight) {\r\n        this.clientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;\r\n        document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].scrollIntoView({ behavior: 'auto', block: 'end' });\r\n      }\r\n    } else {\r\n      console.warn('RuclibVirtualScrollComponent: Viewport not available to scroll.');\r\n    }\r\n  }\r\n\r\n  /**\r\n   * To handle the scroll position on top by using back to top icon\r\n   * @returns scroll position at top \r\n   */\r\n  public handleScroll(): void {\r\n    document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].scrollIntoView({ behavior: 'auto', block: 'start' });\r\n  }\r\n\r\n  /**\r\n   * To get the icon of back to top icon\r\n   * @returns default: 'arrow_upward' \r\n   */\r\n  getBackToTopIcon(): string {\r\n    return this.rucInputData?.backToTopIcon || 'arrow_upward';\r\n  }\r\n\r\n  /**\r\n   * To get the label of back to top icon\r\n   * @returns default: 'Back to Top' \r\n   */\r\n  getBackToTopLabel(): string { \r\n    return this.rucInputData?.backToTopLabel || 'Back to Top';\r\n  }\r\n\r\n  /**\r\n   * To get the color of icon\r\n   * @returns default: false\r\n   */\r\n  getIconColor(): string {\r\n    return this.rucInputData?.iconColor || 'primary';\r\n  }\r\n\r\n  /**\r\n   * To check wheteher back to top icon shold be there or not in view\r\n   * @returns default: false\r\n   */\r\n  isBackToTopIcon(): boolean {\r\n    return this.rucInputData?.isBackToTopIcon || false;\r\n  }\r\n\r\n  /**\r\n   * To get the thumb color of virtual scroll\r\n   * @returns default: '#888'\r\n   */\r\n  getScrollbarThumbColor(): string {\r\n    return this.rucInputData?.thumbColor || '#888';\r\n  }\r\n\r\n  /**\r\n   * To get the track color of virtual scroll\r\n   * @returns default: '#f1f1f1'\r\n   */\r\n  getScrollbarTrackColor(): string {\r\n    return this.rucInputData?.trackColor || '#f1f1f1';\r\n  }\r\n}\r\n","<cdk-virtual-scroll-viewport\r\n  [style.scrollbar-color]=\"getScrollbarThumbColor() + ' ' + getScrollbarTrackColor()\"\r\n  class=\"virtual-scrollar-wrapper\" itemSize=\"itemSize\" [style.width]=\"viewportWidth\" [style.height]=\"viewportHeight\">\r\n  <ng-content></ng-content>\r\n</cdk-virtual-scroll-viewport>\r\n\r\n<div class=\"virtual-scrollar__back-to-top\" *ngIf=\"isBackToTopIcon()\">\r\n  <button class=\"virtual-scrollar__back-to-top-btn\" mat-mini-fab aria-label=\"getBackToTopLabel()\" (click)=\"handleScroll()\">\r\n    <mat-icon color=\"{{getIconColor()}}\">{{getBackToTopIcon()}}</mat-icon>\r\n  </button>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RuclibVirtualScrollComponent } from './ruclib-virtual-scroll/ruclib-virtual-scroll.component';\r\nimport { ScrollingModule } from '@angular/cdk/scrolling';\r\nimport { MatIconModule } from '@angular/material/icon';\r\n\r\n@NgModule({\r\n  imports: [CommonModule, ScrollingModule, MatIconModule],\r\n  declarations: [RuclibVirtualScrollComponent],\r\n  exports: [RuclibVirtualScrollComponent],\r\n})\r\nexport class RuclibVirtualScrollModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/ruc-lib-virtual-scroll.mjs

@@ -1,146 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, ViewChild, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/cdk/scrolling';
-import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
-import * as i3 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-
-class RuclibVirtualScrollComponent {
-    constructor() {
-        // Configuration object, aligns with how other components might be fed data in your app
-        this.rucInputData = {};
-        // Optional: For theming, if your component needs to react to theme changes
-        this.customTheme = '';
-        this.itemSize = 10; // Default item size in pixels
-        this.viewportWidth = '100vw'; // Default viewport width
-        this.viewportHeight = '100vh'; // Default viewport height
-        this.clientHeight = 0;
-    }
-    ngOnInit() {
-        this.updateInternalState();
-    }
-    ngOnChanges(changes) {
-        // Re-process inputs if they change
-        if (changes['rucInputData']) {
-            this.updateInternalState();
-        }
-    }
-    ngAfterViewChecked() {
-        const isDataLoading = this.rucInputData?.isLoad || false;
-        if (isDataLoading) {
-            this.scrollToIndex();
-        }
-    }
-    updateInternalState() {
-        this.clientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;
-        // Update itemSize from rucInputData if provided, otherwise keep current or default
-        this.itemSize = this.rucInputData?.itemSize !== undefined ? this.rucInputData.itemSize : this.itemSize;
-        // Update viewportWidth from rucInputData if provided, otherwise keep current or default
-        this.viewportWidth = this.rucInputData?.viewportWidth !== undefined ? this.rucInputData.viewportWidth : this.viewportWidth;
-        // Update viewportHeight from rucInputData if provided, otherwise keep current or default
-        this.viewportHeight = this.rucInputData?.viewportHeight !== undefined ? this.rucInputData.viewportHeight : this.viewportHeight;
-    }
-    /**
-     * Example public method that can be called by a parent component.
-     * Scrolls the virtual scroll viewport to the specified index.
-     * @param index The index of the item to scroll to.
-     * @param behavior Optional scroll behavior ('auto', 'smooth').
-     */
-    scrollToIndex() {
-        let newClientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;
-        if (this.virtualScrollViewport) {
-            if (newClientHeight !== this.clientHeight) {
-                this.clientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;
-                document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].scrollIntoView({ behavior: 'auto', block: 'end' });
-            }
-        }
-        else {
-            console.warn('RuclibVirtualScrollComponent: Viewport not available to scroll.');
-        }
-    }
-    /**
-     * To handle the scroll position on top by using back to top icon
-     * @returns scroll position at top
-     */
-    handleScroll() {
-        document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].scrollIntoView({ behavior: 'auto', block: 'start' });
-    }
-    /**
-     * To get the icon of back to top icon
-     * @returns default: 'arrow_upward'
-     */
-    getBackToTopIcon() {
-        return this.rucInputData?.backToTopIcon || 'arrow_upward';
-    }
-    /**
-     * To get the label of back to top icon
-     * @returns default: 'Back to Top'
-     */
-    getBackToTopLabel() {
-        return this.rucInputData?.backToTopLabel || 'Back to Top';
-    }
-    /**
-     * To get the color of icon
-     * @returns default: false
-     */
-    getIconColor() {
-        return this.rucInputData?.iconColor || 'primary';
-    }
-    /**
-     * To check wheteher back to top icon shold be there or not in view
-     * @returns default: false
-     */
-    isBackToTopIcon() {
-        return this.rucInputData?.isBackToTopIcon || false;
-    }
-    /**
-     * To get the thumb color of virtual scroll
-     * @returns default: '#888'
-     */
-    getScrollbarThumbColor() {
-        return this.rucInputData?.thumbColor || '#888';
-    }
-    /**
-     * To get the track color of virtual scroll
-     * @returns default: '#f1f1f1'
-     */
-    getScrollbarTrackColor() {
-        return this.rucInputData?.trackColor || '#f1f1f1';
-    }
-}
-RuclibVirtualScrollComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RuclibVirtualScrollComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RuclibVirtualScrollComponent, selector: "uxp-ruclib-virtual-scroll", inputs: { rucInputData: "rucInputData", customTheme: "customTheme" }, viewQueries: [{ propertyName: "virtualScrollViewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<cdk-virtual-scroll-viewport\r\n  [style.scrollbar-color]=\"getScrollbarThumbColor() + ' ' + getScrollbarTrackColor()\"\r\n  class=\"virtual-scrollar-wrapper\" itemSize=\"itemSize\" [style.width]=\"viewportWidth\" [style.height]=\"viewportHeight\">\r\n  <ng-content></ng-content>\r\n</cdk-virtual-scroll-viewport>\r\n\r\n<div class=\"virtual-scrollar__back-to-top\" *ngIf=\"isBackToTopIcon()\">\r\n  <button class=\"virtual-scrollar__back-to-top-btn\" mat-mini-fab aria-label=\"getBackToTopLabel()\" (click)=\"handleScroll()\">\r\n    <mat-icon color=\"{{getIconColor()}}\">{{getBackToTopIcon()}}</mat-icon>\r\n  </button>\r\n</div>", styles: [".virtual-scrollar-wrapper{border:1px solid #ccc}.virtual-scrollar__back-to-top{margin:8px 0}.virtual-scrollar__back-to-top .virtual-scrollar__back-to-top-btn{cursor:pointer}::ng-deep .cdk-virtual-scroll-content-wrapper{contain:inline-size!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'uxp-ruclib-virtual-scroll', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cdk-virtual-scroll-viewport\r\n  [style.scrollbar-color]=\"getScrollbarThumbColor() + ' ' + getScrollbarTrackColor()\"\r\n  class=\"virtual-scrollar-wrapper\" itemSize=\"itemSize\" [style.width]=\"viewportWidth\" [style.height]=\"viewportHeight\">\r\n  <ng-content></ng-content>\r\n</cdk-virtual-scroll-viewport>\r\n\r\n<div class=\"virtual-scrollar__back-to-top\" *ngIf=\"isBackToTopIcon()\">\r\n  <button class=\"virtual-scrollar__back-to-top-btn\" mat-mini-fab aria-label=\"getBackToTopLabel()\" (click)=\"handleScroll()\">\r\n    <mat-icon color=\"{{getIconColor()}}\">{{getBackToTopIcon()}}</mat-icon>\r\n  </button>\r\n</div>", styles: [".virtual-scrollar-wrapper{border:1px solid #ccc}.virtual-scrollar__back-to-top{margin:8px 0}.virtual-scrollar__back-to-top .virtual-scrollar__back-to-top-btn{cursor:pointer}::ng-deep .cdk-virtual-scroll-content-wrapper{contain:inline-size!important}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { rucInputData: [{
-                type: Input
-            }], customTheme: [{
-                type: Input
-            }], virtualScrollViewport: [{
-                type: ViewChild,
-                args: [CdkVirtualScrollViewport]
-            }] } });
-
-class RuclibVirtualScrollModule {
-}
-RuclibVirtualScrollModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RuclibVirtualScrollModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollModule, declarations: [RuclibVirtualScrollComponent], imports: [CommonModule, ScrollingModule, MatIconModule], exports: [RuclibVirtualScrollComponent] });
-RuclibVirtualScrollModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollModule, imports: [CommonModule, ScrollingModule, MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RuclibVirtualScrollModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, ScrollingModule, MatIconModule],
-                    declarations: [RuclibVirtualScrollComponent],
-                    exports: [RuclibVirtualScrollComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { RuclibVirtualScrollComponent, RuclibVirtualScrollModule };
-//# sourceMappingURL=ruc-lib-virtual-scroll.mjs.map

package/fesm2020/ruc-lib-virtual-scroll.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ruc-lib-virtual-scroll.mjs","sources":["../../../../../libs/ruclib/virtual-scroll/src/lib/ruclib-virtual-scroll/ruclib-virtual-scroll.component.ts","../../../../../libs/ruclib/virtual-scroll/src/lib/ruclib-virtual-scroll/ruclib-virtual-scroll.component.html","../../../../../libs/ruclib/virtual-scroll/src/lib/ruclib-virtual-scroll.module.ts","../../../../../libs/ruclib/virtual-scroll/src/ruc-lib-virtual-scroll.ts"],"sourcesContent":["import { Component, Input, ChangeDetectionStrategy, OnInit, OnChanges, SimpleChanges, ViewChild } from '@angular/core';\r\nimport { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';\r\nimport { RucVirtualScrollInput } from '../../model/ruclib-virtual-scroll.model';\r\n\r\n@Component({\r\n  selector: 'uxp-ruclib-virtual-scroll',\r\n  templateUrl: './ruclib-virtual-scroll.component.html',\r\n  styleUrls: ['./ruclib-virtual-scroll.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\n\r\nexport class RuclibVirtualScrollComponent implements OnInit, OnChanges {\r\n  // Configuration object, aligns with how other components might be fed data in your app\r\n  @Input() rucInputData: RucVirtualScrollInput = {};\r\n\r\n  // Optional: For theming, if your component needs to react to theme changes\r\n  @Input() customTheme: string = '';\r\n\r\n  itemSize: number = 10; // Default item size in pixels\r\n  viewportWidth: string = '100vw'; // Default viewport width\r\n  viewportHeight: string = '100vh'; // Default viewport height\r\n  clientHeight: number = 0;\r\n\r\n  @ViewChild(CdkVirtualScrollViewport) virtualScrollViewport: CdkVirtualScrollViewport | undefined;\r\n\r\n  constructor() {}\r\n\r\n  ngOnInit(): void {\r\n    this.updateInternalState();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    // Re-process inputs if they change\r\n    if (changes['rucInputData']) {\r\n      this.updateInternalState();\r\n    }\r\n  }\r\n\r\n  ngAfterViewChecked() {\r\n    const isDataLoading = this.rucInputData?.isLoad || false;\r\n    if(isDataLoading) {\r\n      this.scrollToIndex();\r\n    }\r\n  }\r\n\r\n  private updateInternalState(): void {\r\n    this.clientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;\r\n    \r\n    // Update itemSize from rucInputData if provided, otherwise keep current or default\r\n    this.itemSize = this.rucInputData?.itemSize !== undefined ? this.rucInputData.itemSize : this.itemSize;\r\n\r\n    // Update viewportWidth from rucInputData if provided, otherwise keep current or default\r\n    this.viewportWidth = this.rucInputData?.viewportWidth !== undefined ? this.rucInputData.viewportWidth : this.viewportWidth;\r\n    \r\n    // Update viewportHeight from rucInputData if provided, otherwise keep current or default\r\n    this.viewportHeight = this.rucInputData?.viewportHeight !== undefined ? this.rucInputData.viewportHeight : this.viewportHeight;\r\n  }\r\n\r\n  /**\r\n   * Example public method that can be called by a parent component.\r\n   * Scrolls the virtual scroll viewport to the specified index.\r\n   * @param index The index of the item to scroll to.\r\n   * @param behavior Optional scroll behavior ('auto', 'smooth').\r\n   */\r\n  public scrollToIndex(): void {\r\n    let newClientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;\r\n    if (this.virtualScrollViewport) {\r\n      if(newClientHeight !== this.clientHeight) {\r\n        this.clientHeight = document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].clientHeight;\r\n        document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].scrollIntoView({ behavior: 'auto', block: 'end' });\r\n      }\r\n    } else {\r\n      console.warn('RuclibVirtualScrollComponent: Viewport not available to scroll.');\r\n    }\r\n  }\r\n\r\n  /**\r\n   * To handle the scroll position on top by using back to top icon\r\n   * @returns scroll position at top \r\n   */\r\n  public handleScroll(): void {\r\n    document.getElementsByClassName('cdk-virtual-scroll-content-wrapper')[0].scrollIntoView({ behavior: 'auto', block: 'start' });\r\n  }\r\n\r\n  /**\r\n   * To get the icon of back to top icon\r\n   * @returns default: 'arrow_upward' \r\n   */\r\n  getBackToTopIcon(): string {\r\n    return this.rucInputData?.backToTopIcon || 'arrow_upward';\r\n  }\r\n\r\n  /**\r\n   * To get the label of back to top icon\r\n   * @returns default: 'Back to Top' \r\n   */\r\n  getBackToTopLabel(): string { \r\n    return this.rucInputData?.backToTopLabel || 'Back to Top';\r\n  }\r\n\r\n  /**\r\n   * To get the color of icon\r\n   * @returns default: false\r\n   */\r\n  getIconColor(): string {\r\n    return this.rucInputData?.iconColor || 'primary';\r\n  }\r\n\r\n  /**\r\n   * To check wheteher back to top icon shold be there or not in view\r\n   * @returns default: false\r\n   */\r\n  isBackToTopIcon(): boolean {\r\n    return this.rucInputData?.isBackToTopIcon || false;\r\n  }\r\n\r\n  /**\r\n   * To get the thumb color of virtual scroll\r\n   * @returns default: '#888'\r\n   */\r\n  getScrollbarThumbColor(): string {\r\n    return this.rucInputData?.thumbColor || '#888';\r\n  }\r\n\r\n  /**\r\n   * To get the track color of virtual scroll\r\n   * @returns default: '#f1f1f1'\r\n   */\r\n  getScrollbarTrackColor(): string {\r\n    return this.rucInputData?.trackColor || '#f1f1f1';\r\n  }\r\n}\r\n","<cdk-virtual-scroll-viewport\r\n  [style.scrollbar-color]=\"getScrollbarThumbColor() + ' ' + getScrollbarTrackColor()\"\r\n  class=\"virtual-scrollar-wrapper\" itemSize=\"itemSize\" [style.width]=\"viewportWidth\" [style.height]=\"viewportHeight\">\r\n  <ng-content></ng-content>\r\n</cdk-virtual-scroll-viewport>\r\n\r\n<div class=\"virtual-scrollar__back-to-top\" *ngIf=\"isBackToTopIcon()\">\r\n  <button class=\"virtual-scrollar__back-to-top-btn\" mat-mini-fab aria-label=\"getBackToTopLabel()\" (click)=\"handleScroll()\">\r\n    <mat-icon color=\"{{getIconColor()}}\">{{getBackToTopIcon()}}</mat-icon>\r\n  </button>\r\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RuclibVirtualScrollComponent } from './ruclib-virtual-scroll/ruclib-virtual-scroll.component';\r\nimport { ScrollingModule } from '@angular/cdk/scrolling';\r\nimport { MatIconModule } from '@angular/material/icon';\r\n\r\n@NgModule({\r\n  imports: [CommonModule, ScrollingModule, MatIconModule],\r\n  declarations: [RuclibVirtualScrollComponent],\r\n  exports: [RuclibVirtualScrollComponent],\r\n})\r\nexport class RuclibVirtualScrollModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/lib/ruclib-virtual-scroll/ruclib-virtual-scroll.component.d.ts

@@ -1,62 +0,0 @@
-import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
-import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
-import { RucVirtualScrollInput } from '../../model/ruclib-virtual-scroll.model';
-import * as i0 from "@angular/core";
-export declare class RuclibVirtualScrollComponent implements OnInit, OnChanges {
-    rucInputData: RucVirtualScrollInput;
-    customTheme: string;
-    itemSize: number;
-    viewportWidth: string;
-    viewportHeight: string;
-    clientHeight: number;
-    virtualScrollViewport: CdkVirtualScrollViewport | undefined;
-    constructor();
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewChecked(): void;
-    private updateInternalState;
-    /**
-     * Example public method that can be called by a parent component.
-     * Scrolls the virtual scroll viewport to the specified index.
-     * @param index The index of the item to scroll to.
-     * @param behavior Optional scroll behavior ('auto', 'smooth').
-     */
-    scrollToIndex(): void;
-    /**
-     * To handle the scroll position on top by using back to top icon
-     * @returns scroll position at top
-     */
-    handleScroll(): void;
-    /**
-     * To get the icon of back to top icon
-     * @returns default: 'arrow_upward'
-     */
-    getBackToTopIcon(): string;
-    /**
-     * To get the label of back to top icon
-     * @returns default: 'Back to Top'
-     */
-    getBackToTopLabel(): string;
-    /**
-     * To get the color of icon
-     * @returns default: false
-     */
-    getIconColor(): string;
-    /**
-     * To check wheteher back to top icon shold be there or not in view
-     * @returns default: false
-     */
-    isBackToTopIcon(): boolean;
-    /**
-     * To get the thumb color of virtual scroll
-     * @returns default: '#888'
-     */
-    getScrollbarThumbColor(): string;
-    /**
-     * To get the track color of virtual scroll
-     * @returns default: '#f1f1f1'
-     */
-    getScrollbarTrackColor(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RuclibVirtualScrollComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RuclibVirtualScrollComponent, "uxp-ruclib-virtual-scroll", never, { "rucInputData": "rucInputData"; "customTheme": "customTheme"; }, {}, never, ["*"], false, never>;
-}

package/lib/ruclib-virtual-scroll.module.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./ruclib-virtual-scroll/ruclib-virtual-scroll.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/cdk/scrolling";
-import * as i4 from "@angular/material/icon";
-export declare class RuclibVirtualScrollModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RuclibVirtualScrollModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RuclibVirtualScrollModule, [typeof i1.RuclibVirtualScrollComponent], [typeof i2.CommonModule, typeof i3.ScrollingModule, typeof i4.MatIconModule], [typeof i1.RuclibVirtualScrollComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<RuclibVirtualScrollModule>;
-}

package/model/ruclib-virtual-scroll.model.d.ts

@@ -1,15 +0,0 @@
-/**
- *Interface for defining the Virtual Scroll Input
- */
-export interface RucVirtualScrollInput {
-    itemSize?: number;
-    viewportWidth?: string;
-    viewportHeight?: string;
-    backToTopIcon?: string;
-    backToTopLabel?: string;
-    iconColor?: string;
-    isBackToTopIcon?: boolean;
-    isLoad?: boolean;
-    thumbColor?: string;
-    trackColor?: string;
-}