@wawjs/ngx-prime 22.0.0

package/fesm2022/wawjs-ngx-prime-scrollpanel.mjs

@@ -0,0 +1,562 @@
+export * from '@wawjs/ngx-prime/types/scrollpanel';
+import * as i2 from '@angular/common';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, input, numberAttribute, viewChild, contentChild, contentChildren, NgZone, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { uuid, getHeight, addClass, removeClass } from '@wawjs/css-prime-utils';
+import { PrimeTemplate, SharedModule } from '@wawjs/ngx-prime/api';
+import { BaseComponent, PARENT_INSTANCE } from '@wawjs/ngx-prime/basecomponent';
+import * as i1 from '@wawjs/ngx-prime/bind';
+import { Bind, BindModule } from '@wawjs/ngx-prime/bind';
+import { style as style$1 } from '@wawjs/css-prime-styles/scrollpanel';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+
+const style = /*css*/ `
+    ${style$1}
+
+    .p-scrollpanel {
+        display: block;
+    }
+`;
+const classes = {
+    root: 'p-scrollpanel p-component',
+    contentContainer: 'p-scrollpanel-content-container',
+    content: 'p-scrollpanel-content',
+    barX: 'p-scrollpanel-bar p-scrollpanel-bar-x',
+    barY: 'p-scrollpanel-bar p-scrollpanel-bar-y'
+};
+class ScrollPanelStyle extends BaseStyle {
+    name = 'scrollpanel';
+    style = style;
+    classes = classes;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ScrollPanelStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ScrollPanelStyle });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ScrollPanelStyle, decorators: [{
+            type: Injectable
+        }] });
+/**
+ *
+ * ScrollPanel is a cross browser, lightweight and themable alternative to native browser scrollbar.
+ *
+ * [Live Demo](https://www.ngx-prime.org/scrollpanel/)
+ *
+ * @module scrollpanelstyle
+ *
+ */
+var ScrollPanelClasses;
+(function (ScrollPanelClasses) {
+    /**
+     * Class name of the root element
+     */
+    ScrollPanelClasses["root"] = "p-scrollpanel";
+    /**
+     * Class name of the content container element
+     */
+    ScrollPanelClasses["contentContainer"] = "p-scrollpanel-content-container";
+    /**
+     * Class name of the content element
+     */
+    ScrollPanelClasses["content"] = "p-scrollpanel-content";
+    /**
+     * Class name of the bar x element
+     */
+    ScrollPanelClasses["barX"] = "p-scrollpanel-bar-x";
+    /**
+     * Class name of the bar y element
+     */
+    ScrollPanelClasses["barY"] = "p-scrollpanel-bar-y";
+})(ScrollPanelClasses || (ScrollPanelClasses = {}));
+
+const SCROLLPANEL_INSTANCE = new InjectionToken('SCROLLPANEL_INSTANCE');
+/**
+ * ScrollPanel is a cross browser, lightweight and themable alternative to native browser scrollbar.
+ * @group Components
+ */
+class ScrollPanel extends BaseComponent {
+    componentName = 'ScrollPanel';
+    $pcScrollPanel = inject(SCROLLPANEL_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
+    bindDirectiveInstance = inject(Bind, { self: true });
+    onAfterViewChecked() {
+        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
+    }
+    /**
+     * Style class of the component.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Step factor to scroll the content while pressing the arrow keys.
+     * @group Props
+     */
+    step = input(5, { ...(ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    contentViewChild = viewChild('content', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentViewChild" }] : /* istanbul ignore next */ []));
+    xBarViewChild = viewChild('xBar', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "xBarViewChild" }] : /* istanbul ignore next */ []));
+    yBarViewChild = viewChild('yBar', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "yBarViewChild" }] : /* istanbul ignore next */ []));
+    /**
+     * Custom content template.
+     * @group Templates
+     */
+    contentTemplate = contentChild('content', { ...(ngDevMode ? { debugName: "contentTemplate" } : /* istanbul ignore next */ {}), descendants: false });
+    templates = contentChildren(PrimeTemplate, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
+    _contentTemplate;
+    scrollYRatio;
+    scrollXRatio;
+    timeoutFrame = (fn) => setTimeout(fn, 0);
+    initialized = false;
+    lastPageY;
+    lastPageX;
+    isXBarClicked = false;
+    isYBarClicked = false;
+    lastScrollLeft = 0;
+    lastScrollTop = 0;
+    orientation = 'vertical';
+    timer;
+    contentId;
+    windowResizeListener;
+    contentScrollListener;
+    mouseEnterListener;
+    xBarMouseDownListener;
+    yBarMouseDownListener;
+    documentMouseMoveListener;
+    documentMouseUpListener;
+    _componentStyle = inject(ScrollPanelStyle);
+    zone = inject(NgZone);
+    onInit() {
+        this.contentId = uuid('pn_id_') + '_content';
+    }
+    onAfterViewInit() {
+        if (isPlatformBrowser(this.platformId)) {
+            this.zone.runOutsideAngular(() => {
+                this.moveBar();
+                this.moveBar = this.moveBar.bind(this);
+                this.onXBarMouseDown = this.onXBarMouseDown.bind(this);
+                this.onYBarMouseDown = this.onYBarMouseDown.bind(this);
+                this.onDocumentMouseMove = this.onDocumentMouseMove.bind(this);
+                this.onDocumentMouseUp = this.onDocumentMouseUp.bind(this);
+                this.windowResizeListener = this.renderer.listen(window, 'resize', this.moveBar);
+                this.contentScrollListener = this.renderer.listen(this.contentViewChild().nativeElement, 'scroll', this.moveBar);
+                this.mouseEnterListener = this.renderer.listen(this.contentViewChild().nativeElement, 'mouseenter', this.moveBar);
+                this.xBarMouseDownListener = this.renderer.listen(this.xBarViewChild().nativeElement, 'mousedown', this.onXBarMouseDown);
+                this.yBarMouseDownListener = this.renderer.listen(this.yBarViewChild().nativeElement, 'mousedown', this.onYBarMouseDown);
+                this.calculateContainerHeight();
+                this.initialized = true;
+            });
+        }
+    }
+    onAfterContentInit() {
+        this.templates().forEach((item) => {
+            switch (item.getType()) {
+                case 'content':
+                    this._contentTemplate = item.template;
+                    break;
+                default:
+                    this._contentTemplate = item.template;
+                    break;
+            }
+        });
+    }
+    calculateContainerHeight() {
+        let container = this.el.nativeElement;
+        let content = this.contentViewChild().nativeElement;
+        let xBar = this.xBarViewChild().nativeElement;
+        const window = this.document.defaultView;
+        let containerStyles = window.getComputedStyle(container), xBarStyles = window.getComputedStyle(xBar), pureContainerHeight = getHeight(container) - parseInt(xBarStyles['height'], 10);
+        if (containerStyles['max-height'] != 'none' && pureContainerHeight == 0) {
+            if (content.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
+                container.style.height = containerStyles['max-height'];
+            }
+            else {
+                container.style.height = content.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';
+            }
+        }
+    }
+    moveBar() {
+        let container = this.el.nativeElement;
+        let content = this.contentViewChild().nativeElement;
+        /* horizontal scroll */
+        let xBar = this.xBarViewChild().nativeElement;
+        let totalWidth = content.scrollWidth;
+        let ownWidth = content.clientWidth;
+        let bottom = (container.clientHeight - xBar.clientHeight) * -1;
+        this.scrollXRatio = ownWidth / totalWidth;
+        /* vertical scroll */
+        let yBar = this.yBarViewChild().nativeElement;
+        let totalHeight = content.scrollHeight;
+        let ownHeight = content.clientHeight;
+        let right = (container.clientWidth - yBar.clientWidth) * -1;
+        this.scrollYRatio = ownHeight / totalHeight;
+        this.requestAnimationFrame(() => {
+            if (this.scrollXRatio >= 1) {
+                xBar.setAttribute('data-p-scrollpanel-hidden', 'true');
+                !this.$unstyled() && addClass(xBar, 'p-scrollpanel-hidden');
+            }
+            else {
+                xBar.setAttribute('data-p-scrollpanel-hidden', 'false');
+                !this.$unstyled() && removeClass(xBar, 'p-scrollpanel-hidden');
+                const xBarWidth = Math.max(this.scrollXRatio * 100, 10);
+                const xBarLeft = Math.abs((content.scrollLeft * (100 - xBarWidth)) / (totalWidth - ownWidth));
+                xBar.style.cssText = 'width:' + xBarWidth + '%; inset-inline-start:' + xBarLeft + '%;bottom:' + bottom + 'px;';
+            }
+            if (this.scrollYRatio >= 1) {
+                yBar.setAttribute('data-p-scrollpanel-hidden', 'true');
+                !this.$unstyled() && addClass(yBar, 'p-scrollpanel-hidden');
+            }
+            else {
+                yBar.setAttribute('data-p-scrollpanel-hidden', 'false');
+                !this.$unstyled() && removeClass(yBar, 'p-scrollpanel-hidden');
+                const yBarHeight = Math.max(this.scrollYRatio * 100, 10);
+                const yBarTop = (content.scrollTop * (100 - yBarHeight)) / (totalHeight - ownHeight);
+                yBar.style.cssText = 'height:' + yBarHeight + '%; top: calc(' + yBarTop + '% - ' + xBar.clientHeight + 'px); inset-inline-end:' + right + 'px;';
+            }
+        });
+        this.cd.markForCheck();
+    }
+    onScroll(event) {
+        if (this.lastScrollLeft !== event.target.scrollLeft) {
+            this.lastScrollLeft = event.target.scrollLeft;
+            this.orientation = 'horizontal';
+        }
+        else if (this.lastScrollTop !== event.target.scrollTop) {
+            this.lastScrollTop = event.target.scrollTop;
+            this.orientation = 'vertical';
+        }
+        this.moveBar();
+    }
+    onKeyDown(event) {
+        if (this.orientation === 'vertical') {
+            switch (event.code) {
+                case 'ArrowDown': {
+                    this.setTimer('scrollTop', this.step());
+                    event.preventDefault();
+                    break;
+                }
+                case 'ArrowUp': {
+                    this.setTimer('scrollTop', this.step() * -1);
+                    event.preventDefault();
+                    break;
+                }
+                case 'ArrowLeft':
+                case 'ArrowRight': {
+                    event.preventDefault();
+                    break;
+                }
+                default:
+                    //no op
+                    break;
+            }
+        }
+        else if (this.orientation === 'horizontal') {
+            switch (event.code) {
+                case 'ArrowRight': {
+                    this.setTimer('scrollLeft', this.step());
+                    event.preventDefault();
+                    break;
+                }
+                case 'ArrowLeft': {
+                    this.setTimer('scrollLeft', this.step() * -1);
+                    event.preventDefault();
+                    break;
+                }
+                case 'ArrowDown':
+                case 'ArrowUp': {
+                    event.preventDefault();
+                    break;
+                }
+                default:
+                    //no op
+                    break;
+            }
+        }
+    }
+    onKeyUp() {
+        this.clearTimer();
+    }
+    repeat(bar, step) {
+        const contentViewChild = this.contentViewChild();
+        contentViewChild?.nativeElement && (contentViewChild.nativeElement[bar] += step);
+        this.moveBar();
+    }
+    setTimer(bar, step) {
+        this.clearTimer();
+        this.timer = setTimeout(() => {
+            this.repeat(bar, step);
+        }, 40);
+    }
+    clearTimer() {
+        if (this.timer) {
+            clearTimeout(this.timer);
+        }
+    }
+    bindDocumentMouseListeners() {
+        if (!this.documentMouseMoveListener) {
+            this.documentMouseMoveListener = (e) => {
+                this.onDocumentMouseMove(e);
+            };
+            this.document.addEventListener('mousemove', this.documentMouseMoveListener);
+        }
+        if (!this.documentMouseUpListener) {
+            this.documentMouseUpListener = () => {
+                this.onDocumentMouseUp();
+            };
+            this.document.addEventListener('mouseup', this.documentMouseUpListener);
+        }
+    }
+    unbindDocumentMouseListeners() {
+        if (this.documentMouseMoveListener) {
+            this.document.removeEventListener('mousemove', this.documentMouseMoveListener);
+            this.documentMouseMoveListener = null;
+        }
+        if (this.documentMouseUpListener) {
+            document.removeEventListener('mouseup', this.documentMouseUpListener);
+            this.documentMouseUpListener = null;
+        }
+    }
+    onYBarMouseDown(e) {
+        this.isYBarClicked = true;
+        const yBarViewChild = this.yBarViewChild();
+        yBarViewChild?.nativeElement?.focus();
+        this.lastPageY = e.pageY;
+        yBarViewChild?.nativeElement?.setAttribute('data-p-scrollpanel-grabbed', 'true');
+        !this.$unstyled() && addClass(yBarViewChild.nativeElement, 'p-scrollpanel-grabbed');
+        this.document.body.setAttribute('data-p-scrollpanel-grabbed', 'true');
+        !this.$unstyled() && addClass(this.document.body, 'p-scrollpanel-grabbed');
+        this.bindDocumentMouseListeners();
+        e.preventDefault();
+    }
+    onXBarMouseDown(e) {
+        this.isXBarClicked = true;
+        const xBarViewChild = this.xBarViewChild();
+        xBarViewChild?.nativeElement?.focus();
+        this.lastPageX = e.pageX;
+        xBarViewChild?.nativeElement?.setAttribute('data-p-scrollpanel-grabbed', 'false');
+        !this.$unstyled() && addClass(xBarViewChild.nativeElement, 'p-scrollpanel-grabbed');
+        this.document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');
+        !this.$unstyled() && addClass(this.document.body, 'p-scrollpanel-grabbed');
+        this.bindDocumentMouseListeners();
+        e.preventDefault();
+    }
+    onDocumentMouseMove(e) {
+        if (this.isXBarClicked) {
+            this.onMouseMoveForXBar(e);
+        }
+        else if (this.isYBarClicked) {
+            this.onMouseMoveForYBar(e);
+        }
+        else {
+            this.onMouseMoveForXBar(e);
+            this.onMouseMoveForYBar(e);
+        }
+    }
+    onMouseMoveForXBar(e) {
+        let deltaX = e.pageX - this.lastPageX;
+        this.lastPageX = e.pageX;
+        this.requestAnimationFrame(() => {
+            this.contentViewChild().nativeElement.scrollLeft += deltaX / this.scrollXRatio;
+        });
+    }
+    onMouseMoveForYBar(e) {
+        let deltaY = e.pageY - this.lastPageY;
+        this.lastPageY = e.pageY;
+        this.requestAnimationFrame(() => {
+            this.contentViewChild().nativeElement.scrollTop += deltaY / this.scrollYRatio;
+        });
+    }
+    /**
+     * Scrolls the top location to the given value.
+     * @param scrollTop
+     * @group Method
+     */
+    scrollTop(scrollTop) {
+        let scrollableHeight = this.contentViewChild().nativeElement.scrollHeight - this.contentViewChild().nativeElement.clientHeight;
+        scrollTop = scrollTop > scrollableHeight ? scrollableHeight : scrollTop > 0 ? scrollTop : 0;
+        this.contentViewChild().nativeElement.scrollTop = scrollTop;
+    }
+    onFocus(event) {
+        if (this.xBarViewChild()?.nativeElement?.isSameNode(event.target)) {
+            this.orientation = 'horizontal';
+        }
+        else if (this.yBarViewChild()?.nativeElement?.isSameNode(event.target)) {
+            this.orientation = 'vertical';
+        }
+    }
+    onBlur() {
+        if (this.orientation === 'horizontal') {
+            this.orientation = 'vertical';
+        }
+    }
+    onDocumentMouseUp() {
+        const yBarViewChild = this.yBarViewChild();
+        yBarViewChild?.nativeElement?.setAttribute('data-p-scrollpanel-grabbed', 'false');
+        !this.$unstyled() && removeClass(yBarViewChild.nativeElement, 'p-scrollpanel-grabbed');
+        const xBarViewChild = this.xBarViewChild();
+        xBarViewChild?.nativeElement?.setAttribute('data-p-scrollpanel-grabbed', 'false');
+        !this.$unstyled() && removeClass(xBarViewChild.nativeElement, 'p-scrollpanel-grabbed');
+        this.document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');
+        !this.$unstyled() && removeClass(this.document.body, 'p-scrollpanel-grabbed');
+        this.unbindDocumentMouseListeners();
+        this.isXBarClicked = false;
+        this.isYBarClicked = false;
+    }
+    requestAnimationFrame(f) {
+        let frame = window.requestAnimationFrame || this.timeoutFrame;
+        frame(f);
+    }
+    unbindListeners() {
+        if (this.windowResizeListener) {
+            this.windowResizeListener();
+            this.windowResizeListener = null;
+        }
+        if (this.contentScrollListener) {
+            this.contentScrollListener();
+            this.contentScrollListener = null;
+        }
+        if (this.mouseEnterListener) {
+            this.mouseEnterListener();
+            this.mouseEnterListener = null;
+        }
+        if (this.xBarMouseDownListener) {
+            this.xBarMouseDownListener();
+            this.xBarMouseDownListener = null;
+        }
+        if (this.yBarMouseDownListener) {
+            this.yBarMouseDownListener();
+            this.yBarMouseDownListener = null;
+        }
+    }
+    onDestroy() {
+        if (this.initialized) {
+            this.unbindListeners();
+        }
+    }
+    /**
+     * Refreshes the position and size of the scrollbar.
+     * @group Method
+     */
+    refresh() {
+        this.moveBar();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ScrollPanel, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: ScrollPanel, isStandalone: true, selector: "p-scroll-panel, p-scrollPanel, p-scrollpanel", inputs: { styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cn(cx(\"root\"), styleClass())" } }, providers: [ScrollPanelStyle, { provide: SCROLLPANEL_INSTANCE, useExisting: ScrollPanel }, { provide: PARENT_INSTANCE, useExisting: ScrollPanel }], queries: [{ propertyName: "contentTemplate", first: true, predicate: ["content"], isSignal: true }, { propertyName: "templates", predicate: PrimeTemplate, isSignal: true }], viewQueries: [{ propertyName: "contentViewChild", first: true, predicate: ["content"], descendants: true, isSignal: true }, { propertyName: "xBarViewChild", first: true, predicate: ["xBar"], descendants: true, isSignal: true }, { propertyName: "yBarViewChild", first: true, predicate: ["yBar"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: `
+        <div [pBind]="ptm('contentContainer')" [class]="cx('contentContainer')">
+            <div #content [pBind]="ptm('content')" [class]="cx('content')" (mouseenter)="moveBar()" (scroll)="onScroll($event)">
+                @if (!contentTemplate() && !_contentTemplate) {
+                    <ng-content></ng-content>
+                }
+                <ng-container *ngTemplateOutlet="contentTemplate() || _contentTemplate"></ng-container>
+            </div>
+        </div>
+        <div
+            #xBar
+            [pBind]="ptm('barX')"
+            [class]="cx('barX')"
+            tabindex="0"
+            role="scrollbar"
+            [attr.aria-orientation]="'horizontal'"
+            [attr.aria-valuenow]="lastScrollLeft"
+            [attr.aria-controls]="contentId"
+            [attr.data-pc-group-section]="'bar'"
+            (mousedown)="onXBarMouseDown($event)"
+            (keydown)="onKeyDown($event)"
+            (keyup)="onKeyUp()"
+            (focus)="onFocus($event)"
+            (blur)="onBlur()"
+        ></div>
+        <div
+            #yBar
+            [pBind]="ptm('barY')"
+            [class]="cx('barY')"
+            tabindex="0"
+            role="scrollbar"
+            [attr.aria-orientation]="'vertical'"
+            [attr.aria-valuenow]="lastScrollTop"
+            [attr.aria-controls]="contentId"
+            (mousedown)="onYBarMouseDown($event)"
+            (keydown)="onKeyDown($event)"
+            (keyup)="onKeyUp()"
+            (focus)="onFocus($event)"
+            [attr.data-pc-group-section]="'bar'"
+        ></div>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: BindModule }, { kind: "directive", type: i1.Bind, selector: "[pBind]", inputs: ["pBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ScrollPanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-scroll-panel, p-scrollPanel, p-scrollpanel',
+                    standalone: true,
+                    imports: [CommonModule, SharedModule, BindModule],
+                    template: `
+        <div [pBind]="ptm('contentContainer')" [class]="cx('contentContainer')">
+            <div #content [pBind]="ptm('content')" [class]="cx('content')" (mouseenter)="moveBar()" (scroll)="onScroll($event)">
+                @if (!contentTemplate() && !_contentTemplate) {
+                    <ng-content></ng-content>
+                }
+                <ng-container *ngTemplateOutlet="contentTemplate() || _contentTemplate"></ng-container>
+            </div>
+        </div>
+        <div
+            #xBar
+            [pBind]="ptm('barX')"
+            [class]="cx('barX')"
+            tabindex="0"
+            role="scrollbar"
+            [attr.aria-orientation]="'horizontal'"
+            [attr.aria-valuenow]="lastScrollLeft"
+            [attr.aria-controls]="contentId"
+            [attr.data-pc-group-section]="'bar'"
+            (mousedown)="onXBarMouseDown($event)"
+            (keydown)="onKeyDown($event)"
+            (keyup)="onKeyUp()"
+            (focus)="onFocus($event)"
+            (blur)="onBlur()"
+        ></div>
+        <div
+            #yBar
+            [pBind]="ptm('barY')"
+            [class]="cx('barY')"
+            tabindex="0"
+            role="scrollbar"
+            [attr.aria-orientation]="'vertical'"
+            [attr.aria-valuenow]="lastScrollTop"
+            [attr.aria-controls]="contentId"
+            (mousedown)="onYBarMouseDown($event)"
+            (keydown)="onKeyDown($event)"
+            (keyup)="onKeyUp()"
+            (focus)="onFocus($event)"
+            [attr.data-pc-group-section]="'bar'"
+        ></div>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [ScrollPanelStyle, { provide: SCROLLPANEL_INSTANCE, useExisting: ScrollPanel }, { provide: PARENT_INSTANCE, useExisting: ScrollPanel }],
+                    host: {
+                        '[class]': 'cn(cx("root"), styleClass())'
+                    },
+                    hostDirectives: [Bind]
+                }]
+        }], propDecorators: { styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], contentViewChild: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }], xBarViewChild: [{ type: i0.ViewChild, args: ['xBar', { isSignal: true }] }], yBarViewChild: [{ type: i0.ViewChild, args: ['yBar', { isSignal: true }] }], contentTemplate: [{ type: i0.ContentChild, args: ['content', { ...{ descendants: false }, isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => PrimeTemplate), { isSignal: true }] }] } });
+class ScrollPanelModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ScrollPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: ScrollPanelModule, imports: [ScrollPanel, SharedModule, BindModule], exports: [ScrollPanel, SharedModule, BindModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ScrollPanelModule, imports: [ScrollPanel, SharedModule, BindModule, SharedModule, BindModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ScrollPanelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ScrollPanel, SharedModule, BindModule],
+                    exports: [ScrollPanel, SharedModule, BindModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ScrollPanel, ScrollPanelClasses, ScrollPanelModule, ScrollPanelStyle };
+//# sourceMappingURL=wawjs-ngx-prime-scrollpanel.mjs.map

package/fesm2022/wawjs-ngx-prime-scrollpanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wawjs-ngx-prime-scrollpanel.mjs","sources":["../../src/scrollpanel/style/scrollpanelstyle.ts","../../src/scrollpanel/scrollpanel.ts","../../src/scrollpanel/wawjs-ngx-prime-scrollpanel.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { style as scrollpanel_style } from '@wawjs/css-prime-styles/scrollpanel';\nimport { BaseStyle } from '@wawjs/ngx-prime/base';\n\nconst style = /*css*/ `\n    ${scrollpanel_style}\n\n    .p-scrollpanel {\n        display: block;\n    }\n`;\n\nconst classes = {\n    root: 'p-scrollpanel p-component',\n    contentContainer: 'p-scrollpanel-content-container',\n    content: 'p-scrollpanel-content',\n    barX: 'p-scrollpanel-bar p-scrollpanel-bar-x',\n    barY: 'p-scrollpanel-bar p-scrollpanel-bar-y'\n};\n\n@Injectable()\nexport class ScrollPanelStyle extends BaseStyle {\n    name = 'scrollpanel';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * ScrollPanel is a cross browser, lightweight and themable alternative to native browser scrollbar.\n *\n * [Live Demo](https://www.ngx-prime.org/scrollpanel/)\n *\n * @module scrollpanelstyle\n *\n */\nexport enum ScrollPanelClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'p-scrollpanel',\n    /**\n     * Class name of the content container element\n     */\n    contentContainer = 'p-scrollpanel-content-container',\n    /**\n     * Class name of the content element\n     */\n    content = 'p-scrollpanel-content',\n    /**\n     * Class name of the bar x element\n     */\n    barX = 'p-scrollpanel-bar-x',\n    /**\n     * Class name of the bar y element\n     */\n    barY = 'p-scrollpanel-bar-y'\n}\n","import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, inject, InjectionToken, input, NgModule, NgZone, numberAttribute, TemplateRef, ViewEncapsulation, viewChild, contentChild, contentChildren } from '@angular/core';\nimport { addClass, getHeight, removeClass, uuid } from '@wawjs/css-prime-utils';\nimport { PrimeTemplate, SharedModule } from '@wawjs/ngx-prime/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@wawjs/ngx-prime/basecomponent';\nimport { Bind, BindModule } from '@wawjs/ngx-prime/bind';\nimport { Nullable } from '@wawjs/ngx-prime/ts-helpers';\nimport { ScrollPanelPassThrough } from '@wawjs/ngx-prime/types/scrollpanel';\nimport { ScrollPanelStyle } from './style/scrollpanelstyle';\n\nconst SCROLLPANEL_INSTANCE = new InjectionToken<ScrollPanel>('SCROLLPANEL_INSTANCE');\n\n/**\n * ScrollPanel is a cross browser, lightweight and themable alternative to native browser scrollbar.\n * @group Components\n */\n@Component({\n    selector: 'p-scroll-panel, p-scrollPanel, p-scrollpanel',\n    standalone: true,\n    imports: [CommonModule, SharedModule, BindModule],\n    template: `\n        <div [pBind]=\"ptm('contentContainer')\" [class]=\"cx('contentContainer')\">\n            <div #content [pBind]=\"ptm('content')\" [class]=\"cx('content')\" (mouseenter)=\"moveBar()\" (scroll)=\"onScroll($event)\">\n                @if (!contentTemplate() && !_contentTemplate) {\n                    <ng-content></ng-content>\n                }\n                <ng-container *ngTemplateOutlet=\"contentTemplate() || _contentTemplate\"></ng-container>\n            </div>\n        </div>\n        <div\n            #xBar\n            [pBind]=\"ptm('barX')\"\n            [class]=\"cx('barX')\"\n            tabindex=\"0\"\n            role=\"scrollbar\"\n            [attr.aria-orientation]=\"'horizontal'\"\n            [attr.aria-valuenow]=\"lastScrollLeft\"\n            [attr.aria-controls]=\"contentId\"\n            [attr.data-pc-group-section]=\"'bar'\"\n            (mousedown)=\"onXBarMouseDown($event)\"\n            (keydown)=\"onKeyDown($event)\"\n            (keyup)=\"onKeyUp()\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur()\"\n        ></div>\n        <div\n            #yBar\n            [pBind]=\"ptm('barY')\"\n            [class]=\"cx('barY')\"\n            tabindex=\"0\"\n            role=\"scrollbar\"\n            [attr.aria-orientation]=\"'vertical'\"\n            [attr.aria-valuenow]=\"lastScrollTop\"\n            [attr.aria-controls]=\"contentId\"\n            (mousedown)=\"onYBarMouseDown($event)\"\n            (keydown)=\"onKeyDown($event)\"\n            (keyup)=\"onKeyUp()\"\n            (focus)=\"onFocus($event)\"\n            [attr.data-pc-group-section]=\"'bar'\"\n        ></div>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [ScrollPanelStyle, { provide: SCROLLPANEL_INSTANCE, useExisting: ScrollPanel }, { provide: PARENT_INSTANCE, useExisting: ScrollPanel }],\n    host: {\n        '[class]': 'cn(cx(\"root\"), styleClass())'\n    },\n    hostDirectives: [Bind]\n})\nexport class ScrollPanel extends BaseComponent<ScrollPanelPassThrough> {\n    componentName = 'ScrollPanel';\n\n    $pcScrollPanel: ScrollPanel | undefined = inject(SCROLLPANEL_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n    /**\n     * Style class of the component.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    styleClass = input<string>();\n    /**\n     * Step factor to scroll the content while pressing the arrow keys.\n     * @group Props\n     */\n    step = input(5, { transform: numberAttribute });\n\n    readonly contentViewChild = viewChild<ElementRef>('content');\n\n    readonly xBarViewChild = viewChild<ElementRef>('xBar');\n\n    readonly yBarViewChild = viewChild<ElementRef>('yBar');\n    /**\n     * Custom content template.\n     * @group Templates\n     */\n    readonly contentTemplate = contentChild<TemplateRef<void>>('content', { descendants: false });\n\n    readonly templates = contentChildren(PrimeTemplate);\n\n    _contentTemplate: TemplateRef<void> | undefined;\n\n    scrollYRatio: number | undefined;\n\n    scrollXRatio: number | undefined;\n\n    timeoutFrame: any = (fn: VoidFunction) => setTimeout(fn, 0);\n\n    initialized: boolean = false;\n\n    lastPageY: number | undefined;\n\n    lastPageX: number | undefined;\n\n    isXBarClicked: boolean = false;\n\n    isYBarClicked: boolean = false;\n\n    lastScrollLeft: number = 0;\n\n    lastScrollTop: number = 0;\n\n    orientation: string = 'vertical';\n\n    timer: any;\n\n    contentId: string | undefined;\n\n    windowResizeListener: VoidFunction | null | undefined;\n\n    contentScrollListener: VoidFunction | null | undefined;\n\n    mouseEnterListener: VoidFunction | null | undefined;\n\n    xBarMouseDownListener: VoidFunction | null | undefined;\n\n    yBarMouseDownListener: VoidFunction | null | undefined;\n\n    documentMouseMoveListener: Nullable<(event?: any) => void>;\n\n    documentMouseUpListener: Nullable<(event?: any) => void>;\n\n    _componentStyle = inject(ScrollPanelStyle);\n\n    zone: NgZone = inject(NgZone);\n\n    onInit() {\n        this.contentId = uuid('pn_id_') + '_content';\n    }\n\n    onAfterViewInit() {\n        if (isPlatformBrowser(this.platformId)) {\n            this.zone.runOutsideAngular(() => {\n                this.moveBar();\n                this.moveBar = this.moveBar.bind(this);\n                this.onXBarMouseDown = this.onXBarMouseDown.bind(this);\n                this.onYBarMouseDown = this.onYBarMouseDown.bind(this);\n                this.onDocumentMouseMove = this.onDocumentMouseMove.bind(this);\n                this.onDocumentMouseUp = this.onDocumentMouseUp.bind(this);\n\n                this.windowResizeListener = this.renderer.listen(window, 'resize', this.moveBar);\n                this.contentScrollListener = this.renderer.listen((this.contentViewChild() as ElementRef).nativeElement, 'scroll', this.moveBar);\n                this.mouseEnterListener = this.renderer.listen((this.contentViewChild() as ElementRef).nativeElement, 'mouseenter', this.moveBar);\n                this.xBarMouseDownListener = this.renderer.listen((this.xBarViewChild() as ElementRef).nativeElement, 'mousedown', this.onXBarMouseDown);\n                this.yBarMouseDownListener = this.renderer.listen((this.yBarViewChild() as ElementRef).nativeElement, 'mousedown', this.onYBarMouseDown);\n                this.calculateContainerHeight();\n\n                this.initialized = true;\n            });\n        }\n    }\n\n    onAfterContentInit() {\n        this.templates().forEach((item) => {\n            switch (item.getType()) {\n                case 'content':\n                    this._contentTemplate = item.template;\n                    break;\n\n                default:\n                    this._contentTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    calculateContainerHeight() {\n        let container = (this.el as ElementRef).nativeElement;\n        let content = (this.contentViewChild() as ElementRef).nativeElement;\n        let xBar = (this.xBarViewChild() as ElementRef).nativeElement;\n        const window = this.document.defaultView as Window;\n\n        let containerStyles: { [klass: string]: any } = window.getComputedStyle(container),\n            xBarStyles = window.getComputedStyle(xBar),\n            pureContainerHeight = getHeight(container) - parseInt(xBarStyles['height'], 10);\n\n        if (containerStyles['max-height'] != 'none' && pureContainerHeight == 0) {\n            if (content.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {\n                container.style.height = containerStyles['max-height'];\n            } else {\n                container.style.height = content.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';\n            }\n        }\n    }\n\n    moveBar() {\n        let container = (this.el as ElementRef).nativeElement;\n        let content = (this.contentViewChild() as ElementRef).nativeElement;\n\n        /* horizontal scroll */\n        let xBar = (this.xBarViewChild() as ElementRef).nativeElement;\n        let totalWidth = content.scrollWidth;\n        let ownWidth = content.clientWidth;\n        let bottom = (container.clientHeight - xBar.clientHeight) * -1;\n\n        this.scrollXRatio = ownWidth / totalWidth;\n\n        /* vertical scroll */\n        let yBar = (this.yBarViewChild() as ElementRef).nativeElement;\n        let totalHeight = content.scrollHeight;\n        let ownHeight = content.clientHeight;\n        let right = (container.clientWidth - yBar.clientWidth) * -1;\n\n        this.scrollYRatio = ownHeight / totalHeight;\n\n        this.requestAnimationFrame(() => {\n            if ((this.scrollXRatio as number) >= 1) {\n                xBar.setAttribute('data-p-scrollpanel-hidden', 'true');\n                !this.$unstyled() && addClass(xBar, 'p-scrollpanel-hidden');\n            } else {\n                xBar.setAttribute('data-p-scrollpanel-hidden', 'false');\n                !this.$unstyled() && removeClass(xBar, 'p-scrollpanel-hidden');\n                const xBarWidth = Math.max((this.scrollXRatio as number) * 100, 10);\n                const xBarLeft = Math.abs((content.scrollLeft * (100 - xBarWidth)) / (totalWidth - ownWidth));\n\n                xBar.style.cssText = 'width:' + xBarWidth + '%; inset-inline-start:' + xBarLeft + '%;bottom:' + bottom + 'px;';\n            }\n\n            if ((this.scrollYRatio as number) >= 1) {\n                yBar.setAttribute('data-p-scrollpanel-hidden', 'true');\n                !this.$unstyled() && addClass(yBar, 'p-scrollpanel-hidden');\n            } else {\n                yBar.setAttribute('data-p-scrollpanel-hidden', 'false');\n                !this.$unstyled() && removeClass(yBar, 'p-scrollpanel-hidden');\n                const yBarHeight = Math.max((this.scrollYRatio as number) * 100, 10);\n                const yBarTop = (content.scrollTop * (100 - yBarHeight)) / (totalHeight - ownHeight);\n\n                yBar.style.cssText = 'height:' + yBarHeight + '%; top: calc(' + yBarTop + '% - ' + xBar.clientHeight + 'px); inset-inline-end:' + right + 'px;';\n            }\n        });\n        this.cd.markForCheck();\n    }\n\n    onScroll(event) {\n        if (this.lastScrollLeft !== event.target.scrollLeft) {\n            this.lastScrollLeft = event.target.scrollLeft;\n            this.orientation = 'horizontal';\n        } else if (this.lastScrollTop !== event.target.scrollTop) {\n            this.lastScrollTop = event.target.scrollTop;\n            this.orientation = 'vertical';\n        }\n\n        this.moveBar();\n    }\n\n    onKeyDown(event) {\n        if (this.orientation === 'vertical') {\n            switch (event.code) {\n                case 'ArrowDown': {\n                    this.setTimer('scrollTop', this.step());\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowUp': {\n                    this.setTimer('scrollTop', this.step() * -1);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowLeft':\n\n                case 'ArrowRight': {\n                    event.preventDefault();\n                    break;\n                }\n\n                default:\n                    //no op\n                    break;\n            }\n        } else if (this.orientation === 'horizontal') {\n            switch (event.code) {\n                case 'ArrowRight': {\n                    this.setTimer('scrollLeft', this.step());\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowLeft': {\n                    this.setTimer('scrollLeft', this.step() * -1);\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowDown':\n\n                case 'ArrowUp': {\n                    event.preventDefault();\n                    break;\n                }\n\n                default:\n                    //no op\n                    break;\n            }\n        }\n    }\n\n    onKeyUp() {\n        this.clearTimer();\n    }\n\n    repeat(bar, step) {\n        const contentViewChild = this.contentViewChild();\n\n        contentViewChild?.nativeElement && (contentViewChild.nativeElement[bar] += step);\n        this.moveBar();\n    }\n\n    setTimer(bar, step) {\n        this.clearTimer();\n        this.timer = setTimeout(() => {\n            this.repeat(bar, step);\n        }, 40);\n    }\n\n    clearTimer() {\n        if (this.timer) {\n            clearTimeout(this.timer);\n        }\n    }\n\n    bindDocumentMouseListeners(): void {\n        if (!this.documentMouseMoveListener) {\n            this.documentMouseMoveListener = (e) => {\n                this.onDocumentMouseMove(e);\n            };\n\n            this.document.addEventListener('mousemove', this.documentMouseMoveListener);\n        }\n\n        if (!this.documentMouseUpListener) {\n            this.documentMouseUpListener = () => {\n                this.onDocumentMouseUp();\n            };\n\n            this.document.addEventListener('mouseup', this.documentMouseUpListener);\n        }\n    }\n\n    unbindDocumentMouseListeners(): void {\n        if (this.documentMouseMoveListener) {\n            this.document.removeEventListener('mousemove', this.documentMouseMoveListener);\n            this.documentMouseMoveListener = null;\n        }\n\n        if (this.documentMouseUpListener) {\n            document.removeEventListener('mouseup', this.documentMouseUpListener);\n            this.documentMouseUpListener = null;\n        }\n    }\n\n    onYBarMouseDown(e: MouseEvent) {\n        this.isYBarClicked = true;\n        const yBarViewChild = this.yBarViewChild();\n\n        yBarViewChild?.nativeElement?.focus();\n        this.lastPageY = e.pageY;\n\n        yBarViewChild?.nativeElement?.setAttribute('data-p-scrollpanel-grabbed', 'true');\n        !this.$unstyled() && addClass((yBarViewChild as ElementRef).nativeElement, 'p-scrollpanel-grabbed');\n\n        this.document.body.setAttribute('data-p-scrollpanel-grabbed', 'true');\n        !this.$unstyled() && addClass(this.document.body, 'p-scrollpanel-grabbed');\n        this.bindDocumentMouseListeners();\n        e.preventDefault();\n    }\n\n    onXBarMouseDown(e: MouseEvent) {\n        this.isXBarClicked = true;\n        const xBarViewChild = this.xBarViewChild();\n\n        xBarViewChild?.nativeElement?.focus();\n        this.lastPageX = e.pageX;\n\n        xBarViewChild?.nativeElement?.setAttribute('data-p-scrollpanel-grabbed', 'false');\n        !this.$unstyled() && addClass((xBarViewChild as ElementRef).nativeElement, 'p-scrollpanel-grabbed');\n\n        this.document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n        !this.$unstyled() && addClass(this.document.body, 'p-scrollpanel-grabbed');\n\n        this.bindDocumentMouseListeners();\n        e.preventDefault();\n    }\n\n    onDocumentMouseMove(e: MouseEvent) {\n        if (this.isXBarClicked) {\n            this.onMouseMoveForXBar(e);\n        } else if (this.isYBarClicked) {\n            this.onMouseMoveForYBar(e);\n        } else {\n            this.onMouseMoveForXBar(e);\n            this.onMouseMoveForYBar(e);\n        }\n    }\n\n    onMouseMoveForXBar(e: MouseEvent) {\n        let deltaX = e.pageX - (this.lastPageX as number);\n\n        this.lastPageX = e.pageX;\n\n        this.requestAnimationFrame(() => {\n            (this.contentViewChild() as ElementRef).nativeElement.scrollLeft += deltaX / (this.scrollXRatio as number);\n        });\n    }\n\n    onMouseMoveForYBar(e: MouseEvent) {\n        let deltaY = e.pageY - (this.lastPageY as number);\n\n        this.lastPageY = e.pageY;\n\n        this.requestAnimationFrame(() => {\n            (this.contentViewChild() as ElementRef).nativeElement.scrollTop += deltaY / (this.scrollYRatio as number);\n        });\n    }\n    /**\n     * Scrolls the top location to the given value.\n     * @param scrollTop\n     * @group Method\n     */\n    scrollTop(scrollTop: number) {\n        let scrollableHeight = (this.contentViewChild() as ElementRef).nativeElement.scrollHeight - (this.contentViewChild() as ElementRef).nativeElement.clientHeight;\n\n        scrollTop = scrollTop > scrollableHeight ? scrollableHeight : scrollTop > 0 ? scrollTop : 0;\n        (this.contentViewChild() as ElementRef).nativeElement.scrollTop = scrollTop;\n    }\n\n    onFocus(event) {\n        if (this.xBarViewChild()?.nativeElement?.isSameNode(event.target)) {\n            this.orientation = 'horizontal';\n        } else if (this.yBarViewChild()?.nativeElement?.isSameNode(event.target)) {\n            this.orientation = 'vertical';\n        }\n    }\n\n    onBlur() {\n        if (this.orientation === 'horizontal') {\n            this.orientation = 'vertical';\n        }\n    }\n\n    onDocumentMouseUp() {\n        const yBarViewChild = this.yBarViewChild();\n\n        yBarViewChild?.nativeElement?.setAttribute('data-p-scrollpanel-grabbed', 'false');\n        !this.$unstyled() && removeClass((yBarViewChild as ElementRef).nativeElement, 'p-scrollpanel-grabbed');\n        const xBarViewChild = this.xBarViewChild();\n\n        xBarViewChild?.nativeElement?.setAttribute('data-p-scrollpanel-grabbed', 'false');\n        !this.$unstyled() && removeClass((xBarViewChild as ElementRef).nativeElement, 'p-scrollpanel-grabbed');\n        this.document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n        !this.$unstyled() && removeClass(this.document.body, 'p-scrollpanel-grabbed');\n\n        this.unbindDocumentMouseListeners();\n        this.isXBarClicked = false;\n        this.isYBarClicked = false;\n    }\n\n    requestAnimationFrame(f: VoidFunction) {\n        let frame = window.requestAnimationFrame || this.timeoutFrame;\n\n        frame(f);\n    }\n\n    unbindListeners() {\n        if (this.windowResizeListener) {\n            this.windowResizeListener();\n            this.windowResizeListener = null;\n        }\n\n        if (this.contentScrollListener) {\n            this.contentScrollListener();\n            this.contentScrollListener = null;\n        }\n\n        if (this.mouseEnterListener) {\n            this.mouseEnterListener();\n            this.mouseEnterListener = null;\n        }\n\n        if (this.xBarMouseDownListener) {\n            this.xBarMouseDownListener();\n            this.xBarMouseDownListener = null;\n        }\n\n        if (this.yBarMouseDownListener) {\n            this.yBarMouseDownListener();\n            this.yBarMouseDownListener = null;\n        }\n    }\n\n    onDestroy() {\n        if (this.initialized) {\n            this.unbindListeners();\n        }\n    }\n    /**\n     * Refreshes the position and size of the scrollbar.\n     * @group Method\n     */\n    refresh() {\n        this.moveBar();\n    }\n}\n\n@NgModule({\n    imports: [ScrollPanel, SharedModule, BindModule],\n    exports: [ScrollPanel, SharedModule, BindModule]\n})\nexport class ScrollPanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["scrollpanel_style"],"mappings":"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"}