@theseam/ui-common 0.2.9

package/fesm2015/theseam-ui-common-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-popover.js","sources":["../../../projects/ui-common/popover/popover-animations.ts","../../../projects/ui-common/popover/popover/popover.component.ts","../../../projects/ui-common/popover/popover.directive.ts","../../../projects/ui-common/popover/popover.module.ts","../../../projects/ui-common/popover/theseam-ui-common-popover.ts"],"sourcesContent":["import { animate, animation, group, query, style } from '@angular/animations'\n\nexport const popoverSlideIn = animation([\n  query(':self', [\n    style({\n      opacity: 0,\n      transform: 'translateY(-70%)'\n    }),\n    group([\n      animate('170ms linear', style({ opacity: 1 })),\n      animate('220ms ease', style({ transform: 'translateY(0)' })),\n    ])\n  ])\n])\n\nexport const popoverSlideOut = animation([\n  query(':self', [\n    style({\n      opacity: 1,\n      transform: 'translateY(0)'\n    }),\n    group([\n      animate('170ms linear', style({ opacity: 0 })),\n      animate('220ms ease', style({ transform: 'translateY(-70%)' })),\n    ])\n  ])\n])\n\nexport const popoverExpandIn = animation([\n  style({\n    opacity: 0,\n    transform: 'scale(0.8)'\n  }),\n  group([\n    animate('100ms linear', style({ opacity: 1 })),\n    animate('120ms ease', style({ transform: 'scale(1)' })),\n  ])\n])\n\nexport const popoverExpandOut = animation([\n  style({\n    opacity: 1,\n    transform: 'scale(1)'\n  }),\n  group([\n    animate('100ms linear', style({ opacity: 0 })),\n    animate('120ms ease', style({ transform: 'scale(0.8)' })),\n  ])\n])\n","import { AnimationEvent, transition, trigger, useAnimation } from '@angular/animations'\nimport { coerceNumberProperty } from '@angular/cdk/coercion'\nimport { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes'\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  HostBinding,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  TemplateRef\n} from '@angular/core'\nimport { BehaviorSubject, fromEvent, Observable, of, Subject } from 'rxjs'\nimport { distinctUntilChanged, map, startWith, switchMap, takeUntil } from 'rxjs/operators'\n\nimport { popoverExpandIn, popoverExpandOut, popoverSlideIn, popoverSlideOut } from '../popover-animations'\n\n@Component({\n  selector: 'seam-popover',\n  templateUrl: './popover.component.html',\n  styleUrls: ['./popover.component.scss'],\n  animations: [\n    trigger('slideDown', [\n      transition(':enter', useAnimation(popoverExpandIn)),\n      transition(':leave', useAnimation(popoverExpandOut)),\n    ])\n  ],\n  host: {\n    class: 'popover show m-2 position-static',\n    '[@slideDown]': `{\n      value: _state,\n      params: {\n        enterAnimationDuration: enterAnimationDuration,\n        exitAnimationDuration: exitAnimationDuration\n      }\n    }`,\n    '(@slideDown.start)': '_onAnimationStart($event)',\n    '(@slideDown.done)': '_animationDone.next($event)',\n    '[style.width]': '_popoverWidth'\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PopoverComponent implements OnInit, OnDestroy {\n\n  private readonly _ngUnsubscribe = new Subject()\n\n  /** Duration of the enter animation. Has to be a valid CSS value (e.g. 100ms). */\n  enterAnimationDuration?: string = '225ms'\n\n  /** Duration of the exit animation. Has to be a valid CSS value (e.g. 50ms). */\n  exitAnimationDuration?: string = '225ms'\n\n  /** State of the dialog animation. */\n  _state: 'void' | 'enter' | 'exit' = 'enter'\n\n  /** A subject emitting before the dialog enters the view. */\n  _beforeEnter: Subject<void> = new Subject()\n\n  /** A subject emitting after the dialog enters the view. */\n  _afterEnter: Subject<void> = new Subject()\n\n  /** A subject emitting before the dialog exits the view. */\n  _beforeExit: Subject<void> = new Subject()\n\n  /** A subject emitting after the dialog exits the view. */\n  _afterExit: Subject<void> = new Subject()\n\n  /** Stream of animation `done` events. */\n  _animationDone = new Subject<AnimationEvent>()\n\n  // @HostBinding('attr.role') get _role() { return this._config.role }\n  @HostBinding('attr.role') get _role() { return 'dialog' }\n\n  @HostBinding('attr.tabindex') get _tabindex() { return -1 }\n\n  @Input() template: TemplateRef<any> | undefined | null\n\n  // @Output() readonly closed = new EventEmitter<void | 'click' | 'keydown'>()\n\n  @Input() popoverClass: string | undefined | null\n\n  /**\n   * Defines a width for a popover that will scale down if the window innerWidth is\n   * smaller than the value.\n   */\n  @Input()\n  get baseWidth() { return this._baseWidth.value }\n  set baseWidth(value: number | null) {\n    const _val = coerceNumberProperty(value, null)\n    if (_val !== this._baseWidth.value) {\n      this._baseWidth.next(_val)\n    }\n  }\n  private _baseWidth = new BehaviorSubject<number | null>(600)\n  // _popoverWidth$: Observable<string | undefined>\n  _popoverWidth: string | undefined\n\n  constructor(\n    private _changeDetectorRef: ChangeDetectorRef,\n    // TODO: Implement PopoverConfig\n  ) {\n    // We use a Subject with a distinctUntilChanged, rather than a callback attached to .done,\n    // because some browsers fire the done event twice and we don't want to emit duplicate events.\n    // See: https://github.com/angular/angular/issues/24084\n    this._animationDone.pipe(distinctUntilChanged((x, y) => {\n      return x.fromState === y.fromState && x.toState === y.toState\n    })).subscribe(event => {\n      // Emit lifecycle events based on animation `done` callback.\n      if (event.toState === 'enter') {\n        this._afterEnter.next()\n        this._afterEnter.complete()\n      }\n\n      if (event.fromState === 'enter' && (event.toState === 'void' || event.toState === 'exit')) {\n        this._afterExit.next()\n        this._afterExit.complete()\n      }\n    })\n  }\n\n  ngOnInit() {\n    // this._popoverWidth$ =\n    this._baseWidth.pipe(\n      switchMap(baseWidth => {\n        if (baseWidth) {\n          return fromEvent(window, 'resize').pipe(\n            startWith(undefined),\n            map(() => window.innerWidth < baseWidth ? `${window.innerWidth}px` : `${baseWidth}px`)\n          )\n        }\n        return of(undefined)\n      }),\n      takeUntil(this._ngUnsubscribe)\n    ).subscribe(w => {\n      this._popoverWidth = w\n      this._changeDetectorRef.markForCheck()\n    })\n  }\n\n  ngOnDestroy() {\n    // this.closed.complete()\n    this._animationDone.complete()\n\n    this._ngUnsubscribe.next()\n    this._ngUnsubscribe.complete()\n  }\n\n  /** Starts the dialog exit animation. */\n  _startExiting(): void {\n    this._state = 'exit'\n\n    // Mark the container for check so it can react if the\n    // view container is using OnPush change detection.\n    this._changeDetectorRef.markForCheck()\n  }\n\n  /** Emit lifecycle events based on animation `start` callback. */\n  _onAnimationStart(event: AnimationEvent) {\n    if (event.toState === 'enter') {\n      this._beforeEnter.next()\n      this._beforeEnter.complete()\n    }\n    if (event.fromState === 'enter' && (event.toState === 'void' || event.toState === 'exit')) {\n      this._beforeExit.next()\n      this._beforeExit.complete()\n    }\n  }\n\n  /** Handle a keyboard event from the menu, delegating to the appropriate action. */\n  @HostListener('keydown', [ '$event' ])\n  _handleKeydown(event: KeyboardEvent) {\n    // tslint:disable-next-line:deprecation\n    const keyCode = event.keyCode\n\n    switch (keyCode) {\n      case ESCAPE:\n        if (!hasModifierKey(event)) {\n          event.preventDefault()\n          // this.closed.emit('keydown')\n          this._startExiting()\n        }\n        break\n    }\n  }\n\n}\n","import { FocusMonitor, FocusOrigin, isFakeMousedownFromScreenReader } from '@angular/cdk/a11y'\nimport { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion'\nimport { ESCAPE } from '@angular/cdk/keycodes'\nimport { ConnectionPositionPair, Overlay, OverlayRef, PositionStrategy } from '@angular/cdk/overlay'\nimport { normalizePassiveListenerOptions } from '@angular/cdk/platform'\nimport { ComponentPortal } from '@angular/cdk/portal'\nimport { ComponentRef, Directive, ElementRef, HostListener, Input, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core'\nimport { BehaviorSubject, fromEvent, merge, of, Subject, Subscription } from 'rxjs'\nimport { switchMap, takeUntil } from 'rxjs/operators'\n\nimport { PopoverComponent } from './popover/popover.component'\n\n/** Options for binding a passive event listener. */\nconst passiveEventListenerOptions = normalizePassiveListenerOptions({passive: true})\n\n@Directive({\n  selector: '[seamPopover]',\n  // tslint:disable-next-line:use-host-property-decorator\n  host: {\n    'aria-haspopup': 'true',\n    '[attr.aria-expanded]': 'popoverOpen() || null'\n  },\n  exportAs: 'seamPopover'\n})\nexport class TheSeamPopoverDirective implements OnDestroy {\n\n  private readonly _ngUnsubscribe = new Subject()\n\n  @Input() seamPopover?: TemplateRef<any> | null\n\n  /**\n   * Defines a width for a popover that will scale down if the window innerWidth is\n   * smaller than the value.\n   */\n  @Input()\n  get seamPopoverBaseWidth() { return this._seamPopoverBaseWidth.value }\n  set seamPopoverBaseWidth(value: number | null) {\n    const _val = coerceNumberProperty(value, null)\n    if (_val !== this._seamPopoverBaseWidth.value) {\n      this._seamPopoverBaseWidth.next(_val)\n    }\n  }\n  private _seamPopoverBaseWidth = new BehaviorSubject<number | null>(null)\n\n  @Input()\n  get seamPopoverDisabled() { return this._seamPopoverDisabled.value }\n  set seamPopoverDisabled(val: boolean) { this._seamPopoverDisabled.next(coerceBooleanProperty(val)) }\n  private _seamPopoverDisabled = new BehaviorSubject<boolean>(false)\n\n\n  // ngOnInit() {\n  //   this._seamPopoverDisabled.pipe(\n  //     switchMap(disabled => {\n  //       if (disabled) {\n  //         this.close()\n  //         return of(undefined)\n  //       }\n\n  //       if (!(this._elementRef && this._elementRef.nativeElement)) {\n  //         return of(undefined)\n  //       }\n\n  //       return fromEvent(this._elementRef.nativeElement, 'click')\n  //     })\n  //   ).subscribe()\n  // }\n\n\n  private _active = false\n  private _closing = false\n  private _overlayRef: OverlayRef | undefined | null\n  private _compRef: ComponentRef<PopoverComponent> | undefined | null\n  private _popoverClosedSubscription = Subscription.EMPTY\n  private _closingActionsSubscription = Subscription.EMPTY\n\n  public restoreFocus = true\n\n  // Tracking input type is necessary so it's possible to only auto-focus\n  // the first item of the list when the menu is opened via the keyboard\n  _openedBy: 'mouse' | 'touch' | null = null\n\n  @HostListener('mousedown', [ '$event' ])\n  _onMouseDown(event: MouseEvent) {\n    if (!isFakeMousedownFromScreenReader(event)) {\n      // Since right or middle button clicks won't trigger the `click` event,\n      // we shouldn't consider the menu as opened by mouse in those cases.\n      this._openedBy = event.button === 0 ? 'mouse' : null\n    }\n  }\n\n  @HostListener('click', [ '$event' ])\n  _onClick(event: any) {\n    this.toggle()\n  }\n\n  @HostListener('document:keydown', [ '$event' ])\n  _onDocumentKeydown(event: any) {\n    if (event.keyCode === ESCAPE) {\n      this.closePopover()\n    }\n  }\n\n  constructor(\n    private _elementRef: ElementRef<HTMLElement>,\n    private _viewContainerRef: ViewContainerRef,\n    private _overlay: Overlay,\n    private _focusMonitor: FocusMonitor\n  ) {\n    this._elementRef.nativeElement.addEventListener('touchstart', this._handleTouchStart,\n        passiveEventListenerOptions)\n\n    this._seamPopoverBaseWidth\n      .pipe(takeUntil(this._ngUnsubscribe))\n      .subscribe(w => {\n        if (this._compRef && this._compRef.instance) {\n          this._compRef.instance.baseWidth = w\n          this._compRef.changeDetectorRef.markForCheck()\n        }\n      })\n  }\n\n  ngOnDestroy() {\n    this.closePopover()\n\n    this._elementRef.nativeElement.removeEventListener('touchstart', this._handleTouchStart,\n        passiveEventListenerOptions)\n\n    this._popoverClosedSubscription.unsubscribe()\n    this._closingActionsSubscription.unsubscribe()\n\n    this._ngUnsubscribe.next()\n    this._ngUnsubscribe.complete()\n  }\n\n  /**\n   * Handles touch start events on the trigger.\n   * Needs to be an arrow function so we can easily use addEventListener and removeEventListener.\n   */\n  private _handleTouchStart = () => this._openedBy = 'touch'\n\n  public toggle(): void {\n    if (this._active || this.seamPopoverDisabled) {\n      this.closePopover()\n    } else {\n      this.openPopover()\n    }\n  }\n\n  public openPopover(): void {\n    if (this._active || !this.seamPopover) { return }\n    this._active = true\n\n    this._overlayRef = this._overlay.create({\n      hasBackdrop: true,\n      backdropClass: 'transparent',\n      positionStrategy: this.getOverlayPosition(this._elementRef.nativeElement),\n    })\n\n    this._compRef = this._overlayRef.attach(new ComponentPortal(PopoverComponent, this._viewContainerRef))\n\n    this._closingActionsSubscription = this._popoverClosingActions().subscribe(() => this.closePopover())\n\n    this._compRef.instance.template = this.seamPopover\n    this._compRef.instance.baseWidth = this.seamPopoverBaseWidth\n    this._compRef.changeDetectorRef.markForCheck()\n\n    this._popoverClosedSubscription = this._compRef.instance._afterExit.subscribe(v => {\n      // console.log('closed', v)\n      if (this._overlayRef?.hasAttached()) {\n        this._overlayRef.detach()\n      }\n\n      this._resetPopover()\n\n      this._popoverClosedSubscription.unsubscribe()\n      this._closingActionsSubscription.unsubscribe()\n\n      this._active = false\n      this._closing = false\n    })\n  }\n\n  public closePopover(): void {\n    if (!this._active) { return }\n\n    if (!this._closing) {\n      if (this._compRef && this._compRef.instance) {\n        this._closing = true\n        this._compRef.instance._startExiting()\n      }\n    }\n  }\n\n  public popoverOpen(): boolean {\n    return this._overlayRef?.hasAttached() ?? false\n  }\n\n  private getOverlayPosition(origin: HTMLElement): PositionStrategy {\n    const positionStrategy = this._overlay.position()\n      .flexibleConnectedTo(origin)\n      .withPositions(this.getPositions())\n      .withFlexibleDimensions(false)\n      .withPush(true)\n\n    return positionStrategy\n  }\n\n  private getPositions(): ConnectionPositionPair[] {\n    return [\n      {\n        originX: 'center',\n        originY: 'bottom',\n        overlayX: 'center',\n        overlayY: 'top'\n      },\n      {\n        originX: 'center',\n        originY: 'top',\n        overlayX: 'center',\n        overlayY: 'bottom'\n      },\n      {\n        originX: 'end',\n        originY: 'bottom',\n        overlayX: 'end',\n        overlayY: 'top',\n      },\n      {\n        originX: 'start',\n        originY: 'bottom',\n        overlayX: 'start',\n        overlayY: 'top',\n      },\n      {\n        originX: 'end',\n        originY: 'top',\n        overlayX: 'end',\n        overlayY: 'bottom',\n      },\n      {\n        originX: 'start',\n        originY: 'top',\n        overlayX: 'start',\n        overlayY: 'bottom',\n      },\n    ]\n  }\n\n  /**\n   * Focuses the popover trigger.\n   * @param origin Source of the popover trigger's focus.\n   */\n  focus(origin: FocusOrigin = 'program') {\n    if (this._focusMonitor) {\n      this._focusMonitor.focusVia(this._elementRef, origin)\n    } else {\n      this._elementRef.nativeElement.focus()\n    }\n  }\n\n  /**\n   * This method resets the popover when it's closed, most importantly restoring\n   * focus to the popover trigger if the popover was opened via the keyboard.\n   */\n  private _resetPopover(): void {\n    // We should reset focus if the user is navigating using a keyboard or\n    // if we have a top-level trigger which might cause focus to be lost\n    // when clicking on the backdrop.\n    if (this.restoreFocus) {\n      if (!this._openedBy) {\n        // Note that the focus style will show up both for `program` and\n        // `keyboard` so we don't have to specify which one it is.\n        this.focus()\n      }\n    }\n\n    this._openedBy = null\n  }\n\n  /** Returns a stream that emits whenever an action that should close the popover occurs. */\n  private _popoverClosingActions() {\n    const backdrop = this._overlayRef?.backdropClick() ?? of()\n    const detachments = this._overlayRef?.detachments() ?? of()\n    const hover = of()\n\n    return merge(backdrop, hover, detachments)\n  }\n\n}\n","import { OverlayModule } from '@angular/cdk/overlay'\nimport { PortalModule } from '@angular/cdk/portal'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { TheSeamPopoverDirective } from './popover.directive'\nimport { PopoverComponent } from './popover/popover.component'\n\n\n\n@NgModule({\n  declarations: [\n    PopoverComponent,\n    TheSeamPopoverDirective\n  ],\n  imports: [\n    CommonModule,\n    OverlayModule,\n    PortalModule\n  ],\n  entryComponents: [\n    PopoverComponent\n  ],\n  exports: [\n    TheSeamPopoverDirective,\n\n    OverlayModule,\n    PortalModule\n  ]\n})\nexport class TheSeamPopoverModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/theseam-ui-common-progress.js

@@ -0,0 +1,87 @@
+import { __decorate } from 'tslib';
+import { Component, ViewEncapsulation, Input, NgModule } from '@angular/core';
+import { InputBoolean, InputNumber } from '@theseam/ui-common/core';
+import { CommonModule } from '@angular/common';
+
+function calcDashoffset(value, circumference) {
+    const progress = value / 100;
+    const dashoffset = circumference * (1 - progress);
+    return dashoffset;
+}
+class ProgressCircleComponent {
+    constructor() {
+        this._percentage = 0;
+        this.fillBackground = false;
+        this.showText = false;
+        this.hiddenOnEmpty = true;
+        this.pending = false;
+        this.radius = 15;
+        this.circumference = 2 * Math.PI * this.radius;
+    }
+    set percentage(value) {
+        this._percentage = value;
+        this._progressInfo = this._getProgress();
+    }
+    get percentage() { return this._percentage; }
+    _getProgress() {
+        return {
+            dashoffset: calcDashoffset(this.percentage || 0, this.circumference),
+            circumference: this.circumference,
+            percent: Math.floor(this.percentage || 0)
+        };
+    }
+}
+ProgressCircleComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-progress-circle',
+                template: "<div class=\"seam-progress-circle\" *ngIf=\"_progressInfo as p\"\n  [class.seam-progress-circle--in-complete]=\"p.percent < 100\"\n  [class.seam-progress-circle--fill-bg]=\"fillBackground\">\n  <div class=\"seam-progress-circle-inner\">\n    <ng-container *ngIf=\"p.percent > 0 || !hiddenOnEmpty\">\n      <svg class=\"seam-progress-circle--icon-spinner\" viewBox=\"0 0 40 40\" [attr.data-percent]=\"p.percent\">\n        <circle class=\"seam-progress-circle--icon-spinner-path seam-progress-circle--icon-spinner-path-bg\" cx=\"20\" cy=\"20\" r=\"15\" fill=\"none\"\n          stroke-width=\"4\">\n        </circle>\n        <circle class=\"seam-progress-circle--icon-spinner-path\" cx=\"20\" cy=\"20\" r=\"15\" fill=\"none\"\n          transform=\"rotate(-90, 20, 20)\"\n          stroke-width=\"4\"\n          stroke-miterlimit=\"10\"\n          [attr.stroke-dashoffset]=\"p.dashoffset\"\n          [style.stroke-dasharray]=\"p.circumference\">\n        </circle>\n        <!-- Checkmark -->\n        <path *ngIf=\"!pending && p.percent === 100\"\n          class=\"seam-progress-circle--icon-spinner-path\"\n          fill=\"none\"\n          stroke-width=\"4\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"M 11,22 L 18,28 L 28.5,17\">\n        </path>\n        <!-- Hourglass -->\n        <!-- `p.percent === 101` is still here for backwards compatability, but planing to be removed. -->\n        <path *ngIf=\"pending || p.percent === 101\"\n          class=\"seam-progress-circle--icon-hourglass\"\n          fill=\"none\"\n          d=\"M27.3,25.8c-0.2-2.5-1.6-4.6-3.6-5.8c2-1.2,3.4-3.3,3.6-5.8c0.7-0.3,1.2-1,1.2-1.8c0-1.1-0.9-2-2-2h-13\n          c-1.1,0-2,0.9-2,2c0,0.8,0.5,1.6,1.2,1.8c0.2,2.5,1.6,4.6,3.6,5.8c-2,1.2-3.4,3.3-3.6,5.8c-0.7,0.3-1.2,1-1.2,1.8c0,1.1,0.9,2,2,2\n          h13c1.1,0,2-0.9,2-2C28.6,26.9,28,26.1,27.3,25.8z M24.3,25.7h-8.5c0.3-2.1,2.1-3.6,4.2-3.6S24,23.6,24.3,25.7z M20,18\n          c-2.1,0-3.9-1.6-4.2-3.6h8.5C24,16.5,22.2,18,20,18z\">\n        </path>\n      </svg>\n    </ng-container>\n    <div class=\"seam-progress-circle--icon-text\" *ngIf=\"showText && !pending && p.percent > 0 && p.percent < 100\">\n      <span>{{ p.percent }}</span>\n    </div>\n  </div>\n</div>\n",
+                encapsulation: ViewEncapsulation.None,
+                styles: ["seam-progress-circle{display:block}seam-progress-circle .seam-progress-circle,seam-progress-circle .seam-progress-circle--absolute-fill,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-center,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner,seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-text{position:absolute;top:0;bottom:0;left:0;right:0}seam-progress-circle .seam-progress-circle{padding:5px}seam-progress-circle .seam-progress-circle .seam-progress-circle-inner{position:relative;height:100%;width:100%}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-check{padding-top:4px;font-size:1.3rem;line-height:1.3rem;color:#55c83c}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-text{text-align:center;align-items:center;display:flex;flex-direction:row;justify-content:center;color:#55c83c;font-size:19px;font-weight:700;transform:translateZ(0)}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-center{transform-origin:center center;text-align:center;align-items:center;display:flex;flex-direction:row;justify-content:center}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner{margin:auto}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path{stroke-linecap:round;stroke:#55c83c;transition:.5s}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path:not(path){stroke-dasharray:0}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-hourglass{fill:#55c83c;transition:.5s}seam-progress-circle .seam-progress-circle .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path-bg{stroke-linecap:round;stroke:#e0f5db}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path{stroke:#f57a15}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner .seam-progress-circle--icon-spinner-path-bg{stroke:#fde9d9}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner[data-percent=\"0\"] .seam-progress-circle--icon-spinner-path{stroke:#6c757d}seam-progress-circle .seam-progress-circle--in-complete .seam-progress-circle--icon-spinner[data-percent=\"0\"] .seam-progress-circle--icon-spinner-path-bg{stroke:#d8dbdd}seam-progress-circle .seam-progress-circle--fill-bg .seam-progress-circle--icon-spinner-path-bg{fill:#fff}"]
+            },] }
+];
+ProgressCircleComponent.ctorParameters = () => [];
+ProgressCircleComponent.propDecorators = {
+    fillBackground: [{ type: Input }],
+    showText: [{ type: Input }],
+    hiddenOnEmpty: [{ type: Input }],
+    pending: [{ type: Input }],
+    percentage: [{ type: Input }]
+};
+__decorate([
+    InputBoolean()
+], ProgressCircleComponent.prototype, "fillBackground", void 0);
+__decorate([
+    InputBoolean()
+], ProgressCircleComponent.prototype, "showText", void 0);
+__decorate([
+    InputBoolean()
+], ProgressCircleComponent.prototype, "hiddenOnEmpty", void 0);
+__decorate([
+    InputBoolean()
+], ProgressCircleComponent.prototype, "pending", void 0);
+__decorate([
+    InputNumber()
+], ProgressCircleComponent.prototype, "percentage", null);
+
+class TheSeamProgressModule {
+}
+TheSeamProgressModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    ProgressCircleComponent
+                ],
+                imports: [
+                    CommonModule
+                ],
+                exports: [
+                    ProgressCircleComponent
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ProgressCircleComponent, TheSeamProgressModule, calcDashoffset };
+//# sourceMappingURL=theseam-ui-common-progress.js.map

package/fesm2015/theseam-ui-common-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-progress.js","sources":["../../../projects/ui-common/progress/progress-circle/progress-circle.component.ts","../../../projects/ui-common/progress/progress.module.ts","../../../projects/ui-common/progress/theseam-ui-common-progress.ts"],"sourcesContent":["import { BooleanInput, NumberInput } from '@angular/cdk/coercion'\nimport { Component, Input, ViewEncapsulation } from '@angular/core'\n\nimport { InputBoolean, InputNumber } from '@theseam/ui-common/core'\n\ninterface IProgressInfo {\n  dashoffset: number\n  circumference: number\n  percent: number\n}\n\nexport function calcDashoffset(value: number, circumference: number) {\n  const progress = value / 100\n  const dashoffset = circumference * (1 - progress)\n  return dashoffset\n}\n\n@Component({\n  selector: 'seam-progress-circle',\n  templateUrl: './progress-circle.component.html',\n  styleUrls: [ './progress-circle.component.scss' ],\n  encapsulation: ViewEncapsulation.None\n})\nexport class ProgressCircleComponent {\n  static ngAcceptInputType_fillBackground: BooleanInput\n  static ngAcceptInputType_showText: BooleanInput\n  static ngAcceptInputType_hiddenOnEmpty: BooleanInput\n  static ngAcceptInputType_percentage: NumberInput\n  static ngAcceptInputType_pending: BooleanInput\n\n  private _percentage: number = 0\n\n  @Input() @InputBoolean() fillBackground: boolean = false\n  @Input() @InputBoolean() showText: boolean = false\n  @Input() @InputBoolean() hiddenOnEmpty: boolean = true\n  @Input() @InputBoolean() pending: boolean = false\n\n  @Input() @InputNumber()\n  set percentage(value: number) {\n    this._percentage = value\n    this._progressInfo = this._getProgress()\n  }\n  get percentage(): number { return this._percentage }\n\n  public readonly radius = 15\n  public readonly circumference = 2 * Math.PI * this.radius\n\n  _progressInfo?: IProgressInfo | null\n\n  constructor() { }\n\n  private _getProgress(): IProgressInfo {\n    return {\n      dashoffset: calcDashoffset(this.percentage || 0, this.circumference),\n      circumference: this.circumference,\n      percent: Math.floor(this.percentage || 0)\n    }\n  }\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { ProgressCircleComponent } from './progress-circle/progress-circle.component'\n\n@NgModule({\n  declarations: [\n    ProgressCircleComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    ProgressCircleComponent\n  ]\n})\nexport class TheSeamProgressModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;SAWgB,cAAc,CAAC,KAAa,EAAE,aAAqB;IACjE,MAAM,QAAQ,GAAG,KAAK,GAAG,GAAG,CAAA;IAC5B,MAAM,UAAU,GAAG,aAAa,IAAI,CAAC,GAAG,QAAQ,CAAC,CAAA;IACjD,OAAO,UAAU,CAAA;AACnB,CAAC;MAQY,uBAAuB;IA0BlC;QAnBQ,gBAAW,GAAW,CAAC,CAAA;QAEN,mBAAc,GAAY,KAAK,CAAA;QAC/B,aAAQ,GAAY,KAAK,CAAA;QACzB,kBAAa,GAAY,IAAI,CAAA;QAC7B,YAAO,GAAY,KAAK,CAAA;QASjC,WAAM,GAAG,EAAE,CAAA;QACX,kBAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;KAIxC;IAXjB,IAAI,UAAU,CAAC,KAAa;QAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;QACxB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,CAAA;KACzC;IACD,IAAI,UAAU,KAAa,OAAO,IAAI,CAAC,WAAW,CAAA,EAAE;IAS5C,YAAY;QAClB,OAAO;YACL,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC;YACpE,aAAa,EAAE,IAAI,CAAC,aAAa;YACjC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC;SAC1C,CAAA;KACF;;;YAxCF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,0tEAA+C;gBAE/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;;aACtC;;;;6BAUE,KAAK;uBACL,KAAK;4BACL,KAAK;sBACL,KAAK;yBAEL,KAAK;;AALmB;IAAf,YAAY,EAAE;+DAAgC;AAC/B;IAAf,YAAY,EAAE;yDAA0B;AACzB;IAAf,YAAY,EAAE;8DAA8B;AAC7B;IAAf,YAAY,EAAE;wDAAyB;AAGjD;IADU,WAAW,EAAE;yDAItB;;MCzBU,qBAAqB;;;YAXjC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,uBAAuB;iBACxB;gBACD,OAAO,EAAE;oBACP,YAAY;iBACb;gBACD,OAAO,EAAE;oBACP,uBAAuB;iBACxB;aACF;;;ACfD;;;;;;"}

package/fesm2015/theseam-ui-common-scrollbar.js

@@ -0,0 +1,184 @@
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, NgZone, Injector, Directive, ElementRef, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/cdk/platform';
+import { Platform, PlatformModule } from '@angular/cdk/platform';
+import { Subscription, fromEvent } from 'rxjs';
+import OverlayScrollbars from 'overlayscrollbars';
+
+const _OverlayScrollbarDefaults = {
+    className: 'os-theme-dark os-theme-no-hover',
+    sizeAutoCapable: false,
+    paddingAbsolute: true,
+    autoUpdate: true
+};
+function mergeOverlayScrollbarsConfigs(a, b) {
+    return Object.assign(Object.assign({}, a), b);
+}
+/** Injection token that can be used to specify overlayscrollbars options. */
+const LIB_OVERLAY_SCROLLBARS_CONFIG = new InjectionToken('seamOverlayScrollbarsConfig');
+
+class OverlayScrollbarsService {
+    constructor(_ngZone, injector, _platform) {
+        this._ngZone = _ngZone;
+        this.injector = injector;
+        this._platform = _platform;
+        this._inputEventSubscription = Subscription.EMPTY;
+    }
+    initializeInstance(element, options) {
+        if (!this.isInstanceEnabled(element) &&
+            // The 'overlayscrollbars' library is causing an issue on iOS. Since iOS
+            // already has native overlay scrollbars it shouldn't really effect the
+            // app layout.
+            !(this._isTextarea(element) && this._platform.IOS)) {
+            this._ngZone.runOutsideAngular(() => {
+                OverlayScrollbars(element, this._applyConfigDefaults(options));
+                if (this._isTextarea(element)) {
+                    // TODO: Make this more accurate. Right now this is just relying on
+                    // the fact that timing out for 100ms is usually enough time to wait
+                    // for update to correctly calculate.
+                    // NOTE: This may be fixed in a newer version to not need this hack.
+                    fromEvent(element, 'change').subscribe(_ => {
+                        this._ngZone.run(() => {
+                            setTimeout(() => {
+                                if (this.isInstanceEnabled(element)) {
+                                    this.getInstance(element).update();
+                                }
+                            }, 100);
+                        });
+                    });
+                }
+            });
+        }
+    }
+    destroyInstance(element) {
+        if (this.isInstanceEnabled(element)) {
+            this._ngZone.runOutsideAngular(() => {
+                this.getInstance(element).destroy();
+                if (this._inputEventSubscription && !this._inputEventSubscription.closed) {
+                    this._inputEventSubscription.unsubscribe();
+                }
+            });
+        }
+    }
+    getInstance(element) {
+        return OverlayScrollbars(element);
+    }
+    isInstanceEnabled(element) {
+        return !!this.getInstance(element);
+    }
+    setOptions(element, options) {
+        if (!this.isInstanceEnabled(element)) {
+            return false;
+        }
+        this.getInstance(element).options(this._applyConfigDefaults(options));
+        return true;
+    }
+    getOptions(element) {
+        return this.getInstance(element).options();
+    }
+    _applyConfigDefaults(config) {
+        const _config = this.injector.get(LIB_OVERLAY_SCROLLBARS_CONFIG);
+        return Object.assign(Object.assign({}, _config), config);
+    }
+    /** Determines if the component host is a textarea. */
+    _isTextarea(element) {
+        return element.nodeName.toLowerCase() === 'textarea';
+    }
+}
+OverlayScrollbarsService.ɵprov = i0.ɵɵdefineInjectable({ factory: function OverlayScrollbarsService_Factory() { return new OverlayScrollbarsService(i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i1.Platform)); }, token: OverlayScrollbarsService, providedIn: "root" });
+OverlayScrollbarsService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+OverlayScrollbarsService.ctorParameters = () => [
+    { type: NgZone },
+    { type: Injector },
+    { type: Platform }
+];
+
+class OverlayScrollbarDirective {
+    constructor(_ref, _scrollbars) {
+        this._ref = _ref;
+        this._scrollbars = _scrollbars;
+        this._disabled = false;
+        this._options = {};
+    }
+    set seamOverlayScrollbar(value) { this.options = value; }
+    get overlayScrollbarEnabled() {
+        return this._scrollbars.isInstanceEnabled(this._ref.nativeElement);
+    }
+    set overlayScrollbarEnabled(value) {
+        this._disabled = !coerceBooleanProperty(value);
+        if (!this._disabled) {
+            this._scrollbars.initializeInstance(this._ref.nativeElement);
+        }
+        else {
+            this._scrollbars.destroyInstance(this._ref.nativeElement);
+        }
+    }
+    set options(value) {
+        this._options = value || {};
+        this._scrollbars.setOptions(this._ref.nativeElement, this._options);
+    }
+    get options() {
+        if (this._scrollbars.isInstanceEnabled(this._ref.nativeElement)) {
+            return this._scrollbars.getOptions(this._ref.nativeElement);
+        }
+        return this._options;
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        if (!this._disabled) {
+            this._scrollbars.initializeInstance(this._ref.nativeElement, this._options);
+        }
+    }
+    ngOnDestroy() {
+        this._scrollbars.destroyInstance(this._ref.nativeElement);
+    }
+    get instance() {
+        return this._scrollbars.getInstance(this._ref.nativeElement);
+    }
+}
+OverlayScrollbarDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamOverlayScrollbar]',
+                exportAs: 'seamOverlayScrollbar'
+            },] }
+];
+OverlayScrollbarDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: OverlayScrollbarsService }
+];
+OverlayScrollbarDirective.propDecorators = {
+    seamOverlayScrollbar: [{ type: Input }],
+    overlayScrollbarEnabled: [{ type: Input }]
+};
+
+const ɵ0 = _OverlayScrollbarDefaults;
+class TheSeamScrollbarModule {
+}
+TheSeamScrollbarModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    OverlayScrollbarDirective
+                ],
+                imports: [
+                    PlatformModule
+                ],
+                providers: [
+                    { provide: LIB_OVERLAY_SCROLLBARS_CONFIG, useValue: ɵ0 }
+                ],
+                exports: [
+                    OverlayScrollbarDirective
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LIB_OVERLAY_SCROLLBARS_CONFIG, OverlayScrollbarDirective, OverlayScrollbarsService, TheSeamScrollbarModule, _OverlayScrollbarDefaults, mergeOverlayScrollbarsConfigs };
+//# sourceMappingURL=theseam-ui-common-scrollbar.js.map

package/fesm2015/theseam-ui-common-scrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-scrollbar.js","sources":["../../../projects/ui-common/scrollbar/overlay-scrollbars-config.ts","../../../projects/ui-common/scrollbar/overlay-scrollbars.service.ts","../../../projects/ui-common/scrollbar/overlay-scrollbar.directive.ts","../../../projects/ui-common/scrollbar/scrollbar.module.ts","../../../projects/ui-common/scrollbar/theseam-ui-common-scrollbar.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core'\n\nimport { IOverlayScrollbarsConfig } from './overlay-scrollbars-config-model'\n\nexport const _OverlayScrollbarDefaults: IOverlayScrollbarsConfig = {\n  className: 'os-theme-dark os-theme-no-hover',\n  sizeAutoCapable: false,\n  paddingAbsolute: true,\n  autoUpdate: true\n}\n\nexport function mergeOverlayScrollbarsConfigs(a: IOverlayScrollbarsConfig, b: IOverlayScrollbarsConfig) {\n  return { ...a, ...b }\n}\n\n/** Injection token that can be used to specify overlayscrollbars options. */\nexport const LIB_OVERLAY_SCROLLBARS_CONFIG = new InjectionToken<IOverlayScrollbarsConfig>('seamOverlayScrollbarsConfig')\n","import { Platform } from '@angular/cdk/platform'\nimport { forwardRef, inject, Injectable, InjectionToken, Injector, INJECTOR, NgZone } from '@angular/core'\nimport { fromEvent, Subscription } from 'rxjs'\n\nimport OverlayScrollbars from 'overlayscrollbars'\n\nimport { LIB_OVERLAY_SCROLLBARS_CONFIG } from './overlay-scrollbars-config'\nimport { IOverlayScrollbarsConfig } from './overlay-scrollbars-config-model'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class OverlayScrollbarsService {\n\n  private _inputEventSubscription = Subscription.EMPTY\n\n  constructor(\n    private _ngZone: NgZone,\n    private injector: Injector,\n    private _platform: Platform\n  ) { }\n\n  public initializeInstance(element: HTMLElement, options?: IOverlayScrollbarsConfig): void {\n    if (!this.isInstanceEnabled(element) &&\n      // The 'overlayscrollbars' library is causing an issue on iOS. Since iOS\n      // already has native overlay scrollbars it shouldn't really effect the\n      // app layout.\n      !(this._isTextarea(element) && this._platform.IOS)\n    ) {\n      this._ngZone.runOutsideAngular(() => {\n        OverlayScrollbars(element, this._applyConfigDefaults(options))\n\n        if (this._isTextarea(element)) {\n          // TODO: Make this more accurate. Right now this is just relying on\n          // the fact that timing out for 100ms is usually enough time to wait\n          // for update to correctly calculate.\n          // NOTE: This may be fixed in a newer version to not need this hack.\n          fromEvent(element, 'change').subscribe(_ => {\n            this._ngZone.run(() => {\n              setTimeout(() => {\n                if (this.isInstanceEnabled(element)) {\n                  this.getInstance(element).update()\n                }\n              }, 100)\n            })\n          })\n        }\n      })\n    }\n  }\n\n  public destroyInstance(element: HTMLElement): void {\n    if (this.isInstanceEnabled(element)) {\n      this._ngZone.runOutsideAngular(() => {\n        this.getInstance(element).destroy()\n        if (this._inputEventSubscription && !this._inputEventSubscription.closed) {\n          this._inputEventSubscription.unsubscribe()\n        }\n      })\n    }\n  }\n\n  public getInstance(element: HTMLElement): OverlayScrollbars {\n    return OverlayScrollbars(element) as OverlayScrollbars\n  }\n\n  public isInstanceEnabled(element: HTMLElement): boolean {\n    return !!this.getInstance(element)\n  }\n\n  public setOptions(element: HTMLElement, options: IOverlayScrollbarsConfig): boolean {\n    if (!this.isInstanceEnabled(element)) { return false }\n\n    this.getInstance(element).options(this._applyConfigDefaults(options))\n\n    return true\n  }\n\n  public getOptions(element: HTMLElement): IOverlayScrollbarsConfig {\n    return this.getInstance(element).options()\n  }\n\n  private _applyConfigDefaults(config?: IOverlayScrollbarsConfig): IOverlayScrollbarsConfig {\n    const _config: IOverlayScrollbarsConfig = this.injector.get(LIB_OVERLAY_SCROLLBARS_CONFIG)\n    return {..._config, ...config}\n  }\n\n  /** Determines if the component host is a textarea. */\n  protected _isTextarea(element: HTMLElement) {\n    return element.nodeName.toLowerCase() === 'textarea'\n  }\n\n}\n","import { coerceBooleanProperty } from '@angular/cdk/coercion'\nimport { AfterViewInit, Directive, ElementRef, Input, OnDestroy, OnInit } from '@angular/core'\n\nimport OverlayScrollbars from 'overlayscrollbars'\n\nimport { OverlayScrollbarsService } from './overlay-scrollbars.service'\n\nimport type { IOverlayScrollbarsConfig } from './overlay-scrollbars-config-model'\n\n@Directive({\n  selector: '[seamOverlayScrollbar]',\n  exportAs: 'seamOverlayScrollbar'\n})\nexport class OverlayScrollbarDirective implements OnInit, AfterViewInit, OnDestroy {\n  static ngAcceptInputType_seamOverlayScrollbar: IOverlayScrollbarsConfig | undefined | null | ''\n\n  private _disabled = false\n\n  @Input()\n  set seamOverlayScrollbar(value: IOverlayScrollbarsConfig | undefined | null) { this.options = value }\n\n  @Input()\n  get overlayScrollbarEnabled(): boolean {\n    return this._scrollbars.isInstanceEnabled(this._ref.nativeElement)\n  }\n  set overlayScrollbarEnabled(value: boolean) {\n    this._disabled = !coerceBooleanProperty(value)\n    if (!this._disabled) {\n      this._scrollbars.initializeInstance(this._ref.nativeElement)\n    } else {\n      this._scrollbars.destroyInstance(this._ref.nativeElement)\n    }\n  }\n\n  set options(value: IOverlayScrollbarsConfig | undefined | null) {\n    this._options = value || {}\n    this._scrollbars.setOptions(this._ref.nativeElement, this._options)\n  }\n  get options() {\n    if (this._scrollbars.isInstanceEnabled(this._ref.nativeElement)) {\n      return this._scrollbars.getOptions(this._ref.nativeElement)\n    }\n    return this._options\n  }\n  private _options: IOverlayScrollbarsConfig = {}\n\n  constructor(\n    private _ref: ElementRef,\n    private _scrollbars: OverlayScrollbarsService\n  ) { }\n\n  ngOnInit() { }\n\n  ngAfterViewInit() {\n    if (!this._disabled) {\n      this._scrollbars.initializeInstance(this._ref.nativeElement, this._options)\n    }\n  }\n\n  ngOnDestroy() {\n    this._scrollbars.destroyInstance(this._ref.nativeElement)\n  }\n\n  get instance(): OverlayScrollbars {\n    return this._scrollbars.getInstance(this._ref.nativeElement)\n  }\n\n}\n","import { PlatformModule } from '@angular/cdk/platform'\nimport { NgModule } from '@angular/core'\n\nimport { OverlayScrollbarDirective } from './overlay-scrollbar.directive'\nimport { LIB_OVERLAY_SCROLLBARS_CONFIG, _OverlayScrollbarDefaults } from './overlay-scrollbars-config'\n\n@NgModule({\n  declarations: [\n    OverlayScrollbarDirective\n  ],\n  imports: [\n    PlatformModule\n  ],\n  providers: [\n    { provide: LIB_OVERLAY_SCROLLBARS_CONFIG, useValue: _OverlayScrollbarDefaults }\n  ],\n  exports: [\n    OverlayScrollbarDirective\n  ]\n})\nexport class TheSeamScrollbarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/theseam-ui-common-services.js

@@ -0,0 +1,140 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import { defer, Observable } from 'rxjs';
+import { map, filter, startWith } from 'rxjs/operators';
+import { loadStyleSheet, loadStyle, hasProperty } from '@theseam/ui-common/utils';
+import * as i1 from '@angular/router';
+import { NavigationEnd, Router } from '@angular/router';
+import WebFont from 'webfontloader';
+
+class LoadedAssetRef {
+    constructor(nativeElement, path, content) {
+        this.nativeElement = nativeElement;
+        this.path = path;
+        this.content = content;
+    }
+    destroy() {
+        var _a;
+        (_a = this.nativeElement.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this.nativeElement);
+    }
+}
+class AssetLoaderService {
+    constructor() { }
+    loadStyleSheet(path) {
+        return defer(() => loadStyleSheet(path)).pipe(map(v => new LoadedAssetRef(v, path)));
+    }
+    loadStyle(content) {
+        return defer(() => loadStyle(content)).pipe(map(v => new LoadedAssetRef(v, undefined, content)));
+    }
+}
+AssetLoaderService.ɵprov = i0.ɵɵdefineInjectable({ factory: function AssetLoaderService_Factory() { return new AssetLoaderService(); }, token: AssetLoaderService, providedIn: "root" });
+AssetLoaderService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+AssetLoaderService.ctorParameters = () => [];
+
+class RouterHelpersService {
+    constructor(_router) {
+        this._router = _router;
+    }
+    isActive(url, exact) {
+        const opts = exact
+            ? { paths: 'exact', queryParams: 'exact', fragment: 'ignored', matrixParams: 'ignored' }
+            : { paths: 'subset', queryParams: 'subset', fragment: 'ignored', matrixParams: 'ignored' };
+        return this._router.events.pipe(filter(event => event instanceof NavigationEnd), map(event => this._router.isActive(url, opts)), startWith(this._router.isActive(url, opts)));
+    }
+}
+RouterHelpersService.ɵprov = i0.ɵɵdefineInjectable({ factory: function RouterHelpersService_Factory() { return new RouterHelpersService(i0.ɵɵinject(i1.Router)); }, token: RouterHelpersService, providedIn: "root" });
+RouterHelpersService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+RouterHelpersService.ctorParameters = () => [
+    { type: Router }
+];
+
+/**
+ * Service to help loading fonts.
+ *
+ * Currently this is just a wrapper for the parts of webfontloader that we need.
+ * Eventually this should be generic enough that we can switch loaders without
+ * config differences being confusing.
+ */
+class TheSeamFontLoaderService {
+    constructor() { }
+    /**
+     * Since this method is just a wrapper for webfontloader right now it accepts
+     * anything webfontloader's config accepts, so the event callbacks can still
+     * be used, but you should us the emitted objects instead. If we decide to
+     * support other font loaders then the event callbacks will most likely be
+     * removed.
+     *
+     * NOTE: If you need to use the events callbacks for some reason, this
+     * method's returned observable will still need to be subscribed to, because
+     * it doesn't start till subscribed to.
+     */
+    load(config) {
+        return new Observable((subscriber) => {
+            WebFont.load(Object.assign(Object.assign({}, config), { 
+                /** This event is triggered when all fonts have been requested. */
+                loading: () => {
+                    if (hasProperty(config, 'loading')) {
+                        config.loading();
+                    }
+                    subscriber.next({ type: 'loading' });
+                }, 
+                /** This event is triggered when the fonts have rendered. */
+                active: () => {
+                    if (hasProperty(config, 'active')) {
+                        config.active();
+                    }
+                    subscriber.next({ type: 'active' });
+                }, 
+                /** This event is triggered when the browser does not support linked fonts or if none of the fonts could be loaded. */
+                inactive: () => {
+                    if (hasProperty(config, 'inactive')) {
+                        config.inactive();
+                    }
+                    subscriber.next({ type: 'inactive' });
+                }, 
+                /** This event is triggered once for each font that's loaded. */
+                fontloading: (familyName, fvd) => {
+                    if (hasProperty(config, 'fontloading')) {
+                        config.fontloading(familyName, fvd);
+                    }
+                    subscriber.next({ type: 'fontloading', familyName, fvd });
+                }, 
+                /** This event is triggered once for each font that renders. */
+                fontactive: (familyName, fvd) => {
+                    if (hasProperty(config, 'fontactive')) {
+                        config.fontactive(familyName, fvd);
+                    }
+                    subscriber.next({ type: 'fontactive', familyName, fvd });
+                }, 
+                /** This event is triggered if the font can't be loaded. */
+                fontinactive: (familyName, fvd) => {
+                    if (hasProperty(config, 'fontinactive')) {
+                        config.fontinactive(familyName, fvd);
+                    }
+                    subscriber.next({ type: 'fontinactive', familyName, fvd });
+                } }));
+        });
+    }
+}
+TheSeamFontLoaderService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TheSeamFontLoaderService_Factory() { return new TheSeamFontLoaderService(); }, token: TheSeamFontLoaderService, providedIn: "root" });
+TheSeamFontLoaderService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+TheSeamFontLoaderService.ctorParameters = () => [];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AssetLoaderService, LoadedAssetRef, RouterHelpersService, TheSeamFontLoaderService };
+//# sourceMappingURL=theseam-ui-common-services.js.map

package/fesm2015/theseam-ui-common-services.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-services.js","sources":["../../../projects/ui-common/services/asset-loader.service.ts","../../../projects/ui-common/services/router-helpers.service.ts","../../../projects/ui-common/services/font-loader.service.ts","../../../projects/ui-common/services/theseam-ui-common-services.ts"],"sourcesContent":["import { Injectable } from '@angular/core'\nimport { defer, Observable } from 'rxjs'\nimport { map } from 'rxjs/operators'\n\nimport { loadStyle, loadStyleSheet } from '@theseam/ui-common/utils'\n\nexport class LoadedAssetRef<T extends HTMLLinkElement | HTMLScriptElement | HTMLStyleElement> {\n\n  constructor(\n    public readonly nativeElement: T,\n    public readonly path?: string,\n    public readonly content?: string\n  ) {\n\n  }\n\n  public destroy(): void {\n    this.nativeElement.parentElement?.removeChild(this.nativeElement)\n  }\n\n}\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class AssetLoaderService {\n\n  constructor() { }\n\n  public loadStyleSheet(path: string): Observable<LoadedAssetRef<HTMLLinkElement>> {\n    return defer(() => loadStyleSheet(path)).pipe(map(v => new LoadedAssetRef(v, path)))\n  }\n\n  public loadStyle(content: string): Observable<LoadedAssetRef<HTMLStyleElement>> {\n    return defer(() => loadStyle(content)).pipe(map(v => new LoadedAssetRef(v, undefined, content)))\n  }\n\n}\n","import { Injectable } from '@angular/core'\nimport { IsActiveMatchOptions, NavigationEnd, Router, UrlTree } from '@angular/router'\nimport { Observable } from 'rxjs'\nimport { filter, map, startWith } from 'rxjs/operators'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class RouterHelpersService {\n\n  constructor(\n    private _router: Router\n  ) { }\n\n  public isActive(url: string | UrlTree, exact: boolean): Observable<boolean> {\n    const opts: IsActiveMatchOptions = exact\n      ? { paths: 'exact', queryParams: 'exact', fragment: 'ignored', matrixParams: 'ignored' }\n      : { paths: 'subset', queryParams: 'subset', fragment: 'ignored', matrixParams: 'ignored' }\n\n    return this._router.events.pipe(\n      filter(event => event instanceof NavigationEnd),\n      map(event => this._router.isActive(url, opts)),\n      startWith(this._router.isActive(url, opts))\n    )\n  }\n}\n","import { Injectable } from '@angular/core'\n\nimport { Observable, Subscriber } from 'rxjs'\nimport WebFont from 'webfontloader'\n\nimport { hasProperty } from '@theseam/ui-common/utils'\n\nexport type TheSeamFontEvents =\n  { type: 'loading' } |\n  { type: 'active' } |\n  { type: 'inactive' } |\n  { type: 'fontloading', familyName: string, fvd: string } |\n  { type: 'fontactive', familyName: string, fvd: string } |\n  { type: 'fontinactive', familyName: string, fvd: string }\n\n/**\n * Service to help loading fonts.\n *\n * Currently this is just a wrapper for the parts of webfontloader that we need.\n * Eventually this should be generic enough that we can switch loaders without\n * config differences being confusing.\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class TheSeamFontLoaderService {\n\n  constructor() { }\n\n  /**\n   * Since this method is just a wrapper for webfontloader right now it accepts\n   * anything webfontloader's config accepts, so the event callbacks can still\n   * be used, but you should us the emitted objects instead. If we decide to\n   * support other font loaders then the event callbacks will most likely be\n   * removed.\n   *\n   * NOTE: If you need to use the events callbacks for some reason, this\n   * method's returned observable will still need to be subscribed to, because\n   * it doesn't start till subscribed to.\n   */\n  public load(config: WebFont.Config): Observable<TheSeamFontEvents> {\n    return new Observable((subscriber: Subscriber<TheSeamFontEvents>) => {\n      WebFont.load({\n        ...config,\n        /** This event is triggered when all fonts have been requested. */\n        loading: () => {\n          if (hasProperty(config, 'loading')) {\n            config.loading()\n          }\n          subscriber.next({ type: 'loading' })\n        },\n        /** This event is triggered when the fonts have rendered. */\n        active: () => {\n          if (hasProperty(config, 'active')) {\n            config.active()\n          }\n          subscriber.next({ type: 'active' })\n        },\n        /** This event is triggered when the browser does not support linked fonts or if none of the fonts could be loaded. */\n        inactive: () => {\n          if (hasProperty(config, 'inactive')) {\n            config.inactive()\n          }\n          subscriber.next({ type: 'inactive' })\n        },\n        /** This event is triggered once for each font that's loaded. */\n        fontloading: (familyName: string, fvd: string) => {\n          if (hasProperty(config, 'fontloading')) {\n            config.fontloading(familyName, fvd)\n          }\n          subscriber.next({ type: 'fontloading', familyName, fvd })\n        },\n        /** This event is triggered once for each font that renders. */\n        fontactive: (familyName: string, fvd: string) => {\n          if (hasProperty(config, 'fontactive')) {\n            config.fontactive(familyName, fvd)\n          }\n          subscriber.next({ type: 'fontactive', familyName, fvd })\n        },\n        /** This event is triggered if the font can't be loaded. */\n        fontinactive: (familyName: string, fvd: string) => {\n          if (hasProperty(config, 'fontinactive')) {\n            config.fontinactive(familyName, fvd)\n          }\n          subscriber.next({ type: 'fontinactive', familyName, fvd })\n        },\n      })\n    })\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/theseam-ui-common-shared.js

@@ -0,0 +1,696 @@
+import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
+import { Component, Input, Directive, ElementRef, Optional, EventEmitter, Output, HostListener, NgZone, Self, HostBinding, Pipe, NgModule } from '@angular/core';
+import { faEye, faEyeSlash } from '@fortawesome/free-regular-svg-icons';
+import { getClosestModal, Modal, ModalRef, TheSeamModalModule } from '@theseam/ui-common/modal';
+import { NgControl } from '@angular/forms';
+import { ResizeSensor } from 'css-element-queries';
+import { Subject, fromEvent } from 'rxjs';
+import { takeUntil, filter, tap } from 'rxjs/operators';
+import { NgSelectComponent } from '@ng-select/ng-select';
+import { QuillEditorComponent } from 'ngx-quill';
+import { padStart, padEnd } from '@theseam/ui-common/utils';
+import { CommonModule } from '@angular/common';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { TheSeamLoadingModule } from '@theseam/ui-common/loading';
+import { TheSeamScrollbarModule } from '@theseam/ui-common/scrollbar';
+
+class PasswordInputRevealComponent {
+    constructor() {
+        this.faEye = faEye;
+        this.faEyeSlash = faEyeSlash;
+        this._passwordVisible = false;
+    }
+    get inputRef() { return this._passwordInput; }
+    set inputRef(value) {
+        this._passwordInput = value;
+        this.updateRevealState();
+        if (this._passwordInput) {
+            this._passwordInput.style.paddingRight = '40px';
+            this._passwordInput.classList.add('no-native-eye');
+        }
+    }
+    get passwordVisible() { return this._passwordVisible; }
+    set passwordVisible(value) {
+        this._passwordVisible = coerceBooleanProperty(value);
+        this.updateRevealState();
+    }
+    updateRevealState() {
+        if (this._passwordInput) {
+            this._passwordInput.type = this.passwordVisible ? 'text' : 'password';
+        }
+    }
+    revealPassword() {
+        this.passwordVisible = !this.passwordVisible;
+    }
+}
+PasswordInputRevealComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-password-input-reveal',
+                template: `
+    <fa-icon [icon]="passwordVisible ? faEyeSlash : faEye" class="password-reveal-icon" (click)="revealPassword()"></fa-icon>
+  `,
+                styles: [`
+    :host {
+      display: flex;
+      align-items: center;
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: 30px;
+      transform: translateZ(0);
+      z-index: 50;
+    }
+
+    :host fa-icon {
+      opacity: 1;
+      color: #bababa;
+      margin-top: 3px;
+      cursor: pointer;
+    }
+
+    :host fa-icon ::ng-deep {
+      .svg-inline--fa {
+        vertical-align: middle;
+      }
+    }
+    `]
+            },] }
+];
+PasswordInputRevealComponent.propDecorators = {
+    inputRef: [{ type: Input }],
+    passwordVisible: [{ type: Input }]
+};
+
+class AutoFocusDirective {
+    constructor(_elementRef, _modal, _modalRef) {
+        this._elementRef = _elementRef;
+        this._modal = _modal;
+        this._modalRef = _modalRef;
+        this._focus = true;
+        this.modalRef = _modalRef;
+    }
+    ngOnInit() {
+        if (!this.modalRef) {
+            // When this directive is included in a dialog via TemplateRef (rather than being
+            // in a Component), the DialogRef isn't available via injection because embedded
+            // views cannot be given a custom injector. Instead, we look up the DialogRef by
+            // ID. This must occur in `onInit`, as the ID binding for the dialog container won't
+            // be resolved at constructor time.
+            this.modalRef = getClosestModal(this._elementRef, this._modal.openDialogs);
+        }
+        if (!this.modalRef) {
+            if (this._focus) {
+                setTimeout(() => { this.focus(); });
+            }
+        }
+        else {
+            this.modalRef.afterOpened().subscribe(() => {
+                setTimeout(() => { this.focus(); });
+            });
+        }
+    }
+    set seamAutoFocus(condition) {
+        this._focus = coerceBooleanProperty(condition) !== false;
+    }
+    focus() {
+        this._elementRef.nativeElement.focus();
+    }
+}
+AutoFocusDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamAutoFocus]',
+                exportAs: 'seamAutoFocus'
+            },] }
+];
+AutoFocusDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Modal },
+    { type: ModalRef, decorators: [{ type: Optional }] }
+];
+AutoFocusDirective.propDecorators = {
+    seamAutoFocus: [{ type: Input }]
+};
+
+class ClickOutsideDirective {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this._active = true;
+        this.seamClickOutside = new EventEmitter();
+    }
+    get seamClickOutsideActive() {
+        return this._active;
+    }
+    set seamClickOutsideActive(value) {
+        if (this._active === value) {
+            return;
+        }
+        if (value) {
+            // `setTimeout` is used to avoid the click event triggering when the value
+            // changes if the value was changed with a click.
+            setTimeout(() => { this._active = value; });
+        }
+        else {
+            this._active = value;
+        }
+    }
+    // NOTE: This should probably be changed from a `HostListener` to allow the
+    // subscription to be unsubscribed.
+    onDocumentClick(event) {
+        if (this._active) {
+            const targetElement = event.target;
+            // Check if the click was outside the element
+            if (targetElement && !this.elementRef.nativeElement.contains(targetElement)) {
+                this.seamClickOutside.emit(event);
+            }
+        }
+    }
+}
+ClickOutsideDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamClickOutside]'
+            },] }
+];
+ClickOutsideDirective.ctorParameters = () => [
+    { type: ElementRef }
+];
+ClickOutsideDirective.propDecorators = {
+    seamClickOutsideActive: [{ type: Input }],
+    seamClickOutside: [{ type: Output }],
+    onDocumentClick: [{ type: HostListener, args: ['document:click', ['$event'],] }]
+};
+
+// Source: https://netbasal.com/disabling-form-controls-when-working-with-reactive-forms-in-angular-549dd7b42110
+class DisableControlDirective {
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+    }
+    set seamDisableControl(condition) {
+        const action = condition ? 'disable' : 'enable';
+        const control = this.ngControl.control;
+        if (control) {
+            control[action]();
+        }
+    }
+}
+DisableControlDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamDisableControl]'
+            },] }
+];
+DisableControlDirective.ctorParameters = () => [
+    { type: NgControl }
+];
+DisableControlDirective.propDecorators = {
+    seamDisableControl: [{ type: Input }]
+};
+
+class ElemResizedDirective {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.seamElemResized = new EventEmitter();
+    }
+    ngAfterViewInit() {
+        this.sensor = new ResizeSensor(this.elementRef.nativeElement, (event) => {
+            this.seamElemResized.emit({ element: this.elementRef.nativeElement, size: event });
+        });
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = this.sensor) === null || _a === void 0 ? void 0 : _a.detach();
+    }
+}
+ElemResizedDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamElemResized]'
+            },] }
+];
+ElemResizedDirective.ctorParameters = () => [
+    { type: ElementRef }
+];
+ElemResizedDirective.propDecorators = {
+    seamElemResized: [{ type: Output }]
+};
+
+/**
+ * Don't use this directive unless there is a reason not to use css `:hover`,
+ * because the accuracy of detecting the hover is not as good. If an element is
+ * moved while the mouse is idle the hover class will remain until the mouse
+ * enters and leaves again.
+ *
+ * I have tried multiple ways of detecting the mouse no longer hovering, but all
+ * have introduced a slight performance issue that just builds for each element
+ * containing this directive.
+ */
+class HoverClassToggleDirective {
+    constructor(_element) {
+        this._element = _element;
+        this._hovered = false;
+        this._defaultClasses = [];
+        this._hoverClasses = [];
+    }
+    onMouseOver($event) {
+        this._setHovered(true);
+    }
+    onMouseOut($event) {
+        this._setHovered(false);
+    }
+    onPointerOver($event) {
+        this._setHovered(true);
+    }
+    onPointerOut($event) {
+        this._setHovered(false);
+    }
+    set seamHoverClassToggle(value) {
+        if (value) {
+            if (value.default) {
+                this._defaultClasses = value.default.split(' ').filter(c => c.length > 0);
+            }
+            if (value.hover) {
+                this._hoverClasses = value.hover.split(' ').filter(c => c.length > 0);
+            }
+        }
+        this._hoverClasses = this._hoverClasses.filter(v => !this._defaultClasses.find(_v => _v === v));
+        this._update();
+    }
+    _update() {
+        for (const c of this._defaultClasses) {
+            this._hovered ? this._removeClass(c) : this._addClass(c);
+        }
+        for (const c of this._hoverClasses) {
+            this._hovered ? this._addClass(c) : this._removeClass(c);
+        }
+    }
+    _setHovered(hovered) {
+        const doUpdate = this._hovered !== hovered;
+        this._hovered = hovered;
+        if (doUpdate) {
+            this._update();
+        }
+    }
+    _addClass(c) {
+        this._element.nativeElement.classList.add(c);
+    }
+    _removeClass(c) {
+        this._element.nativeElement.classList.remove(c);
+    }
+}
+HoverClassToggleDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamHoverClassToggle]'
+            },] }
+];
+HoverClassToggleDirective.ctorParameters = () => [
+    { type: ElementRef }
+];
+HoverClassToggleDirective.propDecorators = {
+    onMouseOver: [{ type: HostListener, args: ['mouseover', ['$event'],] }],
+    onMouseOut: [{ type: HostListener, args: ['mouseout', ['$event'],] }],
+    onPointerOver: [{ type: HostListener, args: ['pointerover', ['$event'],] }],
+    onPointerOut: [{ type: HostListener, args: ['pointerout', ['$event'],] }],
+    seamHoverClassToggle: [{ type: Input }]
+};
+
+/**
+ * Don't use this directive unless there is a reason not to use css `:hover`,
+ * because the accuracy of detecting the hover is not as good. If an element is
+ * moved while the mouse is idle the hover class will remain until the mouse
+ * enters and leaves again.
+ *
+ * I have tried multiple ways of detecting the mouse no longer hovering, but all
+ * have introduced a slight performance issue that just builds for each element
+ * containing this directive.
+ */
+class HoverClassDirective {
+    constructor(_element) {
+        this._element = _element;
+        this._hovered = false;
+        this._classes = [];
+    }
+    onMouseOver($event) {
+        this._setHovered(true);
+    }
+    onMouseOut($event) {
+        this._setHovered(false);
+    }
+    onPointerOver($event) {
+        this._setHovered(true);
+    }
+    onPointerOut($event) {
+        this._setHovered(false);
+    }
+    set seamHoverClass(classList) {
+        const newClasses = classList.split(' ').filter(c => c.length > 0);
+        for (const c of this._classes) {
+            if (newClasses.indexOf(c) !== 0) {
+                this._removeClass(c);
+            }
+        }
+        this._classes = newClasses;
+        this._update();
+    }
+    _update() {
+        for (const c of this._classes) {
+            this._hovered ? this._addClass(c) : this._removeClass(c);
+        }
+    }
+    _setHovered(hovered) {
+        const doUpdate = this._hovered !== hovered;
+        this._hovered = hovered;
+        if (doUpdate) {
+            this._update();
+        }
+    }
+    _addClass(c) {
+        this._element.nativeElement.classList.add(c);
+    }
+    _removeClass(c) {
+        this._element.nativeElement.classList.remove(c);
+    }
+}
+HoverClassDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamHoverClass]'
+            },] }
+];
+HoverClassDirective.ctorParameters = () => [
+    { type: ElementRef }
+];
+HoverClassDirective.propDecorators = {
+    onMouseOver: [{ type: HostListener, args: ['mouseover', ['$event'],] }],
+    onMouseOut: [{ type: HostListener, args: ['mouseout', ['$event'],] }],
+    onPointerOver: [{ type: HostListener, args: ['pointerover', ['$event'],] }],
+    onPointerOut: [{ type: HostListener, args: ['pointerout', ['$event'],] }],
+    seamHoverClass: [{ type: Input }]
+};
+
+class NgSelectExtraDirective {
+    constructor(elementRef, _ngZone, ngSelect, ngControl) {
+        this.elementRef = elementRef;
+        this._ngZone = _ngZone;
+        this.ngSelect = ngSelect;
+        this.ngControl = ngControl;
+        this._ngUnsubscribe = new Subject();
+        this._markedItem = null;
+        this._checkMarked = false;
+        this._keyPressWorkaroundSub = null;
+        this._resizedEvent = new EventEmitter();
+        this._onScroll = (event) => {
+            if (this.ngSelect && this.ngSelect.isOpen) {
+                const isScrollingInScrollHost = event.target.className.indexOf('ng-dropdown-panel-items') !== -1;
+                const isInSensor = event.target.className.indexOf('resize-sensor-shrink') !== -1 ||
+                    event.target.className.indexOf('os-resize-observer-host') !== -1;
+                if (isScrollingInScrollHost || isInSensor) {
+                    return;
+                }
+                this.ngSelect.close();
+            }
+        };
+    }
+    /**
+     * Set the tab index to `-1` to allow the root element of the ng-select
+     * component to receive `focus` event from javascript, but not get focused by
+     * keyboard navigation.
+     */
+    get _tabIndex() { return this.ngSelect.disabled ? undefined : -1; }
+    /**
+     * Listening for focus event on root of component to allow javascript
+     * `focus()` function to trigger the components focus.
+     */
+    onFocus($event) {
+        const target = $event.target;
+        if (target === this.elementRef.nativeElement && !this.ngSelect.disabled) {
+            this.ngSelect.focus();
+        }
+        // ng-select has an input `labelForId` that sets the autocomplete attribute
+        // in ngOnInit. I am not positive that it is wrong by doing that, but this
+        // hack makes it set the attributes again on focus, because that gives the
+        // result I was expecting, since we don't manually set the `labelForId`
+        // input.
+        const _ngSelect = this.ngSelect;
+        _ngSelect._setInputAttributes();
+    }
+    get _isInvalid() {
+        return this.ngControl ? this.ngControl.invalid && (this.ngControl.dirty || this.ngControl.touched) : false;
+    }
+    get _isEmptyStringValue() {
+        return this.ngControl ? this.ngControl.value === '' ? true : false : false;
+    }
+    ngOnInit() {
+        this.ngSelect.focusEvent
+            .subscribe(v => this._enableKeyPressWorkaround());
+        this.ngSelect.blurEvent
+            .subscribe(v => this._disableKeyPressWorkaround());
+        window.addEventListener('scroll', this._onScroll, true);
+        // When the input is allowed to change its height the position doesn't update itself.
+        // this._resizedEvent.pipe(
+        //   auditTime(30)
+        // ).subscribe(event => {
+        //   if (this.elementRef && this.elementRef.nativeElement) {
+        //     if (this.elementRef.nativeElement.classList.contains('ng-select-value-grow-h')) {
+        //       if (this.ngSelect.isOpen && this.ngSelect.dropdownPanel) {
+        //         this.ngSelect.dropdownPanel.updateDropdownPosition()
+        //       }
+        //     } else {
+        //       this.elementRef.nativeElement.classList.remove('ng-select-value-grow-h')
+        //     }
+        //   }
+        // })
+        // this._patch_ngSelect_open()
+    }
+    ngOnDestroy() {
+        var _a;
+        (_a = this._resizeSensor) === null || _a === void 0 ? void 0 : _a.detach();
+        window.removeEventListener('scroll', this._onScroll, true);
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    }
+    ngAfterViewChecked() {
+        if (this.ngSelect.dropdownPanel) {
+            if (this._checkMarked) {
+                if (this.ngSelect.dropdownPanel && this._markedItem !== null) {
+                    if (this._markedItem.index !== this.ngSelect.dropdownPanel.markedItem.index) {
+                        this.ngSelect.dropdownPanel.scrollTo(this.ngSelect.dropdownPanel.markedItem);
+                    }
+                }
+            }
+        }
+        this._checkMarked = false;
+        this._resizeSensor = new ResizeSensor(this.elementRef.nativeElement, (event) => {
+            this._resizedEvent.emit({ element: this.elementRef.nativeElement, size: event });
+        });
+    }
+    /**
+     * Temp fix for: https://github.com/ng-select/ng-select/issues/1122
+     */
+    // private _patch_ngSelect_open() {
+    //   const original = this.ngSelect.open
+    //   const _self = this
+    //   this.ngSelect.open = function() {
+    //     original.apply(this, arguments)
+    //     _self._patch_ngSelectDropdownPanel_updateDropdownPosition()
+    //   }
+    // }
+    /** Should ONLY be called by `_patch_ngSelect_open`. */
+    // private _patch_ngSelectDropdownPanel_updateDropdownPosition() {
+    //   if (!this.ngSelect.dropdownPanel) { return }
+    //   const drop: any = this.ngSelect.dropdownPanel
+    //   // Only needed once, to update the position before the timeout in
+    //   // `updateDropdownPosition()`. So, using this variable to check if I already called
+    //   // `_updateAppendedDropdownPosition()`.
+    //   if (!drop.__libPatched) {
+    //     drop.__libPatched = 'patched'
+    //     const original = drop.updateDropdownPosition
+    //     const _self = this
+    //     drop.updateDropdownPosition = function() {
+    //       original.apply(this, arguments)
+    //       if (!!_self.ngSelect.appendTo) {
+    //         drop._updateAppendedDropdownPosition()
+    //       }
+    //     }
+    //   }
+    // }
+    _enableKeyPressWorkaround() {
+        if (this._keyPressWorkaroundSub) {
+            return;
+        }
+        const _ngSelect = this.ngSelect;
+        this._keyPressWorkaroundSub = _ngSelect._keyPress$
+            .pipe(takeUntil(this._ngUnsubscribe))
+            .pipe(filter(() => !this.ngSelect.searchable))
+            .subscribe(() => {
+            this._ngZone.runOutsideAngular(() => {
+                window.requestAnimationFrame(() => {
+                    if (this.ngSelect.dropdownPanel) {
+                        this._markedItem = this.ngSelect.dropdownPanel.markedItem;
+                    }
+                    this._checkMarked = true;
+                });
+            });
+        });
+    }
+    _disableKeyPressWorkaround() {
+        if (this._keyPressWorkaroundSub) {
+            this._keyPressWorkaroundSub.unsubscribe();
+            this._keyPressWorkaroundSub = null;
+        }
+    }
+}
+NgSelectExtraDirective.decorators = [
+    { type: Directive, args: [{
+                // tslint:disable-next-line:directive-selector
+                selector: 'ng-select'
+            },] }
+];
+NgSelectExtraDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: NgZone },
+    { type: NgSelectComponent },
+    { type: NgControl, decorators: [{ type: Optional }, { type: Self }] }
+];
+NgSelectExtraDirective.propDecorators = {
+    _tabIndex: [{ type: HostBinding, args: ['attr.tabIndex',] }],
+    onFocus: [{ type: HostListener, args: ['focus', ['$event'],] }],
+    _isInvalid: [{ type: HostBinding, args: ['class.is-invalid',] }],
+    _isEmptyStringValue: [{ type: HostBinding, args: ['class.ng-empty-string-value',] }]
+};
+
+class NgxQuillExtraDirective {
+    constructor(_elementRef, _quillEditor) {
+        this._elementRef = _elementRef;
+        this._quillEditor = _quillEditor;
+        this._ngUnsubscribe = new Subject();
+        this._tabIndex = -1;
+    }
+    /**
+     * Set the tab index to `-1` to allow the root element of the
+     * component to receive `focus` event from javascript, but not get focused by
+     * keyboard navigation.
+     */
+    set tabIndex(value) { this._tabIndex = coerceNumberProperty(value); }
+    get tabIndex() { return this._tabIndex; }
+    get _attrTabIndex() { return this._quillEditor.disabled ? -1 : (this.tabIndex || 0); }
+    ngOnDestroy() {
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    }
+    ngAfterViewInit() {
+        const parent = this._getParentElementForLabelFocusIssue();
+        if (parent) {
+            // NOTE: This is a hack to avoid an issue letting a label with "for"
+            // attribute focus the control.
+            fromEvent(parent, 'click').pipe(takeUntil(this._ngUnsubscribe), filter(e => { var _a; return ((_a = e.target) === null || _a === void 0 ? void 0 : _a.getAttribute('for')) === this._elementRef.nativeElement.id; }), tap(() => this._quillEditor.quillEditor.focus())).subscribe();
+        }
+    }
+    _getParentElementForLabelFocusIssue() {
+        const findElem = (elem) => {
+            if (elem.nodeName.toLowerCase() === 'seam-form-field') {
+                return elem;
+            }
+            if (elem.parentElement) {
+                return findElem(elem.parentElement);
+            }
+            return elem;
+        };
+        return findElem(this._elementRef.nativeElement);
+    }
+}
+NgxQuillExtraDirective.decorators = [
+    { type: Directive, args: [{
+                // tslint:disable-next-line:directive-selector
+                selector: 'quill-editor'
+            },] }
+];
+NgxQuillExtraDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: QuillEditorComponent }
+];
+NgxQuillExtraDirective.propDecorators = {
+    tabIndex: [{ type: Input }],
+    _attrTabIndex: [{ type: HostBinding, args: ['attr.tabindex',] }]
+};
+
+class MaskCharsPipe {
+    transform(value, replacementChar = '*', ignoreCount = 0, ignoreFrom = 'right') {
+        if (ignoreFrom === 'right') {
+            const s = value || '';
+            return padStart(s.substring(s.length - ignoreCount, s.length), s.length, replacementChar);
+        }
+        else if (ignoreFrom === 'left') {
+            const s = value || '';
+            return padEnd(s.substring(0, ignoreCount), s.length, replacementChar);
+        }
+        return value;
+    }
+}
+MaskCharsPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'maskChars'
+            },] }
+];
+
+class TruncatePipe {
+    transform(value, length = 30, appendEllipsis = true) {
+        let val = value;
+        if (value && typeof value === 'string' && value.length > length) {
+            val = value.substr(0, length);
+            if (appendEllipsis) {
+                val += '...';
+            }
+        }
+        return val;
+    }
+}
+TruncatePipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'truncate'
+            },] }
+];
+
+class TheSeamSharedModule {
+}
+TheSeamSharedModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    FontAwesomeModule,
+                    TheSeamModalModule,
+                    TheSeamLoadingModule
+                ],
+                declarations: [
+                    AutoFocusDirective,
+                    ElemResizedDirective,
+                    PasswordInputRevealComponent,
+                    NgSelectExtraDirective,
+                    HoverClassDirective,
+                    HoverClassToggleDirective,
+                    ClickOutsideDirective,
+                    DisableControlDirective,
+                    MaskCharsPipe,
+                    TruncatePipe,
+                    NgxQuillExtraDirective
+                ],
+                exports: [
+                    AutoFocusDirective,
+                    ElemResizedDirective,
+                    PasswordInputRevealComponent,
+                    NgSelectExtraDirective,
+                    HoverClassDirective,
+                    HoverClassToggleDirective,
+                    ClickOutsideDirective,
+                    DisableControlDirective,
+                    MaskCharsPipe,
+                    TruncatePipe,
+                    NgxQuillExtraDirective,
+                    // Exporting scrollbars here for backwards compatibility for now.
+                    TheSeamScrollbarModule
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AutoFocusDirective, ClickOutsideDirective, DisableControlDirective, ElemResizedDirective, HoverClassDirective, HoverClassToggleDirective, MaskCharsPipe, NgSelectExtraDirective, NgxQuillExtraDirective, PasswordInputRevealComponent, TheSeamSharedModule, TruncatePipe };
+//# sourceMappingURL=theseam-ui-common-shared.js.map