@ruc-lib/virtual-scroll 2.0.0

package/README.md

@@ -0,0 +1,109 @@
+# ruclib-virtual-scroll
+
+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
+
+```
+<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
+
+customTheme -> It is the name of the theme.
+
+# Output
+
+User can see the UI with virtual scroll data
+
+# rucInputData (sample object)
+
+## rucInputData configurations options-
+
+ ```
+ RucVirtualScrollInput {
+    itemSize?: number;
+    viewportWidth?: string;
+    viewportHeight?: string;
+    backToTopIcon?: string;
+    backToTopLabel?: string;
+    iconColor?: string;
+    isBackToTopIcon?: boolean;
+    isLoad?: boolean;
+    thumbColor?: string;
+    trackColor?: string;
+  } 
+
+ ```
+
+## Default value be like –
+
+ ```
+ 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',
+};
+```
+
+# 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!

package/esm2020/index.mjs

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,123 @@
+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

@@ -0,0 +1,20 @@
+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

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

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

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

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

@@ -0,0 +1,154 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,146 @@
+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

@@ -0,0 +1 @@
+{"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/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/ruclib-virtual-scroll.module';
+export * from './lib/ruclib-virtual-scroll/ruclib-virtual-scroll.component';

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

@@ -0,0 +1,62 @@
+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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,15 @@
+/**
+ *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;
+}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@ruc-lib/virtual-scroll",
+  "version": "2.0.0",
+  "license": "MIT",
+  "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"
+  },
+  "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",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "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"
+    }
+  }
+}