@ngbase/adk 0.1.0

package/fesm2022/ngbase-adk-scroll-area.mjs

@@ -0,0 +1,232 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, computed, Directive, viewChild, contentChildren, signal, effect, Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i1 from '@ngbase/adk/drag';
+import { Drag } from '@ngbase/adk/drag';
+import { isClient } from '@ngbase/adk/utils';
+
+class NgbScrollBar {
+    constructor() {
+        this.el = inject(ElementRef);
+        this.scrollArea = inject(NgbScrollArea);
+        this.drag = inject(Drag);
+        this.ngbScrollBar = input.required();
+        this.visible = computed(() => {
+            return this.ngbScrollBar() === 'vertical'
+                ? this.scrollArea.showVerticalScroll()
+                : this.scrollArea.showHorizontalScroll();
+        });
+        this.show = computed(() => {
+            return this.ngbScrollBar() === 'vertical'
+                ? this.scrollArea.showVerticalBar()
+                : this.scrollArea.showHorizontalBar();
+        });
+        this.size = computed(() => {
+            let sty = this.ngbScrollBar() === 'vertical'
+                ? `height: ${this.scrollArea.scrollbarHeight()}%;`
+                : `width: ${this.scrollArea.scrollbarWidth()}%;`;
+            sty +=
+                this.ngbScrollBar() === 'vertical'
+                    ? 'width: 8px; top: 0; right: 0;'
+                    : 'height: 8px; bottom: 0; left: 0;';
+            return sty;
+        });
+        this.drag.events.subscribe(data => {
+            if (this.ngbScrollBar() === 'vertical') {
+                this.scrollArea.startDraggingVertical(data);
+            }
+            else {
+                this.scrollArea.startDraggingHorizontal(data);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbScrollBar, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbScrollBar, isStandalone: true, selector: "[ngbScrollBar]", inputs: { ngbScrollBar: { classPropertyName: "ngbScrollBar", publicName: "ngbScrollBar", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "style": "size()", "attr.data-visible": "visible()", "attr.data-active": "scrollArea.isDragging()", "hidden": "!show()" }, styleAttribute: "position: absolute; cursor: pointer; z-index: 100;" }, hostDirectives: [{ directive: i1.Drag }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbScrollBar, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbScrollBar]',
+                    hostDirectives: [Drag],
+                    host: {
+                        style: `position: absolute; cursor: pointer; z-index: 100;`,
+                        '[style]': 'size()',
+                        '[attr.data-visible]': 'visible()',
+                        '[attr.data-active]': 'scrollArea.isDragging()',
+                        '[hidden]': '!show()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+class NgbScrollArea {
+    constructor() {
+        this.scrollAreaViewport = viewChild.required('scrollAreaViewport');
+        this.scrollbars = contentChildren(NgbScrollBar);
+        this.scrollbarVertical = computed(() => {
+            const scrollbars = this.scrollbars();
+            return scrollbars.find(scrollbar => scrollbar.ngbScrollBar() === 'vertical');
+        });
+        this.scrollbarHorizontal = computed(() => {
+            const scrollbars = this.scrollbars();
+            return scrollbars.find(scrollbar => scrollbar.ngbScrollBar() === 'horizontal');
+        });
+        this.orientation = input('both');
+        this.hideDelay = input(1000); // Time in ms to hide scrollbar after scroll
+        this.alwaysShow = input(false); // Whether to always show the scrollbar
+        this.viewportHeight = signal(0);
+        this.viewportWidth = signal(0);
+        this.contentHeight = signal(0);
+        this.contentWidth = signal(0);
+        this.isScrolling = signal(false);
+        this.isDragging = signal(false);
+        this.startY = 0;
+        this.startX = 0;
+        this.startScrollTop = 0;
+        this.startScrollLeft = 0;
+        this.client = isClient();
+        this.showScrollbar = computed(() => {
+            return this.alwaysShow() || this.isScrolling() || this.isDragging();
+        });
+        this.hasVertical = computed(() => this.contentHeight() > this.viewportHeight());
+        this.hasHorizontal = computed(() => this.contentWidth() > this.viewportWidth());
+        this.showVerticalBar = computed(() => this.hasVertical() && this.orientation() !== 'horizontal');
+        this.showHorizontalBar = computed(() => this.hasHorizontal() && this.orientation() !== 'vertical');
+        this.showVerticalScroll = computed(() => this.showVerticalBar() && this.showScrollbar());
+        this.showHorizontalScroll = computed(() => this.showHorizontalBar() && this.showScrollbar());
+        this.scrollbarHeight = computed(() => {
+            const viewportToContentRatio = this.viewportHeight() / this.contentHeight();
+            return Math.max(viewportToContentRatio * 100, 10); // Minimum 10% height
+        });
+        this.scrollbarWidth = computed(() => {
+            const viewportToContentRatio = this.viewportWidth() / this.contentWidth();
+            return Math.max(viewportToContentRatio * 100, 10); // Minimum 10% width
+        });
+        this.handleScroll = (event) => {
+            const target = event.target;
+            this.isScrolling.set(true);
+            this.scrollbarVerticalTransform(target.scrollTop);
+            this.scrollbarHorizontalTransform(target.scrollLeft);
+            // Clear existing timeout
+            if (this.hideTimeout) {
+                clearTimeout(this.hideTimeout);
+            }
+            // Set new timeout to hide scrollbar
+            this.hideTimeout = setTimeout(() => {
+                this.isScrolling.set(false);
+            }, this.hideDelay());
+        };
+        effect(cleanup => {
+            this.updateDimensions();
+            const viewport = this.scrollAreaViewport().nativeElement;
+            if (this.client) {
+                viewport.addEventListener('scroll', this.handleScroll);
+                // Set up resize observer
+                const resizeObserver = new ResizeObserver(() => {
+                    this.updateDimensions();
+                });
+                resizeObserver.observe(viewport);
+                resizeObserver.observe(viewport.firstElementChild);
+                cleanup(() => {
+                    viewport.removeEventListener('scroll', this.handleScroll);
+                    resizeObserver.disconnect();
+                });
+            }
+        });
+    }
+    updateDimensions() {
+        const viewport = this.scrollAreaViewport().nativeElement;
+        this.viewportHeight.set(viewport.clientHeight);
+        this.viewportWidth.set(viewport.clientWidth);
+        this.contentHeight.set(viewport.scrollHeight);
+        this.contentWidth.set(viewport.scrollWidth);
+    }
+    scrollbarVerticalTransform(scrollTop) {
+        const scrollbar = this.scrollbarVertical()?.el.nativeElement;
+        if (!scrollbar)
+            return;
+        const scrollRatio = scrollTop / (this.contentHeight() - this.viewportHeight());
+        const maxTranslate = this.viewportHeight() - (this.viewportHeight() * this.scrollbarHeight()) / 100;
+        const translateY = scrollRatio * maxTranslate;
+        scrollbar.style.transform = `translateY(${translateY}px)`;
+    }
+    scrollbarHorizontalTransform(scrollLeft) {
+        const scrollbar = this.scrollbarHorizontal()?.el.nativeElement;
+        if (!scrollbar)
+            return;
+        const scrollRatio = scrollLeft / (this.contentWidth() - this.viewportWidth());
+        const maxTranslate = this.viewportWidth() - (this.viewportWidth() * this.scrollbarWidth()) / 100;
+        const translateX = scrollRatio * maxTranslate;
+        scrollbar.style.transform = `translateX(${translateX}px)`;
+    }
+    startDraggingVertical(data) {
+        data.event?.preventDefault();
+        if (data.type === 'start') {
+            this.startScrollTop = this.scrollAreaViewport().nativeElement.scrollTop;
+            this.isDragging.set(true);
+            this.startY = data.clientY;
+        }
+        else if (data.type === 'end') {
+            this.isDragging.set(false);
+        }
+        const delta = data.clientY - this.startY;
+        const scrollRatio = delta / (this.viewportHeight() - (this.viewportHeight() * this.scrollbarHeight()) / 100);
+        const balance = this.contentHeight() - this.viewportHeight();
+        const newScrollTop = this.startScrollTop + scrollRatio * balance;
+        const value = Math.max(0, Math.min(newScrollTop, balance));
+        this.scrollAreaViewport().nativeElement.scrollTop = value;
+    }
+    startDraggingHorizontal(data) {
+        data.event?.preventDefault();
+        if (data.type === 'start') {
+            this.startScrollLeft = this.scrollAreaViewport().nativeElement.scrollLeft;
+            this.isDragging.set(true);
+            this.startX = data.clientX;
+        }
+        else if (data.type === 'end') {
+            this.isDragging.set(false);
+        }
+        const delta = data.clientX - this.startX;
+        const scrollRatio = delta / (this.viewportWidth() - (this.viewportWidth() * this.scrollbarWidth()) / 100);
+        const balance = this.contentWidth() - this.viewportWidth();
+        const newScrollLeft = this.startScrollLeft + scrollRatio * balance;
+        const value = Math.max(0, Math.min(newScrollLeft, balance));
+        this.scrollAreaViewport().nativeElement.scrollLeft = value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbScrollArea, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: NgbScrollArea, isStandalone: true, selector: "[ngbScrollArea]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "hideDelay", isSignal: true, isRequired: false, transformFunction: null }, alwaysShow: { classPropertyName: "alwaysShow", publicName: "alwaysShow", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "scrollbars", predicate: NgbScrollBar, isSignal: true }], viewQueries: [{ propertyName: "scrollAreaViewport", first: true, predicate: ["scrollAreaViewport"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div class="scroll-area-viewport hide-scrollbar" #scrollAreaViewport>
+      <div class="scroll-area-content" style="height: 100%;">
+        <ng-content></ng-content>
+      </div>
+    </div>
+
+    <ng-content select="[ngbScrollBar]"></ng-content>
+
+    <!-- Corner piece when both scrollbars are visible -->
+    @if (hasVertical() && hasHorizontal() && orientation() === 'both') {
+      <ng-content select=".scroll-area-corner"></ng-content>
+    }
+  `, isInline: true, styles: [":host{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;min-height:0}.scroll-area-viewport{width:100%;height:100%;overflow:auto;flex:1;min-height:0}.scroll-area-viewport.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.scroll-area-viewport.hide-scrollbar::-webkit-scrollbar{display:none}.scroll-area-content{min-height:0;min-width:fit-content}.scroll-area-corner{position:absolute;right:0;bottom:0;width:8px;height:8px;background:#0000004d;border-radius:4px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbScrollArea, decorators: [{
+            type: Component,
+            args: [{ selector: '[ngbScrollArea]', changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="scroll-area-viewport hide-scrollbar" #scrollAreaViewport>
+      <div class="scroll-area-content" style="height: 100%;">
+        <ng-content></ng-content>
+      </div>
+    </div>
+
+    <ng-content select="[ngbScrollBar]"></ng-content>
+
+    <!-- Corner piece when both scrollbars are visible -->
+    @if (hasVertical() && hasHorizontal() && orientation() === 'both') {
+      <ng-content select=".scroll-area-corner"></ng-content>
+    }
+  `, styles: [":host{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;min-height:0}.scroll-area-viewport{width:100%;height:100%;overflow:auto;flex:1;min-height:0}.scroll-area-viewport.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.scroll-area-viewport.hide-scrollbar::-webkit-scrollbar{display:none}.scroll-area-content{min-height:0;min-width:fit-content}.scroll-area-corner{position:absolute;right:0;bottom:0;width:8px;height:8px;background:#0000004d;border-radius:4px}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgbScrollArea, NgbScrollBar };
+//# sourceMappingURL=ngbase-adk-scroll-area.mjs.map

package/fesm2022/ngbase-adk-scroll-area.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-scroll-area.mjs","sources":["../../../projects/adk/scroll-area/scroll-area.ts","../../../projects/adk/scroll-area/ngbase-adk-scroll-area.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  computed,\n  signal,\n  ChangeDetectionStrategy,\n  viewChild,\n  effect,\n  Directive,\n  input,\n  inject,\n  contentChildren,\n} from '@angular/core';\nimport { Drag, DragData } from '@ngbase/adk/drag';\nimport { isClient } from '@ngbase/adk/utils';\n\nexport type ScrollBarOrientation = 'vertical' | 'horizontal' | 'both';\n\n@Directive({\n  selector: '[ngbScrollBar]',\n  hostDirectives: [Drag],\n  host: {\n    style: `position: absolute; cursor: pointer; z-index: 100;`,\n    '[style]': 'size()',\n    '[attr.data-visible]': 'visible()',\n    '[attr.data-active]': 'scrollArea.isDragging()',\n    '[hidden]': '!show()',\n  },\n})\nexport class NgbScrollBar {\n  readonly el = inject<ElementRef<HTMLDivElement>>(ElementRef);\n  readonly scrollArea = inject(NgbScrollArea);\n  readonly drag = inject(Drag);\n  readonly ngbScrollBar = input.required<'vertical' | 'horizontal'>();\n\n  readonly visible = computed(() => {\n    return this.ngbScrollBar() === 'vertical'\n      ? this.scrollArea.showVerticalScroll()\n      : this.scrollArea.showHorizontalScroll();\n  });\n\n  readonly show = computed(() => {\n    return this.ngbScrollBar() === 'vertical'\n      ? this.scrollArea.showVerticalBar()\n      : this.scrollArea.showHorizontalBar();\n  });\n\n  readonly size = computed(() => {\n    let sty =\n      this.ngbScrollBar() === 'vertical'\n        ? `height: ${this.scrollArea.scrollbarHeight()}%;`\n        : `width: ${this.scrollArea.scrollbarWidth()}%;`;\n    sty +=\n      this.ngbScrollBar() === 'vertical'\n        ? 'width: 8px; top: 0; right: 0;'\n        : 'height: 8px; bottom: 0; left: 0;';\n    return sty;\n  });\n\n  constructor() {\n    this.drag.events.subscribe(data => {\n      if (this.ngbScrollBar() === 'vertical') {\n        this.scrollArea.startDraggingVertical(data);\n      } else {\n        this.scrollArea.startDraggingHorizontal(data);\n      }\n    });\n  }\n}\n\n@Component({\n  selector: '[ngbScrollArea]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"scroll-area-viewport hide-scrollbar\" #scrollAreaViewport>\n      <div class=\"scroll-area-content\" style=\"height: 100%;\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n\n    <ng-content select=\"[ngbScrollBar]\"></ng-content>\n\n    <!-- Corner piece when both scrollbars are visible -->\n    @if (hasVertical() && hasHorizontal() && orientation() === 'both') {\n      <ng-content select=\".scroll-area-corner\"></ng-content>\n    }\n  `,\n  styles: [\n    `\n      :host {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        min-height: 0;\n      }\n\n      .scroll-area-viewport {\n        width: 100%;\n        height: 100%;\n        overflow: auto;\n        flex: 1;\n        min-height: 0;\n      }\n\n      .scroll-area-viewport.hide-scrollbar {\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n      }\n\n      .scroll-area-viewport.hide-scrollbar::-webkit-scrollbar {\n        display: none;\n      }\n\n      .scroll-area-content {\n        min-height: 0;\n        min-width: fit-content;\n      }\n\n      .scroll-area-corner {\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        width: 8px;\n        height: 8px;\n        background: rgba(0, 0, 0, 0.3);\n        border-radius: 4px;\n      }\n    `,\n  ],\n})\nexport class NgbScrollArea {\n  readonly scrollAreaViewport =\n    viewChild.required<ElementRef<HTMLDivElement>>('scrollAreaViewport');\n  readonly scrollbars = contentChildren(NgbScrollBar);\n  readonly scrollbarVertical = computed(() => {\n    const scrollbars = this.scrollbars();\n    return scrollbars.find(scrollbar => scrollbar.ngbScrollBar() === 'vertical');\n  });\n  readonly scrollbarHorizontal = computed(() => {\n    const scrollbars = this.scrollbars();\n    return scrollbars.find(scrollbar => scrollbar.ngbScrollBar() === 'horizontal');\n  });\n\n  readonly orientation = input<ScrollBarOrientation>('both');\n  readonly hideDelay = input(1000); // Time in ms to hide scrollbar after scroll\n  readonly alwaysShow = input(false); // Whether to always show the scrollbar\n\n  private viewportHeight = signal(0);\n  private viewportWidth = signal(0);\n  private contentHeight = signal(0);\n  private contentWidth = signal(0);\n  private isScrolling = signal(false);\n  private hideTimeout: any;\n  private isDragging = signal(false);\n  private startY = 0;\n  private startX = 0;\n  private startScrollTop = 0;\n  private startScrollLeft = 0;\n  private client = isClient();\n\n  protected readonly showScrollbar = computed(() => {\n    return this.alwaysShow() || this.isScrolling() || this.isDragging();\n  });\n\n  protected readonly hasVertical = computed(() => this.contentHeight() > this.viewportHeight());\n  protected readonly hasHorizontal = computed(() => this.contentWidth() > this.viewportWidth());\n\n  readonly showVerticalBar = computed(\n    () => this.hasVertical() && this.orientation() !== 'horizontal',\n  );\n  readonly showHorizontalBar = computed(\n    () => this.hasHorizontal() && this.orientation() !== 'vertical',\n  );\n\n  readonly showVerticalScroll = computed(() => this.showVerticalBar() && this.showScrollbar());\n  readonly showHorizontalScroll = computed(() => this.showHorizontalBar() && this.showScrollbar());\n\n  readonly scrollbarHeight = computed(() => {\n    const viewportToContentRatio = this.viewportHeight() / this.contentHeight();\n    return Math.max(viewportToContentRatio * 100, 10); // Minimum 10% height\n  });\n\n  readonly scrollbarWidth = computed(() => {\n    const viewportToContentRatio = this.viewportWidth() / this.contentWidth();\n    return Math.max(viewportToContentRatio * 100, 10); // Minimum 10% width\n  });\n\n  constructor() {\n    effect(cleanup => {\n      this.updateDimensions();\n      const viewport = this.scrollAreaViewport().nativeElement;\n\n      if (this.client) {\n        viewport.addEventListener('scroll', this.handleScroll);\n        // Set up resize observer\n        const resizeObserver = new ResizeObserver(() => {\n          this.updateDimensions();\n        });\n\n        resizeObserver.observe(viewport);\n        resizeObserver.observe(viewport.firstElementChild as Element);\n\n        cleanup(() => {\n          viewport.removeEventListener('scroll', this.handleScroll);\n          resizeObserver.disconnect();\n        });\n      }\n    });\n  }\n\n  private updateDimensions() {\n    const viewport = this.scrollAreaViewport().nativeElement;\n    this.viewportHeight.set(viewport.clientHeight);\n    this.viewportWidth.set(viewport.clientWidth);\n    this.contentHeight.set(viewport.scrollHeight);\n    this.contentWidth.set(viewport.scrollWidth);\n  }\n\n  private handleScroll = (event: Event) => {\n    const target = event.target as HTMLElement;\n    this.isScrolling.set(true);\n\n    this.scrollbarVerticalTransform(target.scrollTop);\n    this.scrollbarHorizontalTransform(target.scrollLeft);\n    // Clear existing timeout\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n    }\n\n    // Set new timeout to hide scrollbar\n    this.hideTimeout = setTimeout(() => {\n      this.isScrolling.set(false);\n    }, this.hideDelay());\n  };\n\n  private scrollbarVerticalTransform(scrollTop: number) {\n    const scrollbar = this.scrollbarVertical()?.el.nativeElement;\n    if (!scrollbar) return;\n    const scrollRatio = scrollTop / (this.contentHeight() - this.viewportHeight());\n    const maxTranslate =\n      this.viewportHeight() - (this.viewportHeight() * this.scrollbarHeight()) / 100;\n    const translateY = scrollRatio * maxTranslate;\n    scrollbar.style.transform = `translateY(${translateY}px)`;\n  }\n\n  private scrollbarHorizontalTransform(scrollLeft: number) {\n    const scrollbar = this.scrollbarHorizontal()?.el.nativeElement;\n    if (!scrollbar) return;\n    const scrollRatio = scrollLeft / (this.contentWidth() - this.viewportWidth());\n    const maxTranslate =\n      this.viewportWidth() - (this.viewportWidth() * this.scrollbarWidth()) / 100;\n    const translateX = scrollRatio * maxTranslate;\n    scrollbar.style.transform = `translateX(${translateX}px)`;\n  }\n\n  startDraggingVertical(data: DragData) {\n    data.event?.preventDefault();\n    if (data.type === 'start') {\n      this.startScrollTop = this.scrollAreaViewport().nativeElement.scrollTop;\n      this.isDragging.set(true);\n      this.startY = data.clientY!;\n    } else if (data.type === 'end') {\n      this.isDragging.set(false);\n    }\n\n    const delta = data.clientY! - this.startY;\n    const scrollRatio =\n      delta / (this.viewportHeight() - (this.viewportHeight() * this.scrollbarHeight()) / 100);\n    const balance = this.contentHeight() - this.viewportHeight();\n    const newScrollTop = this.startScrollTop + scrollRatio * balance;\n\n    const value = Math.max(0, Math.min(newScrollTop, balance));\n\n    this.scrollAreaViewport().nativeElement.scrollTop = value;\n  }\n\n  startDraggingHorizontal(data: DragData) {\n    data.event?.preventDefault();\n    if (data.type === 'start') {\n      this.startScrollLeft = this.scrollAreaViewport().nativeElement.scrollLeft;\n      this.isDragging.set(true);\n      this.startX = data.clientX!;\n    } else if (data.type === 'end') {\n      this.isDragging.set(false);\n    }\n\n    const delta = data.clientX! - this.startX;\n    const scrollRatio =\n      delta / (this.viewportWidth() - (this.viewportWidth() * this.scrollbarWidth()) / 100);\n    const balance = this.contentWidth() - this.viewportWidth();\n    const newScrollLeft = this.startScrollLeft + scrollRatio * balance;\n\n    const value = Math.max(0, Math.min(newScrollLeft, balance));\n\n    this.scrollAreaViewport().nativeElement.scrollLeft = value;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}