@scion/components 13.0.0

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

@@ -0,0 +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/scrollbar/scrollbar.component.ts","../../../../projects/scion/components/viewport/src/scrollbar/scrollbar.component.html","../../../../projects/scion/components/viewport/src/scrollable.directive.ts","../../../../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 * @dynamic ignore 'strictMetadataEmit' errors due to the usage of {@link Document} as ambient type for DI.\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    const trackSize: NativeScrollbarTrackSize = {\n      hScrollbarTrackHeight: viewportDiv.offsetHeight - viewportClientDiv.offsetHeight,\n      vScrollbarTrackWidth: viewportDiv.offsetWidth - viewportClientDiv.offsetWidth,\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 {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 {fromDimension$, fromMutation$} 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 * ### CSS styling:\n *\n * You can override the following CSS variables:\n *\n * - sci-scrollbar-color:    Sets the color of the scrollbar (by default, uses `rgb(78, 78, 78)`).\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})\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('viewport') // 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: any,\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 fromDimension$(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          fromDimension$(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 {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})\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: boolean = 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 {Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, ViewChild} from '@angular/core';\nimport {SciNativeScrollbarTrackSizeProvider} from './native-scrollbar-track-size-provider.service';\nimport {coerceElement} from '@angular/cdk/coercion';\n\n/**\n * Represents a viewport with the `<ng-content>` used as scrollable content. 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 content\n *\n * `NgContent` is added to a CSS grid container with, by default, a single column, filling remaining space vertically and horizontally.\n *\n * You can override the following CSS variables to control the grid:\n *\n * - sci-viewport-content-grid-template-columns:   Defines the columns and their track sizes (by default, single column with track size auto)\n * - sci-viewport-content-grid-template-rows:      Defines the rows and their track sizes (by default, single row with track size auto)\n * - sci-viewport-content-grid-auto-columns:       Defines the track size of not explicitly declared columns.\n * - sci-viewport-content-grid-auto-rows:          Defines the track size of not explicitly declared rows.\n * - sci-viewport-content-grid-gap:                Sets the gaps (gutters) between rows and columns.\n *\n * Example of how to control the CSS grid:\n *\n * ```css\n * sci-viewport {\n *   --sci-viewport-content-grid-auto-rows: min-content;\n *   --sci-viewport-content-grid-gap: .5em; // specifies the row and column gap\n * }\n * ```\n *\n * ## Styling of scrollbars\n *\n * You can override the following CSS variables to control the appearance of the scrollbar:\n *\n * - sci-viewport-scrollbar-color:     Sets the color of the scrollbar (by default, uses `rgb(78, 78, 78)`).\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})\nexport class SciViewportComponent {\n\n  private _viewport!: HTMLDivElement;\n  private _viewportClient!: HTMLDivElement;\n  private _scrollbarStyle: ScrollbarStyle = 'on-top';\n\n  @HostBinding('attr.tabindex')\n  public tabindex = -1; // make the viewport programmatically focusable but do not include it in the tab order\n\n  /** @internal */\n  @ViewChild('viewport', {static: true})\n  public set setViewport(viewport: ElementRef<HTMLDivElement>) {\n    this._viewport = 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._viewport && this._viewport.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._viewport.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._viewport.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._viewport.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._viewport.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._viewport.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._viewport.scrollWidth;\n  }\n\n  /**\n   * Returns the viewport {HTMLElement}.\n   */\n  public get viewportElement(): HTMLElement {\n    return this._viewport;\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   */\n  public isElementInView(element: HTMLElement, fit: 'full' | 'partial'): boolean {\n    const elLeft = this.computeOffset(element, 'left');\n    const elRight = elLeft + element.offsetWidth;\n    const elTop = this.computeOffset(element, 'top');\n    const elBottom = elTop + element.offsetHeight;\n\n    const vpLeft = this._viewport.scrollLeft;\n    const vpRight = vpLeft + this._viewport.clientWidth;\n    const vpTop = this._viewport.scrollTop;\n    const vpBottom = vpTop + this._viewport.clientHeight;\n\n    switch (fit) {\n      case 'full':\n        return (elLeft >= vpLeft && elRight <= vpRight) && (elTop >= vpTop && elBottom <= vpBottom);\n      case 'partial':\n        return (elRight >= vpLeft && elLeft <= vpRight) && (elBottom >= vpTop && elTop <= vpBottom);\n      default:\n        throw Error('Unsupported fit strategy');\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: HTMLElement, offset: number = 50): void {\n    this._viewport.scrollTop = this.computeOffset(element, 'top') - offset;\n    this._viewport.scrollLeft = this.computeOffset(element, 'left') - offset;\n  }\n\n  /**\n   * Computes the distance of the element to the viewport's left or top border.\n   */\n  public computeOffset(element: HTMLElement, border: 'left' | 'top'): number {\n    if (!isChildOf(element, this._viewport)) {\n      throw Error('element not a child of the viewport');\n    }\n\n    let offset = 0;\n    let el = element;\n    do {\n      offset += (border === 'left' ? el.offsetLeft : el.offsetTop);\n      el = el.offsetParent as HTMLElement;\n    } while (el !== null && el !== this._viewport);\n\n    return offset;\n  }\n}\n\n/**\n * Returns 'true' if the given element is a child element of the parent element.\n */\nfunction isChildOf(element: Element, parent: Element): boolean {\n  while (element.parentElement !== null) {\n    element = element.parentElement;\n    if (element === parent) {\n      return true;\n    }\n  }\n  return false;\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\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n<!-- render emulated scrollbars which sit on-top -->\n<ng-container *ngIf=\"scrollbarStyle === 'on-top' && (nativeScrollbarTrackSizeProvider.trackSize$ | async) !== null\">\n  <sci-scrollbar [direction]=\"'vscroll'\" [viewport]=\"viewport\"></sci-scrollbar>\n  <sci-scrollbar [direction]=\"'hscroll'\" [viewport]=\"viewport\"></sci-scrollbar>\n</ng-container>\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 {CommonModule} from '@angular/common';\nimport {SciViewportComponent} from './viewport.component';\nimport {SciScrollbarComponent} from './scrollbar/scrollbar.component';\nimport {SciScrollableDirective} from './scrollable.directive';\nimport {ScrollingModule} from '@angular/cdk/scrolling';\n\n/**\n * Provides a viewport component with scrollbars that sit on top of the viewport client.\n */\n@NgModule({\n  imports: [\n    CommonModule,\n    ScrollingModule,\n  ],\n  declarations: [\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 * from './viewport.component';\nexport * from './scrollable.directive';\nexport * from './scrollbar/scrollbar.component';\nexport * from './native-scrollbar-track-size-provider.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/scion-components.mjs

@@ -0,0 +1,14 @@
+/*
+ * Copyright (c) 2018-2019 Swiss Federal Railways
+ *
+ * This program and the accompanying materials are made
+ * available under the terms of the Eclipse Public License 2.0
+ * which is available at https://www.eclipse.org/legal/epl-2.0/
+ *
+ *  SPDX-License-Identifier: EPL-2.0
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=scion-components.mjs.map

package/fesm2020/scion-components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scion-components.mjs","sources":["../../../../projects/scion/components/src/public-api.ts","../../../../projects/scion/components/src/scion-components.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\n/**\n * Primary entry point for all public APIs of this package.\n */\nexport {} from '';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;;;;;;;;;ACAA;;"}

package/package.json

@@ -0,0 +1,93 @@
+{
+  "name": "@scion/components",
+  "version": "13.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,
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://github.com/SchweizerischeBundesbahnen/scion-toolkit",
+  "bugs": {
+    "url": "https://github.com/SchweizerischeBundesbahnen/scion-toolkit/issues"
+  },
+  "author": {
+    "name": "SCION contributors"
+  },
+  "exports": {
+    ".": {
+      "sass": "./_components.scss",
+      "types": "./scion-components.d.ts",
+      "esm2020": "./esm2020/scion-components.mjs",
+      "es2020": "./fesm2020/scion-components.mjs",
+      "es2015": "./fesm2015/scion-components.mjs",
+      "node": "./fesm2015/scion-components.mjs",
+      "default": "./fesm2020/scion-components.mjs"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    },
+    "./dimension": {
+      "types": "./dimension/scion-components-dimension.d.ts",
+      "esm2020": "./esm2020/dimension/scion-components-dimension.mjs",
+      "es2020": "./fesm2020/scion-components-dimension.mjs",
+      "es2015": "./fesm2015/scion-components-dimension.mjs",
+      "node": "./fesm2015/scion-components-dimension.mjs",
+      "default": "./fesm2020/scion-components-dimension.mjs"
+    },
+    "./sashbox": {
+      "types": "./sashbox/scion-components-sashbox.d.ts",
+      "esm2020": "./esm2020/sashbox/scion-components-sashbox.mjs",
+      "es2020": "./fesm2020/scion-components-sashbox.mjs",
+      "es2015": "./fesm2015/scion-components-sashbox.mjs",
+      "node": "./fesm2015/scion-components-sashbox.mjs",
+      "default": "./fesm2020/scion-components-sashbox.mjs"
+    },
+    "./splitter": {
+      "types": "./splitter/scion-components-splitter.d.ts",
+      "esm2020": "./esm2020/splitter/scion-components-splitter.mjs",
+      "es2020": "./fesm2020/scion-components-splitter.mjs",
+      "es2015": "./fesm2015/scion-components-splitter.mjs",
+      "node": "./fesm2015/scion-components-splitter.mjs",
+      "default": "./fesm2020/scion-components-splitter.mjs"
+    },
+    "./throbber": {
+      "types": "./throbber/scion-components-throbber.d.ts",
+      "esm2020": "./esm2020/throbber/scion-components-throbber.mjs",
+      "es2020": "./fesm2020/scion-components-throbber.mjs",
+      "es2015": "./fesm2015/scion-components-throbber.mjs",
+      "node": "./fesm2015/scion-components-throbber.mjs",
+      "default": "./fesm2020/scion-components-throbber.mjs"
+    },
+    "./viewport": {
+      "types": "./viewport/scion-components-viewport.d.ts",
+      "esm2020": "./esm2020/viewport/scion-components-viewport.mjs",
+      "es2020": "./fesm2020/scion-components-viewport.mjs",
+      "es2015": "./fesm2015/scion-components-viewport.mjs",
+      "node": "./fesm2015/scion-components-viewport.mjs",
+      "default": "./fesm2020/scion-components-viewport.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "peerDependencies": {
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0",
+    "@angular/cdk": "^13.0.0",
+    "@scion/toolkit": "^1.0.0",
+    "rxjs": "^7.5.0"
+  },
+  "keywords": [],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/SchweizerischeBundesbahnen/scion-toolkit.git"
+  },
+  "module": "fesm2015/scion-components.mjs",
+  "es2020": "fesm2020/scion-components.mjs",
+  "esm2020": "esm2020/scion-components.mjs",
+  "fesm2020": "fesm2020/scion-components.mjs",
+  "fesm2015": "fesm2015/scion-components.mjs",
+  "typings": "scion-components.d.ts",
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Primary entry point for all public APIs of this package.
+ */
+export {} from '';

package/sashbox/element-ref.directive.d.ts

@@ -0,0 +1,12 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Provides access to the native {@link HTMLElement} of the host.
+ */
+export declare class SciElementRefDirective {
+    host: ElementRef<HTMLElement>;
+    readonly nativeElement: HTMLElement;
+    constructor(host: ElementRef<HTMLElement>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SciElementRefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SciElementRefDirective, "[sciElementRef]", ["sciElementRef"], {}, {}, never>;
+}

package/sashbox/package.json

@@ -0,0 +1,10 @@
+{
+  "module": "../fesm2015/scion-components-sashbox.mjs",
+  "es2020": "../fesm2020/scion-components-sashbox.mjs",
+  "esm2020": "../esm2020/sashbox/scion-components-sashbox.mjs",
+  "fesm2020": "../fesm2020/scion-components-sashbox.mjs",
+  "fesm2015": "../fesm2015/scion-components-sashbox.mjs",
+  "typings": "scion-components-sashbox.d.ts",
+  "sideEffects": false,
+  "name": "@scion/components/sashbox"
+}

package/sashbox/public_api.d.ts

@@ -0,0 +1,3 @@
+export * from './sashbox.component';
+export * from './sash.directive';
+export * from './sashbox.module';

package/sashbox/sash-initializer.directive.d.ts

@@ -0,0 +1,14 @@
+import { ElementRef, OnChanges, SimpleChanges } from '@angular/core';
+import { SciSashDirective } from './sash.directive';
+import * as i0 from "@angular/core";
+/**
+ * Initializes {SashDirective} with the target {HTMLDivElement}.
+ */
+export declare class SciSashInitializerDirective implements OnChanges {
+    private _host;
+    sash: SciSashDirective;
+    constructor(_host: ElementRef<HTMLDivElement>);
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SciSashInitializerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SciSashInitializerDirective, "div[sciSashInitializer].sash", never, { "sash": "sciSashInitializer"; }, {}, never>;
+}

package/sashbox/sash.directive.d.ts

@@ -0,0 +1,60 @@
+import { OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { SciSashBoxAccessor } from './sashbox-accessor';
+import * as i0 from "@angular/core";
+/**
+ * Use this directive to model a sash for {@link SciSashboxComponent}.
+ * The host element of this modelling directive must be a <ng-template> which is used as sash template.
+ *
+ *
+ * ### Usage:
+ *
+ * <sci-sashbox direction="row">
+ *   <!-- fixed size sash -->
+ *   <ng-template sciSash size="200px">
+ *     ...
+ *   </ng-template>
+ *
+ *   <!-- sash which takes the remaining space -->
+ *   <ng-template sciSash>
+ *     ...
+ *   </ng-template>
+ * </sci-sashbox>
+ */
+export declare class SciSashDirective implements OnInit, OnChanges {
+    readonly sashTemplate: TemplateRef<void>;
+    private _sashBoxAccessor;
+    private _size;
+    private _flexGrow$;
+    /**
+     * Specifies the sash size, either as fixed size with an explicit unit,
+     * or as a unitless proportion to distibute remaining space. A proportional
+     * sash has the ability to grow or shrink if necessary, and must be >= 1.
+     *
+     * If not set, remaining space is distributed equally.
+     */
+    set size(size: string | number);
+    get size(): string | number;
+    /**
+     * Specifies the minimal sash size in pixel or percent.
+     * The min-size prevents the user from shrinking the sash below this minimal size.
+     *
+     * If the unit is omitted, the value is interpreted as a pixel value.
+     */
+    minSize?: string | number;
+    constructor(sashTemplate: TemplateRef<void>, _sashBoxAccessor: SciSashBoxAccessor);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Computes and sets the flex item properties based on the modelled size.
+     */
+    private setFlexItemProperties;
+    /**
+     * Computes the normalized flex-grow proportion of the given sash, which is a value >= 1.
+     *
+     * If the sum of all flex-grow proportions would be less than 1, then, the sashes would not fill the entire sash-box space.
+     * Without normalization in place, e.g., this could happen when removing a sash.
+     */
+    private normalizeFlexGrow;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SciSashDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SciSashDirective, "ng-template[sciSash]", ["sciSash"], { "size": "size"; "minSize": "minSize"; }, {}, never>;
+}

package/sashbox/sashbox-accessor.d.ts

@@ -0,0 +1,10 @@
+import { SciSashDirective } from './sash.directive';
+import { Observable } from 'rxjs';
+/**
+ * Allows accessing the sashbox component from sashes.
+ */
+export declare abstract class SciSashBoxAccessor {
+    abstract get sashes(): SciSashDirective[];
+    abstract get sashes$(): Observable<SciSashDirective[]>;
+    abstract get direction(): 'column' | 'row';
+}

package/sashbox/sashbox.component.d.ts

@@ -0,0 +1,90 @@
+import { ElementRef, EventEmitter, NgZone, OnDestroy } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { SplitterMoveEvent } from '@scion/components/splitter';
+import { SciSashDirective } from './sash.directive';
+import { SciSashBoxAccessor } from './sashbox-accessor';
+import * as i0 from "@angular/core";
+/**
+ * The <sci-sashbox> is like a CSS flexbox container that lays out its content children (sashes) in a row (which is by default)
+ * or column arrangement (as specified by the direction property). A splitter is added between each child to allow the user to
+ * shrink or stretch the individual sashes.
+ *
+ * Sashes are modelled as content children inside a <ng-template> decorated with the 'sciSash' directive.
+ * A sash can have a fixed size with an explicit unit, or a unitless proportion to distibute remaining space.
+ * A proportional sash has the ability to grow or shrink if necessary.
+ *
+ *
+ * ### Usage:
+ *
+ * ```html
+ * <sci-sashbox direction="row">
+ *   <ng-template sciSash size="1">
+ *     ...
+ *   </ng-template>
+ *
+ *   <ng-template sciSash size="2">
+ *     ...
+ *   </ng-template>
+ *
+ *   <ng-template sciSash size="1">
+ *     ...
+ *   </ng-template>
+ * </sci-sashbox>
+ * ```
+ *
+ * ### Theme override:
+ * The default style of the sashbox is made up of shades of gray.
+ * You can control the appearance by overriding the following CSS variables:
+ *
+ * - --sci-sashbox-gap: Sets the gaps (gutters) between sashes.
+ * - --sci-sashbox-splitter-bgcolor: Sets the background color of the splitter.
+ * - --sci-sashbox-splitter-bgcolor_hover: Sets the background color of the splitter when hovering it.
+ * - --sci-sashbox-splitter-size: Sets the size of the splitter along the main axis.
+ * - --sci-sashbox-splitter-size_hover: Sets the size of the splitter along the main axis when hovering it.
+ * - --sci-sashbox-splitter-touch-target-size: Sets the touch target size to move the splitter (accessibility).
+ * - --sci-sashbox-splitter-cross-axis-size: Sets the splitter size along the cross axis.
+ * - --sci-sashbox-splitter-border-radius: Sets the border radius of the splitter.
+ * - --sci-sashbox-splitter-opacity_active: Sets the opacity of the splitter while the user moves the splitter.
+ * - --sci-sashbox-splitter-opacity_hover: Sets the opacity of the splitter when hovering it.
+ *
+ * Example:
+ *
+ * ```scss
+ * sci-sashbox {
+ *   --sci-sashbox-splitter-bgcolor: black;
+ *   --sci-sashbox-splitter-bgcolor_hover: black;
+ * }
+ * ```
+ */
+export declare class SciSashboxComponent implements OnDestroy {
+    private _host;
+    private _zone;
+    private _destroy$;
+    sashes$: BehaviorSubject<SciSashDirective[]>;
+    sashing: boolean;
+    /**
+     * Specifies if to lay out sashes in a row (which is by default) or column arrangement.
+     */
+    direction: 'column' | 'row';
+    /**
+     * Emits when start sashing.
+     */
+    sashStart: EventEmitter<void>;
+    /**
+     * Emits the absolute sash sizes (px) when finished sashing.
+     */
+    sashEnd: EventEmitter<number[]>;
+    constructor(_host: ElementRef<HTMLElement>, _zone: NgZone);
+    onSashStart(): void;
+    onSashEnd(): void;
+    onSash(splitter: HTMLElement, sashIndex: number, moveEvent: SplitterMoveEvent): void;
+    onSashReset(sashIndex: number): void;
+    get isColumnDirection(): boolean;
+    get isRowDirection(): boolean;
+    private get sashes();
+    ngOnDestroy(): void;
+    private toPixel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SciSashboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SciSashboxComponent, "sci-sashbox", never, { "direction": "direction"; }, { "sashStart": "sashStart"; "sashEnd": "sashEnd"; }, ["setSashes"], never>;
+}
+export declare function provideSashBoxAccessor(component: SciSashboxComponent): SciSashBoxAccessor;

package/sashbox/sashbox.module.d.ts

@@ -0,0 +1,33 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./sashbox.component";
+import * as i2 from "./sash.directive";
+import * as i3 from "./sash-initializer.directive";
+import * as i4 from "./element-ref.directive";
+import * as i5 from "@angular/common";
+import * as i6 from "@scion/components/splitter";
+/**
+ * Provides a sashbox component that lays out its children in a row or column arrangement and places a splitter between each child.
+ *
+ * ### Usage:
+ *
+ * ```html
+ * <sci-sashbox direction="row">
+ *   <ng-template sciSash size="1">
+ *     ...
+ *   </ng-template>
+ *
+ *   <ng-template sciSash size="2">
+ *     ...
+ *   </ng-template>
+ *
+ *   <ng-template sciSash size="1">
+ *     ...
+ *   </ng-template>
+ * </sci-sashbox>
+ * ```
+ */
+export declare class SciSashboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SciSashboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SciSashboxModule, [typeof i1.SciSashboxComponent, typeof i2.SciSashDirective, typeof i3.SciSashInitializerDirective, typeof i4.SciElementRefDirective], [typeof i5.CommonModule, typeof i6.SciSplitterModule], [typeof i1.SciSashboxComponent, typeof i2.SciSashDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SciSashboxModule>;
+}

package/sashbox/scion-components-sashbox.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@scion/components/sashbox" />
+export * from './public_api';

package/scion-components.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@scion/components" />
+export * from './public-api';

package/splitter/package.json

@@ -0,0 +1,10 @@
+{
+  "module": "../fesm2015/scion-components-splitter.mjs",
+  "es2020": "../fesm2020/scion-components-splitter.mjs",
+  "esm2020": "../esm2020/splitter/scion-components-splitter.mjs",
+  "fesm2020": "../fesm2020/scion-components-splitter.mjs",
+  "fesm2015": "../fesm2015/scion-components-splitter.mjs",
+  "typings": "scion-components-splitter.d.ts",
+  "sideEffects": false,
+  "name": "@scion/components/splitter"
+}

package/splitter/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './splitter.component';
+export * from './splitter.module';

package/splitter/scion-components-splitter.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@scion/components/splitter" />
+export * from './public_api';

package/splitter/splitter.component.d.ts

@@ -0,0 +1,104 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents a splitter, a visual element that allows the user to control the size of elements next to it.
+ *
+ * The splitter has a handle that the user can move depending on the orientation of the splitter.
+ *
+ * Note that this control neither does change the size of adjacent elements nor does it (re-)position itself, but emits the distance by
+ * which the user has theoretically moved the splitter. You must subscribe to these events and change your layout accordingly.
+ *
+ * In the toolkit, {@link SciSashboxComponent} uses this splitter to divide a layout into several resizable sections.
+ * Another use case would be a resizable sidebar panel.
+ *
+ * ### Usage:
+ *
+ * ```html
+ * <sci-splitter (move)="onSplitterMove($event.distance)"></sci-splitter>
+ * ```
+ *
+ * ### Theme override:
+ * The default style of the splitter is made up of shades of gray.
+ * You can control the appearance by overriding the following CSS variables:
+ *
+ * - --sci-splitter-bgcolor: Sets the background color of the splitter.
+ * - --sci-splitter-bgcolor_hover: Sets the background color of the splitter when hovering it.
+ * - --sci-splitter-size: Sets the size of the splitter along the main axis.
+ * - --sci-splitter-size_hover: Sets the size of the splitter along the main axis when hovering it.
+ * - --sci-splitter-touch-target-size: Sets the touch target size to move the splitter (accessibility).
+ * - --sci-splitter-cross-axis-size: Sets the splitter size along the cross axis.
+ * - --sci-splitter-border-radius: Sets the border radius of the splitter.
+ * - --sci-splitter-opacity_active: Sets the opacity of the splitter while the user moves the splitter.
+ * - --sci-splitter-opacity_hover: Sets the opacity of the splitter when hovering it.
+ *
+ * Example:
+ *
+ * ```scss
+ * sci-splitter {
+ *   --sci-splitter-bgcolor: black;
+ *   --sci-splitter-bgcolor_hover: black;
+ * }
+ * ```
+ *
+ * @dynamic ignore 'strictMetadataEmit' errors due to the usage of {@link Document} as ambient type for DI.
+ */
+export declare class SciSplitterComponent implements OnInit, OnDestroy {
+    private _zone;
+    private _cd;
+    private _document;
+    private _destroy$;
+    moving: boolean;
+    get isVertical(): boolean;
+    get isHorizontal(): boolean;
+    /**
+     * Controls whether to render a vertical or horizontal splitter.
+     * By default, if not specified, renders a vertical splitter.
+     */
+    orientation: 'vertical' | 'horizontal';
+    /**
+     * Emits when starting to move the splitter.
+     */
+    start: EventEmitter<void>;
+    /**
+     * Emits the distance in pixels when the splitter is moved.
+     * The event is emitted outside of the Angular zone.
+     */
+    move: EventEmitter<SplitterMoveEvent>;
+    /**
+     * Emits when ending to move the splitter.
+     */
+    end: EventEmitter<void>;
+    /**
+     * Emits when to reset the splitter position.
+     */
+    reset: EventEmitter<void>;
+    get splitterCursor(): string;
+    touchTargetElementRef: ElementRef<HTMLElement>;
+    constructor(_zone: NgZone, _cd: ChangeDetectorRef, _document: Document);
+    ngOnInit(): void;
+    private onReset;
+    private onTouchStart;
+    private onMouseDown;
+    private installMoveListener;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SciSplitterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SciSplitterComponent, "sci-splitter", never, { "orientation": "orientation"; }, { "start": "start"; "move": "move"; "end": "end"; "reset": "reset"; }, never, never>;
+}
+export interface EventPosition {
+    clientPos: number;
+    pagePos: number;
+    screenPos: number;
+}
+/**
+ * Event that is emitted when moving the splitter.
+ */
+export interface SplitterMoveEvent {
+    /**
+     * The distance in pixels by which the user has moved the splitter since the last emission.
+     */
+    distance: number;
+    /**
+     * The position where the mouse or touch event has occurred.
+     */
+    position: EventPosition;
+}