@scion/components 18.1.0 → 19.0.0

package/fesm2022/scion-components-viewport.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scion-components-viewport.mjs","sources":["../../../../projects/scion/components/viewport/src/native-scrollbar-track-size-provider.service.ts","../../../../projects/scion/components/viewport/src/scrollable.directive.ts","../../../../projects/scion/components/viewport/src/scrollbar/scrollbar.component.ts","../../../../projects/scion/components/viewport/src/scrollbar/scrollbar.component.html","../../../../projects/scion/components/viewport/src/viewport.component.ts","../../../../projects/scion/components/viewport/src/viewport.component.html","../../../../projects/scion/components/viewport/src/viewport.module.ts","../../../../projects/scion/components/viewport/src/public_api.ts","../../../../projects/scion/components/viewport/src/scion-components-viewport.ts"],"sourcesContent":["/*\n * Copyright (c) 2018-2019 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\nimport {Inject, Injectable, NgZone, OnDestroy} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {BehaviorSubject, fromEvent, Observable, Subject} from 'rxjs';\nimport {debounceTime, distinctUntilChanged, map, startWith, takeUntil} from 'rxjs/operators';\n\n/**\n * Provides the native scrollbar tracksize.\n */\n@Injectable({providedIn: 'root'})\nexport class SciNativeScrollbarTrackSizeProvider implements OnDestroy {\n\n  private readonly _trackSize$ = new BehaviorSubject<NativeScrollbarTrackSize | null>(null);\n  private readonly _destroy$ = new Subject<void>();\n\n  constructor(@Inject(DOCUMENT) private _document: Document, private _zone: NgZone) {\n    this.installNativeScrollbarTrackSizeListener();\n  }\n\n  /**\n   * Returns an {Observable} which emits the native scrollbar track size, if any, or else `null`.\n   *\n   * Upon subscription, it emits the track size immediately, and then continuously emits when the track size changes.\n   */\n  public get trackSize$(): Observable<NativeScrollbarTrackSize | null> {\n    return this._trackSize$;\n  }\n\n  /**\n   * Returns the native scrollbar track size, if any, or else `null`.\n   */\n  public get trackSize(): NativeScrollbarTrackSize | null {\n    return this._trackSize$.getValue();\n  }\n\n  /**\n   * Computes the native scrollbar track size.\n   *\n   * @returns native track size, or `null` if the native scrollbars sit on top of the content.\n   */\n  private computeTrackSize(): NativeScrollbarTrackSize | null {\n    // create temporary viewport and viewport client with native scrollbars to compute scrolltrack width\n    const viewportDiv = this._document.createElement('div');\n    setStyle(viewportDiv, {\n      position: 'absolute',\n      overflow: 'scroll',\n      height: '100px',\n      width: '100px',\n      border: 0,\n      visibility: 'hidden',\n    });\n\n    const viewportClientDiv = this._document.createElement('div');\n    setStyle(viewportClientDiv, {\n      height: '100%',\n      width: '100%',\n      border: 0,\n    });\n\n    viewportDiv.appendChild(viewportClientDiv);\n    this._document.body.appendChild(viewportDiv);\n\n    // Do not use client and offset width/height to calculate the size of the scrollbar, as they are rounded, resulting in unwanted spacing when zooming the page.\n    const viewportBounds = viewportDiv.getBoundingClientRect();\n    const viewportClientBounds = viewportClientDiv.getBoundingClientRect();\n    const trackSize: NativeScrollbarTrackSize = {\n      hScrollbarTrackHeight: viewportBounds.height - viewportClientBounds.height,\n      vScrollbarTrackWidth: viewportBounds.width - viewportClientBounds.width,\n    };\n\n    // destroy temporary viewport\n    this._document.body.removeChild(viewportDiv);\n    if (trackSize.hScrollbarTrackHeight === 0 && trackSize.vScrollbarTrackWidth === 0) {\n      return null;\n    }\n\n    return trackSize;\n  }\n\n  private installNativeScrollbarTrackSizeListener(): void {\n    // We compute the size of the native scrollbar track when the browser fires the onresize window event.\n    // This event is also fired on page zoom or when displaying a hidden document. Hidden documents do not have\n    // a scrollbar track size until being displayed, e.g., after showing hidden iframes.\n    this._zone.runOutsideAngular(() => {\n      fromEvent(window, 'resize')\n        .pipe(\n          debounceTime(5),\n          startWith(null), // trigger the initial computation\n          map(() => this.computeTrackSize()),\n          distinctUntilChanged((t1, t2) => JSON.stringify(t1) === JSON.stringify(t2)),\n          takeUntil(this._destroy$),\n        )\n        .subscribe(trackSize => {\n          this._zone.run(() => this._trackSize$.next(trackSize));\n        });\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this._destroy$.next();\n  }\n}\n\n/**\n * Applies the given style(s) to the given element.\n *\n * Specify styles to be modified by passing a dictionary containing CSS property names (hyphen case).\n * To remove a style, set its value to `null`.\n *\n * @ignore\n */\nfunction setStyle(element: HTMLElement, style: {[style: string]: any | null}): void {\n  Object.keys(style).forEach(key => element.style.setProperty(key, style[key]));\n}\n\n/**\n * Represents the native scrollbar track size.\n */\nexport interface NativeScrollbarTrackSize {\n  hScrollbarTrackHeight: number;\n  vScrollbarTrackWidth: number;\n}\n","/*\n * Copyright (c) 2018-2019 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\nimport {Directive, ElementRef, Input, OnChanges, OnDestroy, Renderer2, SimpleChanges} from '@angular/core';\nimport {NativeScrollbarTrackSize, SciNativeScrollbarTrackSizeProvider} from './native-scrollbar-track-size-provider.service';\nimport {map, takeUntil} from 'rxjs/operators';\nimport {merge, Subject} from 'rxjs';\nimport {Dictionary} from '@scion/toolkit/util';\n\n/**\n * Makes the host element natively scrollable and hides native scrollbars by default, unless native scrollbars\n * already sit on top of the viewport (e.g. in OS X).\n *\n * Because there is no cross-browser API to hide scrollbars without losing native scroll support, we set 'overflow'\n * to 'scroll' but shift the native scrollbars out of the visible viewport area. The shift offset is computed upfront.\n *\n * This directive expects its host element to be the only child in document flow in its parent DOM element. It makes the host element\n * fill up the entire space (width and height set to 100%). The parent element must have its CSS `overflow` property set to `hidden`\n * to hide the pushed out native scrollbars.\n */\n@Directive({\n  selector: '[sciScrollable]',\n  standalone: true,\n})\nexport class SciScrollableDirective implements OnChanges, OnDestroy {\n\n  private _destroy$ = new Subject<void>();\n  private _inputChange$ = new Subject<void>();\n\n  /**\n   * Controls whether to display native scrollbars.\n   * Has no effect if the native scrollbar sits on top of the content, e.g. in OS X.\n   */\n  @Input('sciScrollableDisplayNativeScrollbar')// eslint-disable-line @angular-eslint/no-input-rename\n  public isDisplayNativeScrollbar = false;\n\n  constructor(private _host: ElementRef<HTMLDivElement>,\n              private _renderer: Renderer2,\n              nativeScrollbarTrackSizeProvider: SciNativeScrollbarTrackSizeProvider) {\n    merge(\n      nativeScrollbarTrackSizeProvider.trackSize$,\n      this._inputChange$.pipe(map(() => nativeScrollbarTrackSizeProvider.trackSize)),\n    )\n      .pipe(takeUntil(this._destroy$))\n      .subscribe(nativeScrollbarTrackSize => {\n        if (nativeScrollbarTrackSize === null) { // the native scrollbar sits on top of the content\n          this.useNativeScrollbars();\n        }\n        else {\n          this.isDisplayNativeScrollbar ? this.useNativeScrollbars() : this.shiftNativeScrollbars(nativeScrollbarTrackSize);\n        }\n      });\n  }\n\n  /**\n   * Uses the native scrollbars when content overflows.\n   */\n  private useNativeScrollbars(): void {\n    this.setStyle(this._host.nativeElement, {\n      overflow: 'auto',\n      width: '100%',\n      height: '100%',\n      marginRight: 0,\n      marginBottom: 0,\n    });\n  }\n\n  /**\n   * Shifts the native scrollbars out of the visible viewport area.\n   */\n  private shiftNativeScrollbars(nativeScrollbarTrackSize: NativeScrollbarTrackSize): void {\n    this.setStyle(this._host.nativeElement, {\n      overflow: 'scroll',\n      width: `calc(100% + ${nativeScrollbarTrackSize.vScrollbarTrackWidth}px`,\n      height: `calc(100% + ${nativeScrollbarTrackSize.hScrollbarTrackHeight}px`,\n      marginRight: `-${nativeScrollbarTrackSize.vScrollbarTrackWidth}px`,\n      marginBottom: `-${nativeScrollbarTrackSize.hScrollbarTrackHeight}px`,\n    });\n  }\n\n  private setStyle(element: Element, style: Dictionary): void {\n    Object.keys(style).forEach(key => this._renderer.setStyle(element, key, style[key]));\n  }\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    this._inputChange$.next();\n  }\n\n  public ngOnDestroy(): void {\n    this._destroy$.next();\n  }\n}\n","/*\n * Copyright (c) 2018-2019 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\nimport {DOCUMENT} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, ElementRef, HostBinding, Inject, Input, NgZone, OnDestroy, ViewChild} from '@angular/core';\nimport {fromEvent, merge, Observable, of, Subject, timer} from 'rxjs';\nimport {debounceTime, first, map, startWith, switchMap, takeUntil, takeWhile, withLatestFrom} from 'rxjs/operators';\nimport {fromMutation$, fromResize$} from '@scion/toolkit/observable';\nimport {filterArray, subscribeInside} from '@scion/toolkit/operators';\n\n/**\n * Renders a vertical or horizontal scrollbar.\n *\n * The scrollbar features the following functionality:\n * - allows to move the thumb by mouse or touch\n * - enlarges the thumb if the mouse pointer is near the thumb\n * - allows paging on mousedown on the scroll track\n *\n * ### Styling:\n *\n * To customize the default look of SCION components or support different themes, configure the `@scion/components` SCSS module in `styles.scss`.\n * To style a specific `sci-scrollbar` component, the following CSS variables can be set directly on the component.\n *\n * - sci-scrollbar-color:    Sets the color of the scrollbar.\n *\n * Example:\n *\n * ```css\n *\n * sci-scrollbar {\n *   --sci-scrollbar-color: blue;\n * }\n * ```\n */\n@Component({\n  selector: 'sci-scrollbar',\n  templateUrl: './scrollbar.component.html',\n  styleUrls: ['./scrollbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class SciScrollbarComponent implements OnDestroy {\n\n  /**\n   * Timeout for debouncing viewport resize events that trigger the scroll position computation.\n   *\n   * Debouncing is particularly important in the context of Angular animations, since they continuously\n   * trigger resize events. Debouncing prevents the scrollbar from flickering, for example, when the user\n   * expands a panel that contains a viewport.\n   *\n   * @internal\n   */\n  public static readonly VIEWPORT_RESIZE_DEBOUNCE_TIME = 50;\n\n  private _destroy$ = new Subject<void>();\n  private _viewport!: HTMLElement;\n  private _viewportChange$ = new Subject<void>();\n  private _lastDragPosition: number | null = null;\n\n  private _overflow = false;\n  private _thumbSizeFr = 0;\n  private _thumbPositionFr = 0;\n\n  /* @docs-private */\n  @ViewChild('thumb_handle', {static: true})\n  public thumbElement!: ElementRef<HTMLDivElement>;\n\n  @HostBinding('class.vertical')\n  public get vertical(): boolean {\n    return this.direction === 'vscroll';\n  }\n\n  @HostBinding('class.horizontal')\n  public get horizontal(): boolean {\n    return this.direction === 'hscroll';\n  }\n\n  @HostBinding('class.scrolling')\n  public get scrolling(): boolean {\n    return this._lastDragPosition !== null;\n  }\n\n  /**\n   * Specifies the direction of the scrollbar.\n   *\n   * By default, if not specified, renders a vertical scrollbar.\n   */\n  @Input()\n  public direction: 'vscroll' | 'hscroll' = 'vscroll';\n\n  /**\n   * The viewport to provide scrollbars for.\n   */\n  @Input({alias: 'viewport', required: true}) // eslint-disable-line @angular-eslint/no-input-rename\n  public set setViewport(viewport: HTMLElement) {\n    this._viewport = viewport;\n    this._viewportChange$.next();\n  }\n\n  constructor(private _host: ElementRef<HTMLElement>,\n              @Inject(DOCUMENT) private _document: Document,\n              private _zone: NgZone) {\n    this._viewportChange$\n      .pipe(\n        switchMap(() => {\n          if (!this._viewport) {\n            return of(undefined);\n          }\n          return merge(\n            this.viewportScrollChange$(),\n            this.viewportDimensionChange$({debounceTime: SciScrollbarComponent.VIEWPORT_RESIZE_DEBOUNCE_TIME}),\n            this.viewportClientDimensionChange$({debounceTime: SciScrollbarComponent.VIEWPORT_RESIZE_DEBOUNCE_TIME}),\n          );\n        }),\n        subscribeInside(continueFn => this._zone.runOutsideAngular(continueFn)),\n        takeUntil(this._destroy$),\n      )\n      .subscribe(() => {\n        if (this._viewport) {\n          this.renderScrollPosition();\n        }\n        else {\n          this.unsetScrollPosition();\n        }\n      });\n  }\n\n  /**\n   * Computes the scroll position and updates CSS variables to render the scroll position in the UI.\n   */\n  private renderScrollPosition(): void {\n    NgZone.assertNotInAngularZone();\n    const viewportSize = this.viewportSize;\n    const viewportClientSize = this.viewportClientSize;\n    const thumbPositionFr = this.scrollPosition / viewportClientSize;\n    const thumbSizeFr = viewportSize / viewportClientSize;\n    const overflow = viewportClientSize > viewportSize;\n\n    if (thumbPositionFr !== this._thumbPositionFr || thumbSizeFr !== this._thumbSizeFr) {\n      this._thumbPositionFr = thumbPositionFr;\n      this._thumbSizeFr = thumbSizeFr;\n      this.setCssVariable('--ɵsci-scrollbar-thumb-position-fr', thumbPositionFr);\n      this.setCssVariable('--ɵsci-scrollbar-thumb-size-fr', thumbSizeFr);\n    }\n\n    if (overflow !== this._overflow) {\n      this._overflow = overflow;\n      overflow ? this._host.nativeElement.classList.add('overflow') : this._host.nativeElement.classList.remove('overflow');\n    }\n  }\n\n  /**\n   * Clears CSS variables used for rendering the scroll position in the UI.\n   */\n  private unsetScrollPosition(): void {\n    NgZone.assertNotInAngularZone();\n    this._thumbPositionFr = 0;\n    this._thumbSizeFr = 0;\n    this._overflow = false;\n    this.setCssVariable('--ɵsci-scrollbar-thumb-position-fr', 0);\n    this.setCssVariable('--ɵsci-scrollbar-thumb-size-fr', 0);\n    this._host.nativeElement.classList.remove('overflow');\n  }\n\n  /* @docs-private */\n  public onTouchStart(event: TouchEvent): void {\n    event.preventDefault();\n    this._lastDragPosition = this.vertical ? event.touches[0].screenY : event.touches[0].screenX;\n  }\n\n  /* @docs-private */\n  public onTouchMove(event: TouchEvent): void {\n    event.preventDefault();\n\n    const newDragPositionPx = this.vertical ? event.touches[0].screenY : event.touches[0].screenX;\n    const scrollbarPanPx = newDragPositionPx - this._lastDragPosition!;\n    const viewportPanPx = this.toViewportPanPx(scrollbarPanPx);\n    this._lastDragPosition = newDragPositionPx;\n    this.moveViewportClient(viewportPanPx);\n  }\n\n  /* @docs-private */\n  public onTouchEnd(event: TouchEvent): void {\n    event.preventDefault();\n    this._lastDragPosition = null;\n  }\n\n  /* @docs-private */\n  public onMouseDown(mousedownEvent: MouseEvent): void {\n    if (mousedownEvent.button !== 0) {\n      return;\n    }\n\n    mousedownEvent.preventDefault();\n    this._lastDragPosition = this.vertical ? mousedownEvent.screenY : mousedownEvent.screenX;\n\n    // Listen for 'mousemove' events\n    this._zone.runOutsideAngular(() => {\n      const mousemoveListener = merge(fromEvent<MouseEvent>(this._document, 'mousemove'), fromEvent<MouseEvent>(this._document, 'sci-mousemove'))\n        .pipe(takeUntil(this._destroy$))\n        .subscribe(mousemoveEvent => {\n          mousemoveEvent.preventDefault();\n\n          const newDragPositionPx = this.vertical ? mousemoveEvent.screenY : mousemoveEvent.screenX;\n          const scrollbarPanPx = newDragPositionPx - this._lastDragPosition!;\n          const viewportPanPx = this.toViewportPanPx(scrollbarPanPx);\n          this._lastDragPosition = newDragPositionPx;\n          this.moveViewportClient(viewportPanPx);\n        });\n\n      // Listen for 'mouseup' events; use 'capture phase' and 'stop propagation' to not close overlays\n      merge(fromEvent<MouseEvent>(this._document, 'mouseup', {capture: true}), fromEvent<MouseEvent>(this._document, 'sci-mouseup'))\n        .pipe(first(), takeUntil(this._destroy$))\n        .subscribe(mouseupEvent => {\n          mouseupEvent.stopPropagation();\n          mousemoveListener.unsubscribe();\n          this._lastDragPosition = null;\n        });\n    });\n  }\n\n  /* @docs-private */\n  public onScrollTrackMouseDown(event: MouseEvent, direction: 'up' | 'down'): void {\n    const signum = (direction === 'up' ? -1 : +1);\n    this.scrollWhileMouseDown(this.toViewportPanPx(signum * this.thumbSize), event);\n  }\n\n  /**\n   * Projects the given scrollbar scroll pixels into viewport scroll pixels.\n   */\n  private toViewportPanPx(scrollbarPanPx: number): number {\n    const scrollRangePx = this.trackSize - this.thumbSize;\n    const scrollRatio = scrollbarPanPx / scrollRangePx;\n    return scrollRatio * (this.viewportClientSize - this.viewportSize);\n  }\n\n  /**\n   * Moves the viewport client by the specified numbers of pixels.\n   */\n  private moveViewportClient(viewportPanPx: number): void {\n    if (this.vertical) {\n      this._viewport.scrollTop += viewportPanPx;\n    }\n    else {\n      this._viewport.scrollLeft += viewportPanPx;\n    }\n  }\n\n  /**\n   * Indicates if the content overflows.\n   */\n  public get overflow(): boolean {\n    return this._overflow;\n  }\n\n  /**\n   * Scrolls continuously while holding the mouse pressed, or until the mouse leaves the scrolltrack.\n   */\n  private scrollWhileMouseDown(viewportScrollPx: number, mousedownEvent: MouseEvent): void {\n    // The `EventTarget` type of `Event.target` is not yet compatible with `FromEventTarget` used in `fromEvent`.\n    // This will be fixed in rxjs version 7.0.0. Refer to https://github.com/ReactiveX/rxjs/commit/5f022d784570684632e6fd5ae247fc259ee34c4b\n    // for more details.\n    const scrollTrackElement = mousedownEvent.target as Element;\n\n    // scroll continuously every 50ms after an initial delay of 250ms\n    timer(250, 50)\n      .pipe(\n        // continue chain with latest mouse event\n        withLatestFrom(merge(of(mousedownEvent), fromEvent<MouseEvent>(scrollTrackElement, 'mousemove')), (tick, event) => event),\n        // start immediately\n        startWith(mousedownEvent),\n        // stop scrolling if the thumb hits the mouse pointer position\n        takeWhile((event: MouseEvent) => scrollTrackElement === this._document.elementFromPoint(event.clientX, event.clientY)),\n        debounceTime(10),\n        // stop scrolling on mouseout or mouseup\n        takeUntil(merge(fromEvent(scrollTrackElement, 'mouseout'), fromEvent(scrollTrackElement, 'mouseup'))),\n      )\n      .subscribe(() => {\n        this.moveViewportClient(viewportScrollPx);\n      });\n  }\n\n  /**\n   * Emits whenever the viewport scrolls.\n   */\n  private viewportScrollChange$(): Observable<void> {\n    return fromEvent(this._viewport, 'scroll', {passive: true}).pipe(map(() => undefined));\n  }\n\n  /**\n   * Emits on subscription, and then each time the size of the viewport changes.\n   */\n  private viewportDimensionChange$(options: {debounceTime: number}): Observable<void> {\n    return fromResize$(this._viewport)\n      .pipe(\n        // Debouncing is particularly important in the context of Angular animations, since they continuously\n        // trigger resize events. Debouncing prevents the scrollbar from flickering, for example, when the user\n        // expands a panel that contains a viewport.\n        debounceTime(options.debounceTime),\n        map(() => undefined),\n      );\n  }\n\n  /**\n   * Emits on subscription, and then each time the size or style property of the viewport client changes.\n   */\n  private viewportClientDimensionChange$(options: {debounceTime: number}): Observable<void> {\n    return this.children$(this._viewport)\n      .pipe(\n        switchMap(children => merge(...children.map(child => merge(\n          fromResize$(child),\n          // Observe style mutations since some transformations change the scroll position without necessarily triggering a dimension change,\n          // e.g., `scale` or `translate` used by some virtual scroll implementations\n          fromMutation$(child, {subtree: false, childList: false, attributeFilter: ['style']})),\n        ))),\n        // Debouncing is particularly important in the context of Angular animations, since they continuously\n        // trigger resize events. Debouncing prevents the scrollbar from flickering, for example, when the user\n        // expands a panel that contains a viewport.\n        debounceTime(options.debounceTime),\n        map(() => undefined),\n      );\n  }\n\n  /**\n   * Emits the children of the passed element, and then each time child elements are added or removed.\n   */\n  private children$(element: HTMLElement): Observable<HTMLElement[]> {\n    return fromMutation$(element, {subtree: false, childList: true})\n      .pipe(\n        startWith(undefined as void),\n        map(() => Array.from(element.children)),\n        filterArray((child: Element): child is HTMLElement => child instanceof HTMLElement),\n      );\n  }\n\n  private setCssVariable(key: string, value: any): void {\n    this._host.nativeElement.style.setProperty(key, value);\n  }\n\n  private get viewportSize(): number {\n    return this._viewport ? (this.vertical ? this._viewport.clientHeight : this._viewport.clientWidth) : 0;\n  }\n\n  private get viewportClientSize(): number {\n    return this._viewport ? (this.vertical ? this._viewport.scrollHeight : this._viewport.scrollWidth) : 0;\n  }\n\n  private get scrollPosition(): number {\n    return this._viewport ? (this.vertical ? this._viewport.scrollTop : this._viewport.scrollLeft) : 0;\n  }\n\n  private get thumbSize(): number {\n    const thumbElement = this.thumbElement.nativeElement;\n    return this.vertical ? thumbElement.clientHeight : thumbElement.clientWidth;\n  }\n\n  private get trackSize(): number {\n    const trackElement = this._host.nativeElement;\n    return this.vertical ? trackElement.clientHeight : trackElement.clientWidth;\n  }\n\n  /* @docs-private */\n  public ngOnDestroy(): void {\n    this._destroy$.next();\n  }\n}\n","<!-- scrolltrack to move the viewport client upwards (paging) -->\n<div class=\"scrolltrack-start\" (mousedown)=\"onScrollTrackMouseDown($event, 'up')\"></div>\n\n<!-- scrollthumb -->\n<div #thumb_handle\n     class=\"thumb-handle\"\n     [class.vertical]=\"vertical\"\n     [class.horizontal]=\"horizontal\"\n     (mousedown)=\"onMouseDown($event)\"\n     (touchstart)=\"onTouchStart($event)\"\n     (touchmove)=\"onTouchMove($event)\"\n     (touchend)=\"onTouchEnd($event)\"\n     (touchcancel)=\"onTouchEnd($event)\">\n  <div class=\"thumb\"\n       [class.vertical]=\"vertical\"\n       [class.horizontal]=\"horizontal\">\n  </div>\n</div>\n\n<!-- scrolltrack to move the viewport client downwards (paging) -->\n<div class=\"scrolltrack-end\" (mousedown)=\"onScrollTrackMouseDown($event, 'down')\"></div>\n","/*\n * Copyright (c) 2018-2019 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\nimport {Component, ElementRef, EventEmitter, HostListener, Input, Output, ViewChild, ViewEncapsulation} from '@angular/core';\nimport {SciNativeScrollbarTrackSizeProvider} from './native-scrollbar-track-size-provider.service';\nimport {coerceElement} from '@angular/cdk/coercion';\nimport {SciScrollableDirective} from './scrollable.directive';\nimport {SciScrollbarComponent} from './scrollbar/scrollbar.component';\nimport {ScrollingModule} from '@angular/cdk/scrolling';\nimport {AsyncPipe} from '@angular/common';\n\n/**\n * Represents a viewport with slotted content (`<ng-content>`) used as scrollable content. By default, content is added to a CSS grid layout.\n *\n * The viewport component displays scrollbars when its content overflows. Scrollbars are displayed on top of the content, not next to it.\n * The component uses the native scrollbars of the operating system if they are already sitting on top, or falls back and renders scrollbars on top otherwise.\n * The viewport remains natively scrollable with the native scrollbars shifted out of the viewport's visible area. Consequently, the viewport keeps supporting\n * native scrolling features such as touch gestures, scroll speed acceleration, or scrolling near the viewport edges during drag-and-drop operations.\n *\n * ```html\n * <sci-viewport>\n *   your content\n * </sci-viewport>\n * ```\n *\n * ## Adding the viewport to a layout\n *\n * Typically, you would add the viewport component to a flexible layout, filling the remaining space vertically and horizontally, such as a flexbox container\n * with the viewport's `flex` CSS property set to either `flex: auto` or `flex: 1 1 0`.\n *\n * The viewport is sized according to its content width and height. It grows to absorb any free space, thus overflowing its content only when encountering\n * a layout constraint. Depending on the layout, different steps may be necessary to prevent the viewport from growing to infinity.\n *\n * - If practical, give the viewport a fixed size or a maximum size.\n * - If you add the viewport to a flexbox layout, make sure that it cannot exceed the available space. Instead, the viewport should fill the remaining space,\n *   vertically and horizontally. Be aware that, by default, a flex item does not shrink below its minimum content size. To change this, set the viewport's\n *   `flex-basis` to `0` (instead of `auto`), or use the CSS shorthand property `flex: 1 1 0`. The `flex-basis` defines the default size of a flex item before\n *   the remaining extra space is distributed. If the viewport does not appear after setting this property, check its parent elements' content sizes.\n *   As an alternative to setting `flex: 1 1 0`, change the setting to `flex: auto` and hide the overflow in the parent element, as follows: `overflow: hidden`.\n *   Another approach would be to set the minimum height of all parents to `0`, as follows: `min-height: 0`.\n *\n *   For the complete documentation on the flex layout and its features, refer to https://developer.mozilla.org/en-US/docs/Web/CSS/flex.\n *\n *\n * ## Layouting the viewport's slotted content\n *\n * By default, the viewport's content is added to a CSS grid container with a single column, filling remaining space vertically and horizontally.\n * Using the `::part(content)` pseudo element selector, you can configure the grid container or apply a different layout, such as a flex or flow layout.\n *\n * #### Example of adding slotted content to a CSS flex container\n * ```css\n * sci-viewport::part(content) {\n *   display: flex;\n *   flex-direction: column;\n * }\n * ```\n *\n * #### Example of configuring CSS grid container with two columns\n * ```css\n * sci-viewport::part(content) {\n *   grid-template-columns: 1fr 1fr;\n *   gap: 1em;\n * }\n * ```\n *\n * ## Styling\n *\n * To customize the default look of SCION components or support different themes, configure the `@scion/components` SCSS module in `styles.scss`.\n * To style a specific `sci-viewport` component, the following CSS variables can be set directly on the component.\n *\n * - sci-viewport-scrollbar-color:     Sets the color of the scrollbar.\n *\n * ```css\n * sci-viewport {\n *   --sci-viewport-scrollbar-color: blue;\n * }\n * ```\n */\n@Component({\n  selector: 'sci-viewport',\n  templateUrl: './viewport.component.html',\n  styleUrls: ['./viewport.component.scss'],\n  encapsulation: ViewEncapsulation.ShadowDom,\n  standalone: true,\n  imports: [\n    AsyncPipe,\n    ScrollingModule,\n    SciScrollableDirective,\n    SciScrollbarComponent,\n  ],\n})\nexport class SciViewportComponent {\n\n  private _viewportElement!: HTMLDivElement;\n  private _viewportClient!: HTMLDivElement;\n  private _scrollbarStyle: ScrollbarStyle = 'on-top';\n\n  /** @internal */\n  @ViewChild('viewport', {static: true})\n  public set setViewport(viewport: ElementRef<HTMLDivElement>) {\n    this._viewportElement = coerceElement(viewport);\n  }\n\n  /** @internal */\n  @ViewChild('viewport_client', {static: true})\n  public set setViewportClient(viewportClient: ElementRef<HTMLDivElement>) {\n    this._viewportClient = coerceElement(viewportClient);\n  }\n\n  /**\n   * Controls whether to use native scrollbars or, which is by default, emulated scrollbars that sit on top of the viewport client.\n   * In the latter, the viewport client remains natively scrollable.\n   */\n  @Input()\n  public set scrollbarStyle(scrollbarStyle: ScrollbarStyle) {\n    this._scrollbarStyle = scrollbarStyle || 'on-top';\n  }\n\n  public get scrollbarStyle(): ScrollbarStyle {\n    return this._scrollbarStyle;\n  }\n\n  /**\n   * Emits upon a scroll event.\n   *\n   * You can add [sciDimension] directive to the viewport or viewport client to be notified about layout changes.\n   */\n  @Output()\n  public scroll = new EventEmitter<Event>(); // eslint-disable-line @angular-eslint/no-output-native\n\n  constructor(public host: ElementRef<HTMLElement>, public nativeScrollbarTrackSizeProvider: SciNativeScrollbarTrackSizeProvider) {\n  }\n\n  @HostListener('focus')\n  public focus(): void { // do not rename to expose the same focus method like `HTMLElement.focus()`.\n    this._viewportElement?.focus();\n  }\n\n  public onScroll(event: Event): void {\n    this.scroll.emit(event);\n  }\n\n  /**\n   * Returns the number of pixels that the viewport client is scrolled vertically.\n   *\n   * @see Element.scrollTop\n   */\n  public get scrollTop(): number {\n    return this._viewportElement.scrollTop;\n  }\n\n  /**\n   * Sets the number of pixels that the viewport client is scrolled vertically.\n   *\n   * @see Element.scrollTop\n   */\n  public set scrollTop(scrollTop: number) {\n    this._viewportElement.scrollTop = scrollTop;\n  }\n\n  /**\n   * Returns the number of pixels that the viewport client is scrolled horizontally.\n   *\n   * @see Element.scrollLeft\n   */\n  public get scrollLeft(): number {\n    return this._viewportElement.scrollLeft;\n  }\n\n  /**\n   * Sets the number of pixels that the viewport client is scrolled horizontally.\n   *\n   * @see Element.scrollLeft\n   */\n  public set scrollLeft(scrollLeft: number) {\n    this._viewportElement.scrollLeft = scrollLeft;\n  }\n\n  /**\n   * Returns the height of the viewport client.\n   *\n   * @see Element.scrollHeight\n   */\n  public get scrollHeight(): number {\n    return this._viewportElement.scrollHeight;\n  }\n\n  /**\n   * Returns the width of the viewport client.\n   *\n   * @see Element.scrollWidth\n   */\n  public get scrollWidth(): number {\n    return this._viewportElement.scrollWidth;\n  }\n\n  /**\n   * Returns the viewport {HTMLElement}.\n   */\n  public get viewportElement(): HTMLElement {\n    return this._viewportElement;\n  }\n\n  /**\n   * Returns the viewport client {HTMLElement}.\n   */\n  public get viewportClientElement(): HTMLElement {\n    return this._viewportClient;\n  }\n\n  /**\n   * Checks if the specified element is scrolled into the viewport.\n   *\n   * @param element - the element to be checked\n   * @param fit - control if the element must fully or partially fit into the viewport\n   * @return `true` if the element is scrolled into the viewport, or `false` otherwise.\n   */\n  public isElementInView(element: ElementRef<HTMLElement> | HTMLElement, fit: 'full' | 'partial'): boolean {\n    const elTop = this.computeOffset(element, 'top');\n    if (elTop === null) {\n      return false;\n    }\n    const elLeft = this.computeOffset(element, 'left');\n    if (elLeft === null) {\n      return false;\n    }\n\n    // Consider elements as scrolled into view when there is no viewport overflow.\n    // The calculation of whether an element is scrolled into view may be wrong by a few pixels if the viewport contains elements with decimal sizes.\n    // This can happen because `offsetLeft` and `offsetTop` operate on an integer (not a decimal), losing precision that can accumulate.\n    // To avoid incorrect calculation when there is no viewport overflow, we consider all contained elements as scrolled into the view.\n    if (this._viewportElement.scrollWidth <= this._viewportElement.clientWidth && this._viewportElement.scrollHeight <= this._viewportElement.clientHeight) {\n      return true;\n    }\n\n    const elBottom = elTop + coerceElement(element).offsetHeight;\n    const elRight = elLeft + coerceElement(element).offsetWidth;\n\n    const vpTop = this._viewportElement.scrollTop;\n    const vpLeft = this._viewportElement.scrollLeft;\n    const vpBottom = vpTop + this._viewportElement.clientHeight;\n    const vpRight = vpLeft + this._viewportElement.clientWidth;\n\n    if (fit === 'full') {\n      return (elTop >= vpTop && elBottom <= vpBottom) && (elLeft >= vpLeft && elRight <= vpRight);\n    }\n    else {\n      return (elBottom >= vpTop && elTop <= vpBottom) && (elRight >= vpLeft && elLeft <= vpRight);\n    }\n  }\n\n  /**\n   * Scrolls the specified element into the viewport.\n   *\n   * @param element - the element to scroll into the viewport\n   * @param offset - the gap between the element and the viewport\n   */\n  public scrollIntoView(element: ElementRef<HTMLElement> | HTMLElement, offset: number = 50): void {\n    const top = this.computeOffset(element, 'top');\n    if (top === null) {\n      return;\n    }\n    const left = this.computeOffset(element, 'left');\n    if (left === null) {\n      return;\n    }\n\n    this._viewportElement.scrollTop = top - offset;\n    this._viewportElement.scrollLeft = left - offset;\n  }\n\n  /**\n   * Computes the distance of the element to the viewport's left or top border.\n   *\n   * @return distance of the element to the viewport's left or top border, or `null` if not contained\n   *         in the viewport or the element or any ancestor has the `display` property set to `none`.\n   */\n  public computeOffset(element: ElementRef<HTMLElement> | HTMLElement, border: 'left' | 'top'): number | null {\n    let offset = 0;\n    let el = coerceElement(element);\n    do {\n      offset += (border === 'left' ? el.offsetLeft : el.offsetTop);\n      const offsetParent = el.offsetParent;\n      if (offsetParent === null) {\n        // `offsetParent` is `null` in the following situations:\n        // - The element or any ancestor has the `display` property set to `none`\n        // - The element has the position property set to fixed (Firefox returns <body>).\n        // - The element is <body> or <html>.\n        // See https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent.\n        return null;\n      }\n      if (!(offsetParent instanceof HTMLElement)) {\n        return null;\n      }\n      el = offsetParent;\n    } while (el !== this.host.nativeElement);\n\n    return offset;\n  }\n}\n\n/**\n * Represents a scrollbar style.\n */\nexport type ScrollbarStyle = 'native' | 'on-top' | 'hidden';\n","<!-- viewport and viewport client -->\n<div #viewport\n     class=\"viewport\"\n     tabindex=\"-1\"\n     sciScrollable [sciScrollableDisplayNativeScrollbar]=\"scrollbarStyle === 'native'\"\n     cdkScrollable\n     (scroll)=\"onScroll($event)\">\n  <div #viewport_client class=\"viewport-client\" part=\"content\">\n    <slot></slot>\n  </div>\n</div>\n\n<!-- render emulated scrollbars which sit on-top -->\n@if (scrollbarStyle === 'on-top' && (nativeScrollbarTrackSizeProvider.trackSize$ | async) !== null) {\n  <sci-scrollbar [direction]=\"'vscroll'\" [viewport]=\"viewport\" class=\"e2e-vertical\"/>\n  <sci-scrollbar [direction]=\"'hscroll'\" [viewport]=\"viewport\" class=\"e2e-horizontal\"/>\n}\n","/*\n * Copyright (c) 2018-2019 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\nimport {NgModule} from '@angular/core';\nimport {SciViewportComponent} from './viewport.component';\nimport {SciScrollbarComponent} from './scrollbar/scrollbar.component';\nimport {SciScrollableDirective} from './scrollable.directive';\n\n/**\n * Provides a viewport component with scrollbars that sit on top of the viewport client.\n */\n@NgModule({\n  imports: [\n    SciViewportComponent,\n    SciScrollbarComponent,\n    SciScrollableDirective,\n  ],\n  exports: [\n    SciViewportComponent,\n    SciScrollbarComponent,\n    SciScrollableDirective,\n  ],\n})\nexport class SciViewportModule {\n}\n","/*\n * Copyright (c) 2018-2019 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\n/*\n * Secondary entrypoint: '@scion/components/viewport'\n *\n * @see https://github.com/ng-packagr/ng-packagr/blob/master/docs/secondary-entrypoints.md\n */\nexport {SciViewportModule} from './viewport.module';\nexport {SciViewportComponent, ScrollbarStyle} from './viewport.component';\nexport {SciScrollbarComponent} from './scrollbar/scrollbar.component';\nexport {SciScrollableDirective} from './scrollable.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.SciNativeScrollbarTrackSizeProvider"],"mappings":"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"}
+{"version":3,"file":"scion-components-viewport.mjs","sources":["../../../../projects/scion/components/viewport/src/native-scrollbar-track-size-provider.service.ts","../../../../projects/scion/components/viewport/src/scrollable.directive.ts","../../../../projects/scion/components/viewport/src/scrollbar/scrollbar.component.ts","../../../../projects/scion/components/viewport/src/scrollbar/scrollbar.component.html","../../../../projects/scion/components/viewport/src/viewport.component.ts","../../../../projects/scion/components/viewport/src/viewport.component.html","../../../../projects/scion/components/viewport/src/viewport.module.ts","../../../../projects/scion/components/viewport/src/public_api.ts","../../../../projects/scion/components/viewport/src/scion-components-viewport.ts"],"sourcesContent":["/*\n * Copyright (c) 2018-2024 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\nimport {inject, Injectable, NgZone, Signal} from '@angular/core';\nimport {DOCUMENT} from '@angular/common';\nimport {fromEvent} from 'rxjs';\nimport {debounceTime, distinctUntilChanged, map, startWith} from 'rxjs/operators';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {subscribeIn} from '@scion/toolkit/operators';\n\n/**\n * Provides the native scrollbar tracksize.\n */\n@Injectable({providedIn: 'root'})\nexport class SciNativeScrollbarTrackSizeProvider {\n\n  private _document = inject(DOCUMENT);\n  private _zone = inject(NgZone);\n\n  /**\n   * Provides the track size of the native scrollbar, or `null` if the native scrollbars sit on top of the content.\n   */\n  public trackSize: Signal<NativeScrollbarTrackSize | null>;\n\n  constructor() {\n    this.trackSize = this.createNativeScrollbarTrackSizeSignal();\n  }\n\n  /**\n   * Computes the native scrollbar track size.\n   *\n   * @returns native track size, or `null` if the native scrollbars sit on top of the content.\n   */\n  private computeTrackSize(): NativeScrollbarTrackSize | null {\n    // Create temporary viewport and viewport client with native scrollbars to compute the scrolltrack width.\n    const viewportDiv = this._document.createElement('div');\n    setStyle(viewportDiv, {\n      position: 'absolute',\n      overflow: 'scroll',\n      height: '100px',\n      width: '100px',\n      border: 0,\n      visibility: 'hidden',\n    });\n\n    const viewportClientDiv = this._document.createElement('div');\n    setStyle(viewportClientDiv, {\n      height: '100%',\n      width: '100%',\n      border: 0,\n    });\n\n    viewportDiv.appendChild(viewportClientDiv);\n    this._document.body.appendChild(viewportDiv);\n\n    // Do not use client and offset width/height to calculate the size of the scrollbar, as they are rounded, resulting in unwanted spacing when zooming the page.\n    const viewportBounds = viewportDiv.getBoundingClientRect();\n    const viewportClientBounds = viewportClientDiv.getBoundingClientRect();\n    const trackSize: NativeScrollbarTrackSize = {\n      hScrollbarTrackHeight: viewportBounds.height - viewportClientBounds.height,\n      vScrollbarTrackWidth: viewportBounds.width - viewportClientBounds.width,\n    };\n\n    // Destroy temporary viewport.\n    this._document.body.removeChild(viewportDiv);\n    if (trackSize.hScrollbarTrackHeight === 0 && trackSize.vScrollbarTrackWidth === 0) {\n      return null;\n    }\n\n    return trackSize;\n  }\n\n  private createNativeScrollbarTrackSizeSignal(): Signal<NativeScrollbarTrackSize | null> {\n    // We compute the size of the native scrollbar track when the browser fires the onresize window event.\n    // This event is also fired on page zoom or when displaying a hidden document. Hidden documents do not have\n    // a scrollbar track size until being displayed, e.g., after showing hidden iframes.\n    const trackSize$ = fromEvent(window, 'resize')\n      .pipe(\n        subscribeIn(fn => this._zone.runOutsideAngular(fn)),\n        debounceTime(5),\n        startWith(null), // trigger the initial computation\n        map(() => this.computeTrackSize()),\n        distinctUntilChanged((t1, t2) => t1?.hScrollbarTrackHeight === t2?.hScrollbarTrackHeight && t1?.vScrollbarTrackWidth === t2?.vScrollbarTrackWidth),\n      );\n    return toSignal(trackSize$, {initialValue: null});\n  }\n}\n\n/**\n * Applies the given style(s) to the given element.\n *\n * Specify styles to be modified by passing a dictionary containing CSS property names (hyphen case).\n * To remove a style, set its value to `null`.\n *\n * @ignore\n */\nfunction setStyle(element: HTMLElement, style: {[style: string]: any | null}): void {\n  Object.keys(style).forEach(key => element.style.setProperty(key, style[key]));\n}\n\n/**\n * Represents the native scrollbar track size.\n */\nexport interface NativeScrollbarTrackSize {\n  hScrollbarTrackHeight: number;\n  vScrollbarTrackWidth: number;\n}\n","/*\n * Copyright (c) 2018-2019 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\nimport {Directive, effect, ElementRef, inject, input, Renderer2, untracked} from '@angular/core';\nimport {NativeScrollbarTrackSize, SciNativeScrollbarTrackSizeProvider} from './native-scrollbar-track-size-provider.service';\nimport {Dictionary} from '@scion/toolkit/util';\n\n/**\n * Makes the host element natively scrollable and hides native scrollbars by default, unless native scrollbars\n * already sit on top of the viewport (e.g. in OS X).\n *\n * Because there is no cross-browser API to hide scrollbars without losing native scroll support, we set 'overflow'\n * to 'scroll' but shift the native scrollbars out of the visible viewport area. The shift offset is computed upfront.\n *\n * This directive expects its host element to be the only child in document flow in its parent DOM element. It makes the host element\n * fill up the entire space (width and height set to 100%). The parent element must have its CSS `overflow` property set to `hidden`\n * to hide the pushed out native scrollbars.\n */\n@Directive({\n  selector: '[sciScrollable]',\n})\nexport class SciScrollableDirective {\n\n  private _host = inject(ElementRef<HTMLDivElement>).nativeElement;\n  private _renderer = inject(Renderer2);\n  private _nativeScrollbarTrackSizeProvider = inject(SciNativeScrollbarTrackSizeProvider);\n\n  /**\n   * Controls whether to display native scrollbars.\n   * Has no effect if the native scrollbar sits on top of the content, e.g. in OS X.\n   */\n  public displayNativeScrollbar = input(false, {alias: 'sciScrollableDisplayNativeScrollbar'});\n\n  constructor() {\n    this.controlDisplayOfNativeScrollbar();\n  }\n\n  /**\n   * Controls the display of the native scrollbar based on this directive's configuration.\n   */\n  private controlDisplayOfNativeScrollbar(): void {\n    effect(() => {\n      const displayNativeScrollbar = this.displayNativeScrollbar();\n      if (displayNativeScrollbar) {\n        untracked(() => this.useNativeScrollbars());\n        return;\n      }\n\n      const nativeScrollbarTrackSize = this._nativeScrollbarTrackSizeProvider.trackSize();\n      if (nativeScrollbarTrackSize) {\n        untracked(() => this.shiftNativeScrollbars(nativeScrollbarTrackSize));\n      }\n      else {\n        untracked(() => this.useNativeScrollbars());\n      }\n    });\n  }\n\n  /**\n   * Uses the native scrollbars when content overflows.\n   */\n  private useNativeScrollbars(): void {\n    this.setStyle(this._host, {\n      overflow: 'auto',\n      width: '100%',\n      height: '100%',\n      marginRight: 0,\n      marginBottom: 0,\n    });\n  }\n\n  /**\n   * Shifts the native scrollbars out of the visible viewport area.\n   */\n  private shiftNativeScrollbars(nativeScrollbarTrackSize: NativeScrollbarTrackSize): void {\n    this.setStyle(this._host, {\n      overflow: 'scroll',\n      width: `calc(100% + ${nativeScrollbarTrackSize.vScrollbarTrackWidth}px`,\n      height: `calc(100% + ${nativeScrollbarTrackSize.hScrollbarTrackHeight}px`,\n      marginRight: `-${nativeScrollbarTrackSize.vScrollbarTrackWidth}px`,\n      marginBottom: `-${nativeScrollbarTrackSize.hScrollbarTrackHeight}px`,\n    });\n  }\n\n  private setStyle(element: Element, style: Dictionary): void {\n    Object.keys(style).forEach(key => this._renderer.setStyle(element, key, style[key]));\n  }\n}\n","/*\n * Copyright (c) 2018-2019 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\nimport {DOCUMENT} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, computed, DestroyRef, effect, ElementRef, HostBinding, inject, input, NgZone, untracked, viewChild} from '@angular/core';\nimport {fromEvent, merge, mergeWith, Observable, of, timer} from 'rxjs';\nimport {debounceTime, first, map, startWith, switchMap, takeUntil, takeWhile, withLatestFrom} from 'rxjs/operators';\nimport {fromMutation$, fromResize$} from '@scion/toolkit/observable';\nimport {filterArray, subscribeIn} from '@scion/toolkit/operators';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\n\n/**\n * Renders a vertical or horizontal scrollbar.\n *\n * The scrollbar features the following functionality:\n * - allows to move the thumb by mouse or touch\n * - enlarges the thumb if the mouse pointer is near the thumb\n * - allows paging on mousedown on the scroll track\n *\n * ### Styling:\n *\n * To customize the default look of SCION components or support different themes, configure the `@scion/components` SCSS module in `styles.scss`.\n * To style a specific `sci-scrollbar` component, the following CSS variables can be set directly on the component.\n *\n * - sci-scrollbar-color:    Sets the color of the scrollbar.\n *\n * Example:\n *\n * ```css\n *\n * sci-scrollbar {\n *   --sci-scrollbar-color: blue;\n * }\n * ```\n */\n@Component({\n  selector: 'sci-scrollbar',\n  templateUrl: './scrollbar.component.html',\n  styleUrl: './scrollbar.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SciScrollbarComponent {\n\n  /**\n   * Timeout for debouncing viewport resize events that trigger the scroll position computation.\n   *\n   * Debouncing is particularly important in the context of Angular animations, since they continuously\n   * trigger resize events. Debouncing prevents the scrollbar from flickering, for example, when the user\n   * expands a panel that contains a viewport.\n   *\n   * @internal\n   */\n  public static readonly VIEWPORT_RESIZE_DEBOUNCE_TIME = 50;\n\n  private _host = inject(ElementRef<HTMLElement>).nativeElement;\n  private _document = inject(DOCUMENT);\n  private _zone = inject(NgZone);\n  private _destroyRef = inject(DestroyRef);\n\n  private _lastDragPosition: number | null = null;\n  private _overflow = false;\n  private _thumbSizeFr = 0;\n  private _thumbPositionFr = 0;\n\n  private _thumbElement = viewChild.required<ElementRef<HTMLDivElement>>('thumb_handle');\n  private _vertical = computed(() => this.direction() === 'vscroll');\n\n  @HostBinding('class.vertical')\n  public get vertical(): boolean {\n    return this._vertical();\n  }\n\n  @HostBinding('class.horizontal')\n  public get horizontal(): boolean {\n    return !this._vertical();\n  }\n\n  @HostBinding('class.scrolling')\n  public get scrolling(): boolean {\n    return this._lastDragPosition !== null;\n  }\n\n  /**\n   * Specifies the direction of the scrollbar.\n   *\n   * By default, if not specified, renders a vertical scrollbar.\n   */\n  public direction = input<'vscroll' | 'hscroll'>('vscroll');\n\n  /**\n   * The viewport to provide scrollbars for.\n   */\n  public viewport = input.required<HTMLElement>();\n\n  constructor() {\n    this.installScrollPositionRenderer();\n  }\n\n  /**\n   * Computes the scroll position and updates CSS variables to render the scroll position in the UI.\n   */\n  private renderScrollPosition(): void {\n    NgZone.assertNotInAngularZone();\n    const viewportSize = this.viewportSize;\n    const viewportClientSize = this.viewportClientSize;\n    const thumbPositionFr = this.scrollPosition / viewportClientSize;\n    const thumbSizeFr = viewportSize / viewportClientSize;\n    const overflow = viewportClientSize > viewportSize;\n\n    if (thumbPositionFr !== this._thumbPositionFr || thumbSizeFr !== this._thumbSizeFr) {\n      this._thumbPositionFr = thumbPositionFr;\n      this._thumbSizeFr = thumbSizeFr;\n      this.setCssVariable('--ɵsci-scrollbar-thumb-position-fr', thumbPositionFr);\n      this.setCssVariable('--ɵsci-scrollbar-thumb-size-fr', thumbSizeFr);\n    }\n\n    if (overflow !== this._overflow) {\n      this._overflow = overflow;\n      overflow ? this._host.classList.add('overflow') : this._host.classList.remove('overflow');\n    }\n  }\n\n  /**\n   * Clears CSS variables used for rendering the scroll position in the UI.\n   */\n  private unsetScrollPosition(): void {\n    NgZone.assertNotInAngularZone();\n    this._thumbPositionFr = 0;\n    this._thumbSizeFr = 0;\n    this._overflow = false;\n    this.setCssVariable('--ɵsci-scrollbar-thumb-position-fr', 0);\n    this.setCssVariable('--ɵsci-scrollbar-thumb-size-fr', 0);\n    this._host.classList.remove('overflow');\n  }\n\n  protected onTouchStart(event: TouchEvent): void {\n    event.preventDefault();\n    this._lastDragPosition = this.vertical ? event.touches[0].screenY : event.touches[0].screenX;\n  }\n\n  protected onTouchMove(event: TouchEvent): void {\n    event.preventDefault();\n\n    const newDragPositionPx = this.vertical ? event.touches[0].screenY : event.touches[0].screenX;\n    const scrollbarPanPx = newDragPositionPx - this._lastDragPosition!;\n    const viewportPanPx = this.toViewportPanPx(scrollbarPanPx);\n    this._lastDragPosition = newDragPositionPx;\n    this.moveViewportClient(viewportPanPx);\n  }\n\n  protected onTouchEnd(event: TouchEvent): void {\n    event.preventDefault();\n    this._lastDragPosition = null;\n  }\n\n  protected onMouseDown(mousedownEvent: MouseEvent): void {\n    if (mousedownEvent.button !== 0) {\n      return;\n    }\n\n    mousedownEvent.preventDefault();\n    this._lastDragPosition = this.vertical ? mousedownEvent.screenY : mousedownEvent.screenX;\n\n    // Listen for 'mousemove' events\n    const mousemoveListener = merge(fromEvent<MouseEvent>(this._document, 'mousemove'), fromEvent<MouseEvent>(this._document, 'sci-mousemove'))\n      .pipe(\n        subscribeIn(fn => this._zone.runOutsideAngular(fn)),\n        takeUntilDestroyed(this._destroyRef),\n      )\n      .subscribe(mousemoveEvent => {\n        NgZone.assertNotInAngularZone();\n        mousemoveEvent.preventDefault();\n        const newDragPositionPx = this.vertical ? mousemoveEvent.screenY : mousemoveEvent.screenX;\n        const scrollbarPanPx = newDragPositionPx - this._lastDragPosition!;\n        const viewportPanPx = this.toViewportPanPx(scrollbarPanPx);\n        this._lastDragPosition = newDragPositionPx;\n        this.moveViewportClient(viewportPanPx);\n      });\n\n    // Listen for 'mouseup' events; use 'capture phase' and 'stop propagation' to not close overlays\n    merge(fromEvent<MouseEvent>(this._document, 'mouseup', {capture: true}), fromEvent<MouseEvent>(this._document, 'sci-mouseup'))\n      .pipe(\n        subscribeIn(fn => this._zone.runOutsideAngular(fn)),\n        first(),\n        takeUntilDestroyed(this._destroyRef),\n      )\n      .subscribe(mouseupEvent => {\n        NgZone.assertNotInAngularZone();\n        mouseupEvent.stopPropagation();\n        mousemoveListener.unsubscribe();\n        this._lastDragPosition = null;\n      });\n  }\n\n  protected onScrollTrackMouseDown(event: MouseEvent, direction: 'up' | 'down'): void {\n    const signum = (direction === 'up' ? -1 : +1);\n    this.scrollWhileMouseDown(this.toViewportPanPx(signum * this.thumbSize), event);\n  }\n\n  /**\n   * Renders the current scroll position when the viewport is scrolled.\n   */\n  private installScrollPositionRenderer(): void {\n    effect(onCleanup => {\n      const viewport = this.viewport();\n\n      untracked(() => {\n        if (!viewport) {\n          this.unsetScrollPosition();\n          return;\n        }\n\n        const subscription = viewportScroll$(viewport)\n          .pipe(\n            mergeWith(viewportSize$(viewport, {debounceTime: SciScrollbarComponent.VIEWPORT_RESIZE_DEBOUNCE_TIME})),\n            mergeWith(viewportClientSize$(viewport, {debounceTime: SciScrollbarComponent.VIEWPORT_RESIZE_DEBOUNCE_TIME})),\n            subscribeIn(fn => this._zone.runOutsideAngular(fn)),\n          )\n          .subscribe(() => this.renderScrollPosition());\n        onCleanup(() => subscription.unsubscribe());\n      });\n    });\n  }\n\n  /**\n   * Projects the given scrollbar scroll pixels into viewport scroll pixels.\n   */\n  private toViewportPanPx(scrollbarPanPx: number): number {\n    const scrollRangePx = this.trackSize - this.thumbSize;\n    const scrollRatio = scrollbarPanPx / scrollRangePx;\n    return scrollRatio * (this.viewportClientSize - this.viewportSize);\n  }\n\n  /**\n   * Moves the viewport client by the specified numbers of pixels.\n   */\n  private moveViewportClient(viewportPanPx: number): void {\n    if (this.vertical) {\n      this.viewport().scrollTop += viewportPanPx;\n    }\n    else {\n      this.viewport().scrollLeft += viewportPanPx;\n    }\n  }\n\n  /**\n   * Indicates if the content overflows.\n   */\n  public get overflow(): boolean {\n    return this._overflow;\n  }\n\n  /**\n   * Scrolls continuously while holding the mouse pressed, or until the mouse leaves the scrolltrack.\n   */\n  private scrollWhileMouseDown(viewportScrollPx: number, mousedownEvent: MouseEvent): void {\n    // The `EventTarget` type of `Event.target` is not yet compatible with `FromEventTarget` used in `fromEvent`.\n    // This will be fixed in rxjs version 7.0.0. Refer to https://github.com/ReactiveX/rxjs/commit/5f022d784570684632e6fd5ae247fc259ee34c4b\n    // for more details.\n    const scrollTrackElement = mousedownEvent.target as Element;\n\n    // scroll continuously every 50ms after an initial delay of 250ms\n    timer(250, 50)\n      .pipe(\n        // continue chain with latest mouse event\n        withLatestFrom(merge(of(mousedownEvent), fromEvent<MouseEvent>(scrollTrackElement, 'mousemove')), (tick, event) => event),\n        // start immediately\n        startWith(mousedownEvent),\n        // stop scrolling if the thumb hits the mouse pointer position\n        takeWhile((event: MouseEvent) => scrollTrackElement === this._document.elementFromPoint(event.clientX, event.clientY)),\n        debounceTime(10),\n        // stop scrolling on mouseout or mouseup\n        takeUntil(merge(fromEvent(scrollTrackElement, 'mouseout'), fromEvent(scrollTrackElement, 'mouseup'))),\n      )\n      .subscribe(() => {\n        this.moveViewportClient(viewportScrollPx);\n      });\n  }\n\n  private setCssVariable(key: string, value: any): void {\n    this._host.style.setProperty(key, value);\n  }\n\n  private get viewportSize(): number {\n    return this.viewport() ? (this.vertical ? this.viewport().clientHeight : this.viewport().clientWidth) : 0;\n  }\n\n  private get viewportClientSize(): number {\n    return this.viewport() ? (this.vertical ? this.viewport().scrollHeight : this.viewport().scrollWidth) : 0;\n  }\n\n  private get scrollPosition(): number {\n    return this.viewport() ? (this.vertical ? this.viewport().scrollTop : this.viewport().scrollLeft) : 0;\n  }\n\n  private get thumbSize(): number {\n    const thumbElement = this._thumbElement().nativeElement;\n    return this.vertical ? thumbElement.clientHeight : thumbElement.clientWidth;\n  }\n\n  private get trackSize(): number {\n    return this.vertical ? this._host.clientHeight : this._host.clientWidth;\n  }\n}\n\n/**\n * Emits whenever the viewport scrolls.\n */\nfunction viewportScroll$(viewport: HTMLElement): Observable<void> {\n  return fromEvent(viewport, 'scroll', {passive: true}).pipe(map(() => undefined));\n}\n\n/**\n * Emits on subscription, and then each time the size of the viewport changes.\n */\nfunction viewportSize$(viewport: HTMLElement, options: {debounceTime: number}): Observable<void> {\n  return fromResize$(viewport)\n    .pipe(\n      // Debouncing is particularly important in the context of Angular animations, since they continuously\n      // trigger resize events. Debouncing prevents the scrollbar from flickering, for example, when the user\n      // expands a panel that contains a viewport.\n      debounceTime(options.debounceTime),\n      map(() => undefined),\n    );\n}\n\n/**\n * Emits on subscription, and then each time the size or style property of the viewport client changes.\n */\nfunction viewportClientSize$(viewport: HTMLElement, options: {debounceTime: number}): Observable<void> {\n  return children$(viewport)\n    .pipe(\n      switchMap(children => merge(...children.map(child => merge(\n        fromResize$(child),\n        // Observe style mutations since some transformations change the scroll position without necessarily triggering a dimension change,\n        // e.g., `scale` or `translate` used by some virtual scroll implementations\n        fromMutation$(child, {subtree: false, childList: false, attributeFilter: ['style']})),\n      ))),\n      // Debouncing is particularly important in the context of Angular animations, since they continuously\n      // trigger resize events. Debouncing prevents the scrollbar from flickering, for example, when the user\n      // expands a panel that contains a viewport.\n      debounceTime(options.debounceTime),\n      map(() => undefined),\n    );\n}\n\n/**\n * Emits the children of the passed element, and then each time child elements are added or removed.\n */\nfunction children$(element: HTMLElement): Observable<HTMLElement[]> {\n  return fromMutation$(element, {subtree: false, childList: true})\n    .pipe(\n      startWith(undefined as void),\n      map(() => Array.from(element.children)),\n      filterArray((child: Element): child is HTMLElement => child instanceof HTMLElement),\n    );\n}\n","<!-- scrolltrack to move the viewport client upwards (paging) -->\n<div class=\"scrolltrack-start\" (mousedown)=\"onScrollTrackMouseDown($event, 'up')\"></div>\n\n<!-- scrollthumb -->\n<div #thumb_handle\n     class=\"thumb-handle\"\n     [class.vertical]=\"vertical\"\n     [class.horizontal]=\"horizontal\"\n     (mousedown)=\"onMouseDown($event)\"\n     (touchstart)=\"onTouchStart($event)\"\n     (touchmove)=\"onTouchMove($event)\"\n     (touchend)=\"onTouchEnd($event)\"\n     (touchcancel)=\"onTouchEnd($event)\">\n  <div class=\"thumb\"\n       [class.vertical]=\"vertical\"\n       [class.horizontal]=\"horizontal\">\n  </div>\n</div>\n\n<!-- scrolltrack to move the viewport client downwards (paging) -->\n<div class=\"scrolltrack-end\" (mousedown)=\"onScrollTrackMouseDown($event, 'down')\"></div>\n","/*\n * Copyright (c) 2018-2019 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\nimport {Component, effect, ElementRef, HostListener, inject, input, NgZone, output, untracked, viewChild, ViewEncapsulation} from '@angular/core';\nimport {SciNativeScrollbarTrackSizeProvider} from './native-scrollbar-track-size-provider.service';\nimport {coerceElement} from '@angular/cdk/coercion';\nimport {SciScrollableDirective} from './scrollable.directive';\nimport {SciScrollbarComponent} from './scrollbar/scrollbar.component';\nimport {ScrollingModule} from '@angular/cdk/scrolling';\nimport {fromEvent} from 'rxjs';\nimport {subscribeIn} from '@scion/toolkit/operators';\n\n/**\n * Represents a viewport with slotted content (`<ng-content>`) used as scrollable content. By default, content is added to a CSS grid layout.\n *\n * The viewport component displays scrollbars when its content overflows. Scrollbars are displayed on top of the content, not next to it.\n * The component uses the native scrollbars of the operating system if they are already sitting on top, or falls back and renders scrollbars on top otherwise.\n * The viewport remains natively scrollable with the native scrollbars shifted out of the viewport's visible area. Consequently, the viewport keeps supporting\n * native scrolling features such as touch gestures, scroll speed acceleration, or scrolling near the viewport edges during drag-and-drop operations.\n *\n * ```html\n * <sci-viewport>\n *   your content\n * </sci-viewport>\n * ```\n *\n * ## Adding the viewport to a layout\n *\n * Typically, you would add the viewport component to a flexible layout, filling the remaining space vertically and horizontally, such as a flexbox container\n * with the viewport's `flex` CSS property set to either `flex: auto` or `flex: 1 1 0`.\n *\n * The viewport is sized according to its content width and height. It grows to absorb any free space, thus overflowing its content only when encountering\n * a layout constraint. Depending on the layout, different steps may be necessary to prevent the viewport from growing to infinity.\n *\n * - If practical, give the viewport a fixed size or a maximum size.\n * - If you add the viewport to a flexbox layout, make sure that it cannot exceed the available space. Instead, the viewport should fill the remaining space,\n *   vertically and horizontally. Be aware that, by default, a flex item does not shrink below its minimum content size. To change this, set the viewport's\n *   `flex-basis` to `0` (instead of `auto`), or use the CSS shorthand property `flex: 1 1 0`. The `flex-basis` defines the default size of a flex item before\n *   the remaining extra space is distributed. If the viewport does not appear after setting this property, check its parent elements' content sizes.\n *   As an alternative to setting `flex: 1 1 0`, change the setting to `flex: auto` and hide the overflow in the parent element, as follows: `overflow: hidden`.\n *   Another approach would be to set the minimum height of all parents to `0`, as follows: `min-height: 0`.\n *\n *   For the complete documentation on the flex layout and its features, refer to https://developer.mozilla.org/en-US/docs/Web/CSS/flex.\n *\n *\n * ## Layouting the viewport's slotted content\n *\n * By default, the viewport's content is added to a CSS grid container with a single column, filling remaining space vertically and horizontally.\n * Using the `::part(content)` pseudo element selector, you can configure the grid container or apply a different layout, such as a flex or flow layout.\n *\n * #### Example of adding slotted content to a CSS flex container\n * ```css\n * sci-viewport::part(content) {\n *   display: flex;\n *   flex-direction: column;\n * }\n * ```\n *\n * #### Example of configuring CSS grid container with two columns\n * ```css\n * sci-viewport::part(content) {\n *   grid-template-columns: 1fr 1fr;\n *   gap: 1em;\n * }\n * ```\n *\n * ## Styling\n *\n * To customize the default look of SCION components or support different themes, configure the `@scion/components` SCSS module in `styles.scss`.\n * To style a specific `sci-viewport` component, the following CSS variables can be set directly on the component.\n *\n * - sci-viewport-scrollbar-color:     Sets the color of the scrollbar.\n *\n * ```css\n * sci-viewport {\n *   --sci-viewport-scrollbar-color: blue;\n * }\n * ```\n */\n@Component({\n  selector: 'sci-viewport',\n  templateUrl: './viewport.component.html',\n  styleUrl: './viewport.component.scss',\n  encapsulation: ViewEncapsulation.ShadowDom,\n  imports: [\n    ScrollingModule,\n    SciScrollableDirective,\n    SciScrollbarComponent,\n  ],\n})\nexport class SciViewportComponent {\n\n  private _viewport = viewChild.required<ElementRef<HTMLDivElement>>('viewport');\n  private _viewportClient = viewChild.required<ElementRef<HTMLDivElement>>('viewport_client');\n  private _host = inject(ElementRef<HTMLElement>).nativeElement;\n  protected nativeScrollbarTrackSizeProvider = inject(SciNativeScrollbarTrackSizeProvider);\n\n  /**\n   * Controls if to use the native scrollbar or a scrollbar that sits on top of the viewport. Defaults to `on-top`.\n   */\n  public scrollbarStyle = input<ScrollbarStyle>('on-top');\n\n  /**\n   * Emits when the viewport is scrolled. The event is emitted outside the Angular zone to avoid unnecessary change detection cycles.\n   */\n  public scroll = output<Event>();\n\n  constructor() {\n    this.installScrollEmitter();\n  }\n\n  @HostListener('focus')\n  public focus(): void { // do not rename to expose the same focus method like `HTMLElement.focus()`.\n    this.viewportElement.focus();\n  }\n\n  /**\n   * Returns the number of pixels that the viewport client is scrolled vertically.\n   *\n   * @see Element.scrollTop\n   */\n  public get scrollTop(): number {\n    return this.viewportElement.scrollTop;\n  }\n\n  /**\n   * Sets the number of pixels that the viewport client is scrolled vertically.\n   *\n   * @see Element.scrollTop\n   */\n  public set scrollTop(scrollTop: number) {\n    this.viewportElement.scrollTop = scrollTop;\n  }\n\n  /**\n   * Returns the number of pixels that the viewport client is scrolled horizontally.\n   *\n   * @see Element.scrollLeft\n   */\n  public get scrollLeft(): number {\n    return this.viewportElement.scrollLeft;\n  }\n\n  /**\n   * Sets the number of pixels that the viewport client is scrolled horizontally.\n   *\n   * @see Element.scrollLeft\n   */\n  public set scrollLeft(scrollLeft: number) {\n    this.viewportElement.scrollLeft = scrollLeft;\n  }\n\n  /**\n   * Returns the height of the viewport client.\n   *\n   * @see Element.scrollHeight\n   */\n  public get scrollHeight(): number {\n    return this.viewportElement.scrollHeight;\n  }\n\n  /**\n   * Returns the width of the viewport client.\n   *\n   * @see Element.scrollWidth\n   */\n  public get scrollWidth(): number {\n    return this.viewportElement.scrollWidth;\n  }\n\n  /**\n   * Returns the viewport {HTMLElement}.\n   */\n  public get viewportElement(): HTMLElement {\n    return this._viewport().nativeElement;\n  }\n\n  /**\n   * Returns the viewport client {HTMLElement}.\n   */\n  public get viewportClientElement(): HTMLElement {\n    return this._viewportClient().nativeElement;\n  }\n\n  /**\n   * Checks if the specified element is scrolled into the viewport.\n   *\n   * @param element - the element to be checked\n   * @param fit - control if the element must fully or partially fit into the viewport\n   * @return `true` if the element is scrolled into the viewport, or `false` otherwise.\n   */\n  public isElementInView(element: ElementRef<HTMLElement> | HTMLElement, fit: 'full' | 'partial'): boolean {\n    const elTop = this.computeOffset(element, 'top');\n    if (elTop === null) {\n      return false;\n    }\n    const elLeft = this.computeOffset(element, 'left');\n    if (elLeft === null) {\n      return false;\n    }\n\n    // Consider elements as scrolled into view when there is no viewport overflow.\n    // The calculation of whether an element is scrolled into view may be wrong by a few pixels if the viewport contains elements with decimal sizes.\n    // This can happen because `offsetLeft` and `offsetTop` operate on an integer (not a decimal), losing precision that can accumulate.\n    // To avoid incorrect calculation when there is no viewport overflow, we consider all contained elements as scrolled into the view.\n    if (this.viewportElement.scrollWidth <= this.viewportElement.clientWidth && this.viewportElement.scrollHeight <= this.viewportElement.clientHeight) {\n      return true;\n    }\n\n    const elBottom = elTop + coerceElement(element).offsetHeight;\n    const elRight = elLeft + coerceElement(element).offsetWidth;\n\n    const vpTop = this.viewportElement.scrollTop;\n    const vpLeft = this.viewportElement.scrollLeft;\n    const vpBottom = vpTop + this.viewportElement.clientHeight;\n    const vpRight = vpLeft + this.viewportElement.clientWidth;\n\n    if (fit === 'full') {\n      return (elTop >= vpTop && elBottom <= vpBottom) && (elLeft >= vpLeft && elRight <= vpRight);\n    }\n    else {\n      return (elBottom >= vpTop && elTop <= vpBottom) && (elRight >= vpLeft && elLeft <= vpRight);\n    }\n  }\n\n  /**\n   * Scrolls the specified element into the viewport.\n   *\n   * @param element - the element to scroll into the viewport\n   * @param offset - the gap between the element and the viewport\n   */\n  public scrollIntoView(element: ElementRef<HTMLElement> | HTMLElement, offset: number = 50): void {\n    const top = this.computeOffset(element, 'top');\n    if (top === null) {\n      return;\n    }\n    const left = this.computeOffset(element, 'left');\n    if (left === null) {\n      return;\n    }\n\n    this.viewportElement.scrollTop = top - offset;\n    this.viewportElement.scrollLeft = left - offset;\n  }\n\n  /**\n   * Computes the distance of the element to the viewport's left or top border.\n   *\n   * @return distance of the element to the viewport's left or top border, or `null` if not contained\n   *         in the viewport or the element or any ancestor has the `display` property set to `none`.\n   */\n  public computeOffset(element: ElementRef<HTMLElement> | HTMLElement, border: 'left' | 'top'): number | null {\n    let offset = 0;\n    let el = coerceElement(element);\n    do {\n      offset += (border === 'left' ? el.offsetLeft : el.offsetTop);\n      const offsetParent = el.offsetParent;\n      if (offsetParent === null) {\n        // `offsetParent` is `null` in the following situations:\n        // - The element or any ancestor has the `display` property set to `none`\n        // - The element has the position property set to fixed (Firefox returns <body>).\n        // - The element is <body> or <html>.\n        // See https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent.\n        return null;\n      }\n      if (!(offsetParent instanceof HTMLElement)) {\n        return null;\n      }\n      el = offsetParent;\n    } while (el !== this._host);\n\n    return offset;\n  }\n\n  /**\n   * Emits when the scroll position changes.\n   */\n  private installScrollEmitter(): void {\n    const zone = inject(NgZone);\n    effect(onCleanup => {\n      const viewport = this._viewport();\n      untracked(() => {\n        const subscription = fromEvent(viewport.nativeElement, 'scroll')\n          .pipe(subscribeIn(fn => zone.runOutsideAngular(fn)))\n          .subscribe(event => this.scroll.emit(event));\n        onCleanup(() => subscription.unsubscribe());\n      });\n    });\n  }\n}\n\n/**\n * Represents a scrollbar style.\n */\nexport type ScrollbarStyle = 'native' | 'on-top' | 'hidden';\n","<!-- viewport and viewport client -->\n<div #viewport\n     class=\"viewport\"\n     tabindex=\"-1\"\n     sciScrollable [sciScrollableDisplayNativeScrollbar]=\"scrollbarStyle() === 'native'\"\n     cdkScrollable>\n  <div #viewport_client class=\"viewport-client\" part=\"content\">\n    <slot></slot>\n  </div>\n</div>\n\n<!-- render emulated scrollbars which sit on-top -->\n@if (scrollbarStyle() === 'on-top' && nativeScrollbarTrackSizeProvider.trackSize() !== null) {\n  <sci-scrollbar [direction]=\"'vscroll'\" [viewport]=\"viewport\" class=\"e2e-vertical\"/>\n  <sci-scrollbar [direction]=\"'hscroll'\" [viewport]=\"viewport\" class=\"e2e-horizontal\"/>\n}\n","/*\n * Copyright (c) 2018-2019 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\nimport {NgModule} from '@angular/core';\nimport {SciViewportComponent} from './viewport.component';\nimport {SciScrollbarComponent} from './scrollbar/scrollbar.component';\nimport {SciScrollableDirective} from './scrollable.directive';\n\n/**\n * Provides a viewport component with scrollbars that sit on top of the viewport client.\n *\n * @deprecated since version 19.0.0; Import standalone components and directive instead; API will be removed in a future release.\n */\n@NgModule({\n  imports: [\n    SciViewportComponent,\n    SciScrollbarComponent,\n    SciScrollableDirective,\n  ],\n  exports: [\n    SciViewportComponent,\n    SciScrollbarComponent,\n    SciScrollableDirective,\n  ],\n})\nexport class SciViewportModule {\n}\n","/*\n * Copyright (c) 2018-2019 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\n/*\n * Secondary entrypoint: '@scion/components/viewport'\n *\n * @see https://github.com/ng-packagr/ng-packagr/blob/master/docs/secondary-entrypoints.md\n */\nexport {SciViewportModule} from './viewport.module';\nexport {SciViewportComponent, type ScrollbarStyle} from './viewport.component';\nexport {SciScrollbarComponent} from './scrollbar/scrollbar.component';\nexport {SciScrollableDirective} from './scrollable.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scion/components",
-  "version": "18.1.0",
+  "version": "19.0.0",
   "description": "Provides a collection of Angular components and directives primarily for use in SCION libraries such as `@scion/workbench` and `@scion/microfrontend-platform`. This library is not a comprehensive component library as its focus is on SCION requirements.",
   "license": "EPL-2.0",
   "private": false,
@@ -18,8 +18,6 @@
     ".": {
       "sass": "./_index.scss",
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/scion-components.mjs",
-      "esm": "./esm2022/scion-components.mjs",
       "default": "./fesm2022/scion-components.mjs"
     },
     "./design": {
@@ -33,32 +31,22 @@
     },
     "./dimension": {
       "types": "./dimension/index.d.ts",
-      "esm2022": "./esm2022/dimension/scion-components-dimension.mjs",
-      "esm": "./esm2022/dimension/scion-components-dimension.mjs",
       "default": "./fesm2022/scion-components-dimension.mjs"
     },
     "./sashbox": {
       "types": "./sashbox/index.d.ts",
-      "esm2022": "./esm2022/sashbox/scion-components-sashbox.mjs",
-      "esm": "./esm2022/sashbox/scion-components-sashbox.mjs",
       "default": "./fesm2022/scion-components-sashbox.mjs"
     },
     "./splitter": {
       "types": "./splitter/index.d.ts",
-      "esm2022": "./esm2022/splitter/scion-components-splitter.mjs",
-      "esm": "./esm2022/splitter/scion-components-splitter.mjs",
       "default": "./fesm2022/scion-components-splitter.mjs"
     },
     "./throbber": {
       "types": "./throbber/index.d.ts",
-      "esm2022": "./esm2022/throbber/scion-components-throbber.mjs",
-      "esm": "./esm2022/throbber/scion-components-throbber.mjs",
       "default": "./fesm2022/scion-components-throbber.mjs"
     },
     "./viewport": {
       "types": "./viewport/index.d.ts",
-      "esm2022": "./esm2022/viewport/scion-components-viewport.mjs",
-      "esm": "./esm2022/viewport/scion-components-viewport.mjs",
       "default": "./fesm2022/scion-components-viewport.mjs"
     }
   },
@@ -66,10 +54,10 @@
     "tslib": "^2.5.0"
   },
   "peerDependencies": {
-    "@angular/common": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "@angular/cdk": "^18.0.0",
-    "@scion/toolkit": "^1.5.0",
+    "@angular/common": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/cdk": "^19.0.0",
+    "@scion/toolkit": "^1.6.0",
     "rxjs": "^7.8.0"
   },
   "repository": {

package/sashbox/sashbox.module.d.ts

@@ -21,6 +21,8 @@ import * as i2 from "./sash.directive";
  *   </ng-template>
  * </sci-sashbox>
  * ```
+ *
+ * @deprecated since version 19.0.0; Import standalone component and directive instead; API will be removed in a future release.
  */
 export declare class SciSashboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SciSashboxModule, never>;

package/splitter/public_api.d.ts

@@ -1,2 +1,2 @@
 export { SciSplitterModule } from './splitter.module';
-export { SciSplitterComponent, SplitterMoveEvent, EventPosition } from './splitter.component';
+export { SciSplitterComponent, type SplitterMoveEvent, type EventPosition } from './splitter.component';

package/splitter/splitter.module.d.ts

@@ -8,6 +8,8 @@ import * as i1 from "./splitter.component";
  * ```html
  * <sci-splitter (move)="onSplitterMove($event.distance)"></sci-splitter>
  * ```
+ *
+ * @deprecated since version 19.0.0; Import standalone component; API will be removed in a future release.
  */
 export declare class SciSplitterModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SciSplitterModule, never>;

package/throbber/throbber.module.d.ts

@@ -2,6 +2,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "./throbber.component";
 /**
  * Provides {@link SciThrobberComponent}, an animated graphical control to indicate the execution of an action.
+ *
+ * @deprecated since version 19.0.0; Import standalone component instead; API will be removed in a future release.
  */
 export declare class SciThrobberModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SciThrobberModule, never>;

package/viewport/native-scrollbar-track-size-provider.service.d.ts

@@ -1,33 +1,23 @@
-import { NgZone, OnDestroy } from '@angular/core';
-import { Observable } from 'rxjs';
+import { Signal } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Provides the native scrollbar tracksize.
  */
-export declare class SciNativeScrollbarTrackSizeProvider implements OnDestroy {
+export declare class SciNativeScrollbarTrackSizeProvider {
     private _document;
     private _zone;
-    private readonly _trackSize$;
-    private readonly _destroy$;
-    constructor(_document: Document, _zone: NgZone);
     /**
-     * Returns an {Observable} which emits the native scrollbar track size, if any, or else `null`.
-     *
-     * Upon subscription, it emits the track size immediately, and then continuously emits when the track size changes.
-     */
-    get trackSize$(): Observable<NativeScrollbarTrackSize | null>;
-    /**
-     * Returns the native scrollbar track size, if any, or else `null`.
+     * Provides the track size of the native scrollbar, or `null` if the native scrollbars sit on top of the content.
      */
-    get trackSize(): NativeScrollbarTrackSize | null;
+    trackSize: Signal<NativeScrollbarTrackSize | null>;
+    constructor();
     /**
      * Computes the native scrollbar track size.
      *
      * @returns native track size, or `null` if the native scrollbars sit on top of the content.
      */
     private computeTrackSize;
-    private installNativeScrollbarTrackSizeListener;
-    ngOnDestroy(): void;
+    private createNativeScrollbarTrackSizeSignal;
     static ɵfac: i0.ɵɵFactoryDeclaration<SciNativeScrollbarTrackSizeProvider, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SciNativeScrollbarTrackSizeProvider>;
 }

package/viewport/public_api.d.ts

@@ -1,4 +1,4 @@
 export { SciViewportModule } from './viewport.module';
-export { SciViewportComponent, ScrollbarStyle } from './viewport.component';
+export { SciViewportComponent, type ScrollbarStyle } from './viewport.component';
 export { SciScrollbarComponent } from './scrollbar/scrollbar.component';
 export { SciScrollableDirective } from './scrollable.directive';

package/viewport/scrollable.directive.d.ts

@@ -1,5 +1,3 @@
-import { ElementRef, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
-import { SciNativeScrollbarTrackSizeProvider } from './native-scrollbar-track-size-provider.service';
 import * as i0 from "@angular/core";
 /**
  * Makes the host element natively scrollable and hides native scrollbars by default, unless native scrollbars
@@ -12,17 +10,20 @@ import * as i0 from "@angular/core";
  * fill up the entire space (width and height set to 100%). The parent element must have its CSS `overflow` property set to `hidden`
  * to hide the pushed out native scrollbars.
  */
-export declare class SciScrollableDirective implements OnChanges, OnDestroy {
+export declare class SciScrollableDirective {
     private _host;
     private _renderer;
-    private _destroy$;
-    private _inputChange$;
+    private _nativeScrollbarTrackSizeProvider;
     /**
      * Controls whether to display native scrollbars.
      * Has no effect if the native scrollbar sits on top of the content, e.g. in OS X.
      */
-    isDisplayNativeScrollbar: boolean;
-    constructor(_host: ElementRef<HTMLDivElement>, _renderer: Renderer2, nativeScrollbarTrackSizeProvider: SciNativeScrollbarTrackSizeProvider);
+    displayNativeScrollbar: import("@angular/core").InputSignal<boolean>;
+    constructor();
+    /**
+     * Controls the display of the native scrollbar based on this directive's configuration.
+     */
+    private controlDisplayOfNativeScrollbar;
     /**
      * Uses the native scrollbars when content overflows.
      */
@@ -32,8 +33,6 @@ export declare class SciScrollableDirective implements OnChanges, OnDestroy {
      */
     private shiftNativeScrollbars;
     private setStyle;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SciScrollableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SciScrollableDirective, "[sciScrollable]", never, { "isDisplayNativeScrollbar": { "alias": "sciScrollableDisplayNativeScrollbar"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SciScrollableDirective, "[sciScrollable]", never, { "displayNativeScrollbar": { "alias": "sciScrollableDisplayNativeScrollbar"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/viewport/scrollbar/scrollbar.component.d.ts

@@ -1,4 +1,3 @@
-import { ElementRef, NgZone, OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Renders a vertical or horizontal scrollbar.
@@ -24,18 +23,17 @@ import * as i0 from "@angular/core";
  * }
  * ```
  */
-export declare class SciScrollbarComponent implements OnDestroy {
+export declare class SciScrollbarComponent {
     private _host;
     private _document;
     private _zone;
-    private _destroy$;
-    private _viewport;
-    private _viewportChange$;
+    private _destroyRef;
     private _lastDragPosition;
     private _overflow;
     private _thumbSizeFr;
     private _thumbPositionFr;
-    thumbElement: ElementRef<HTMLDivElement>;
+    private _thumbElement;
+    private _vertical;
     get vertical(): boolean;
     get horizontal(): boolean;
     get scrolling(): boolean;
@@ -44,12 +42,12 @@ export declare class SciScrollbarComponent implements OnDestroy {
      *
      * By default, if not specified, renders a vertical scrollbar.
      */
-    direction: 'vscroll' | 'hscroll';
+    direction: import("@angular/core").InputSignal<"vscroll" | "hscroll">;
     /**
      * The viewport to provide scrollbars for.
      */
-    set setViewport(viewport: HTMLElement);
-    constructor(_host: ElementRef<HTMLElement>, _document: Document, _zone: NgZone);
+    viewport: import("@angular/core").InputSignal<HTMLElement>;
+    constructor();
     /**
      * Computes the scroll position and updates CSS variables to render the scroll position in the UI.
      */
@@ -58,11 +56,15 @@ export declare class SciScrollbarComponent implements OnDestroy {
      * Clears CSS variables used for rendering the scroll position in the UI.
      */
     private unsetScrollPosition;
-    onTouchStart(event: TouchEvent): void;
-    onTouchMove(event: TouchEvent): void;
-    onTouchEnd(event: TouchEvent): void;
-    onMouseDown(mousedownEvent: MouseEvent): void;
-    onScrollTrackMouseDown(event: MouseEvent, direction: 'up' | 'down'): void;
+    protected onTouchStart(event: TouchEvent): void;
+    protected onTouchMove(event: TouchEvent): void;
+    protected onTouchEnd(event: TouchEvent): void;
+    protected onMouseDown(mousedownEvent: MouseEvent): void;
+    protected onScrollTrackMouseDown(event: MouseEvent, direction: 'up' | 'down'): void;
+    /**
+     * Renders the current scroll position when the viewport is scrolled.
+     */
+    private installScrollPositionRenderer;
     /**
      * Projects the given scrollbar scroll pixels into viewport scroll pixels.
      */
@@ -79,29 +81,12 @@ export declare class SciScrollbarComponent implements OnDestroy {
      * Scrolls continuously while holding the mouse pressed, or until the mouse leaves the scrolltrack.
      */
     private scrollWhileMouseDown;
-    /**
-     * Emits whenever the viewport scrolls.
-     */
-    private viewportScrollChange$;
-    /**
-     * Emits on subscription, and then each time the size of the viewport changes.
-     */
-    private viewportDimensionChange$;
-    /**
-     * Emits on subscription, and then each time the size or style property of the viewport client changes.
-     */
-    private viewportClientDimensionChange$;
-    /**
-     * Emits the children of the passed element, and then each time child elements are added or removed.
-     */
-    private children$;
     private setCssVariable;
     private get viewportSize();
     private get viewportClientSize();
     private get scrollPosition();
     private get thumbSize();
     private get trackSize();
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SciScrollbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SciScrollbarComponent, "sci-scrollbar", never, { "direction": { "alias": "direction"; "required": false; }; "setViewport": { "alias": "viewport"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SciScrollbarComponent, "sci-scrollbar", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "viewport": { "alias": "viewport"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }