@theseam/ui-common 0.2.9

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

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-shared.js","sources":["../../../projects/ui-common/shared/components/password-input-reveal/password-input-reveal.component.ts","../../../projects/ui-common/shared/directives/auto-focus.directive.ts","../../../projects/ui-common/shared/directives/click-outside.directive.ts","../../../projects/ui-common/shared/directives/disable-control.directive.ts","../../../projects/ui-common/shared/directives/elem-resized.directive.ts","../../../projects/ui-common/shared/directives/hover-class-toggle.directive.ts","../../../projects/ui-common/shared/directives/hover-class.directive.ts","../../../projects/ui-common/shared/directives/ng-select-extra.directive.ts","../../../projects/ui-common/shared/directives/ngx-quill-extra.directive.ts","../../../projects/ui-common/shared/pipes/mask-chars.pipe.ts","../../../projects/ui-common/shared/pipes/truncate.pipe.ts","../../../projects/ui-common/shared/shared.module.ts","../../../projects/ui-common/shared/theseam-ui-common-shared.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion'\nimport { Component, Input } from '@angular/core'\n\nimport { faEye, faEyeSlash } from '@fortawesome/free-regular-svg-icons'\n\n@Component({\n  selector: 'seam-password-input-reveal',\n  template: `\n    <fa-icon [icon]=\"passwordVisible ? faEyeSlash : faEye\" class=\"password-reveal-icon\" (click)=\"revealPassword()\"></fa-icon>\n  `,\n  styles: [\n    `\n    :host {\n      display: flex;\n      align-items: center;\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      width: 30px;\n      transform: translateZ(0);\n      z-index: 50;\n    }\n\n    :host fa-icon {\n      opacity: 1;\n      color: #bababa;\n      margin-top: 3px;\n      cursor: pointer;\n    }\n\n    :host fa-icon ::ng-deep {\n      .svg-inline--fa {\n        vertical-align: middle;\n      }\n    }\n    `\n  ]\n})\nexport class PasswordInputRevealComponent {\n  static ngAcceptInputType_passwordVisible: BooleanInput\n\n  faEye = faEye\n  faEyeSlash = faEyeSlash\n\n  @Input()\n  get inputRef(): HTMLInputElement | undefined | null { return this._passwordInput }\n  set inputRef(value: HTMLInputElement | undefined | null) {\n    this._passwordInput = value\n    this.updateRevealState()\n    if (this._passwordInput) {\n      this._passwordInput.style.paddingRight = '40px'\n      this._passwordInput.classList.add('no-native-eye')\n    }\n  }\n  private _passwordInput: HTMLInputElement | undefined | null\n\n  @Input()\n  get passwordVisible() { return this._passwordVisible }\n  set passwordVisible(value: boolean) {\n    this._passwordVisible = coerceBooleanProperty(value)\n    this.updateRevealState()\n  }\n  public _passwordVisible = false\n\n  public updateRevealState(): void {\n    if (this._passwordInput) {\n      this._passwordInput.type = this.passwordVisible ? 'text' : 'password'\n    }\n  }\n\n  public revealPassword(): void {\n    this.passwordVisible = !this.passwordVisible\n  }\n\n}\n","import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion'\nimport { Directive, ElementRef, Input, OnInit, Optional } from '@angular/core'\n\nimport { getClosestModal, Modal, ModalRef } from '@theseam/ui-common/modal'\n\n@Directive({\n    selector: '[seamAutoFocus]',\n    exportAs: 'seamAutoFocus'\n})\nexport class AutoFocusDirective implements OnInit {\n  static ngAcceptInputType_seamAutoFocus: BooleanInput\n\n  private _focus = true\n\n  public modalRef: ModalRef<any> | undefined | null\n\n  constructor(\n    private _elementRef: ElementRef<HTMLElement>,\n    private _modal: Modal,\n    @Optional() private _modalRef: ModalRef<any>\n  ) {\n    this.modalRef = _modalRef\n  }\n\n  ngOnInit() {\n    if (!this.modalRef) {\n      // When this directive is included in a dialog via TemplateRef (rather than being\n      // in a Component), the DialogRef isn't available via injection because embedded\n      // views cannot be given a custom injector. Instead, we look up the DialogRef by\n      // ID. This must occur in `onInit`, as the ID binding for the dialog container won't\n      // be resolved at constructor time.\n      this.modalRef = getClosestModal(this._elementRef, this._modal.openDialogs)\n    }\n\n    if (!this.modalRef) {\n      if (this._focus) {\n        setTimeout(() => { this.focus() })\n      }\n    } else {\n      this.modalRef.afterOpened().subscribe(() => {\n        setTimeout(() => { this.focus() })\n      })\n    }\n  }\n\n  @Input()\n  set seamAutoFocus(condition: boolean) {\n    this._focus = coerceBooleanProperty(condition) !== false\n  }\n\n  public focus() {\n    this._elementRef.nativeElement.focus()\n  }\n}\n","import { Directive, ElementRef, EventEmitter, HostListener, Input, Output } from '@angular/core'\n\n@Directive({\n  selector: '[seamClickOutside]'\n})\nexport class ClickOutsideDirective {\n\n  @Input()\n  get seamClickOutsideActive(): boolean {\n    return this._active\n  }\n  set seamClickOutsideActive(value: boolean) {\n    if (this._active === value) { return }\n\n    if (value) {\n      // `setTimeout` is used to avoid the click event triggering when the value\n      // changes if the value was changed with a click.\n      setTimeout(() => { this._active = value })\n    } else {\n      this._active = value\n    }\n  }\n  private _active = true\n\n  @Output() seamClickOutside = new EventEmitter<MouseEvent>()\n\n  // NOTE: This should probably be changed from a `HostListener` to allow the\n  // subscription to be unsubscribed.\n  @HostListener('document:click', ['$event'])\n  public onDocumentClick(event: MouseEvent): void {\n    if (this._active) {\n      const targetElement = event.target as HTMLElement\n      // Check if the click was outside the element\n      if (targetElement && !this.elementRef.nativeElement.contains(targetElement)) {\n        this.seamClickOutside.emit(event)\n      }\n    }\n  }\n\n  constructor(private elementRef: ElementRef) { }\n\n}\n","import { Directive, Input } from '@angular/core'\nimport { NgControl } from '@angular/forms'\n\n// Source: https://netbasal.com/disabling-form-controls-when-working-with-reactive-forms-in-angular-549dd7b42110\n\n@Directive({\n  selector: '[seamDisableControl]'\n})\nexport class DisableControlDirective {\n\n  @Input() set seamDisableControl(condition: boolean) {\n    const action = condition ? 'disable' : 'enable'\n    const control = this.ngControl.control\n    if (control) {\n      control[action]()\n    }\n  }\n\n  constructor(private ngControl: NgControl) { }\n\n}\n","import { AfterViewInit, Directive, ElementRef, EventEmitter, OnDestroy, Output } from '@angular/core'\n\nimport { ResizeSensor } from 'css-element-queries'\n\nexport interface IElementResizedEvent {\n  element: HTMLElement\n  size: { width: number, height: number }\n}\n\n@Directive({\n  selector: '[seamElemResized]'\n})\nexport class ElemResizedDirective implements OnDestroy, AfterViewInit {\n\n  @Output() seamElemResized = new EventEmitter<IElementResizedEvent>()\n\n  sensor?: ResizeSensor\n\n  constructor(private elementRef: ElementRef) { }\n\n  ngAfterViewInit() {\n    this.sensor = new ResizeSensor(this.elementRef.nativeElement, (event) => {\n      this.seamElemResized.emit({ element: this.elementRef.nativeElement, size: event })\n    })\n  }\n\n  ngOnDestroy() {\n    this.sensor?.detach()\n  }\n\n}\n","import { Directive, ElementRef, HostListener, Input } from '@angular/core'\n\ndeclare type _PointerEvent = PointerEvent | PointerEvent\n\nexport interface IHoverClassToggleRecord {\n  default: string\n  hover: string\n}\n\n/**\n * Don't use this directive unless there is a reason not to use css `:hover`,\n * because the accuracy of detecting the hover is not as good. If an element is\n * moved while the mouse is idle the hover class will remain until the mouse\n * enters and leaves again.\n *\n * I have tried multiple ways of detecting the mouse no longer hovering, but all\n * have introduced a slight performance issue that just builds for each element\n * containing this directive.\n */\n@Directive({\n  selector: '[seamHoverClassToggle]'\n})\nexport class HoverClassToggleDirective {\n\n  private _hovered = false\n  private _defaultClasses: string[] = []\n  private _hoverClasses: string[] = []\n\n  @HostListener('mouseover', ['$event']) onMouseOver($event: MouseEvent) {\n    this._setHovered(true)\n  }\n\n  @HostListener('mouseout', ['$event']) onMouseOut($event: MouseEvent) {\n    this._setHovered(false)\n  }\n\n  @HostListener('pointerover', ['$event']) onPointerOver($event: _PointerEvent) {\n    this._setHovered(true)\n  }\n\n  @HostListener('pointerout', ['$event']) onPointerOut($event: _PointerEvent) {\n    this._setHovered(false)\n  }\n\n  @Input()\n  set seamHoverClassToggle(value: IHoverClassToggleRecord) {\n    if (value) {\n      if (value.default) {\n        this._defaultClasses = value.default.split(' ').filter(c => c.length > 0)\n      }\n      if (value.hover) {\n        this._hoverClasses = value.hover.split(' ').filter(c => c.length > 0)\n      }\n    }\n\n    this._hoverClasses = this._hoverClasses.filter(v => !this._defaultClasses.find(_v => _v === v))\n\n    this._update()\n  }\n\n  constructor(\n    private readonly _element: ElementRef\n  ) { }\n\n  private _update(): void {\n    for (const c of this._defaultClasses) {\n      this._hovered ?  this._removeClass(c) : this._addClass(c)\n    }\n    for (const c of this._hoverClasses) {\n      this._hovered ? this._addClass(c) : this._removeClass(c)\n    }\n  }\n\n  private _setHovered(hovered: boolean) {\n    const doUpdate = this._hovered !== hovered\n    this._hovered = hovered\n    if (doUpdate) {\n      this._update()\n    }\n  }\n\n  private _addClass(c: string): void {\n    this._element.nativeElement.classList.add(c)\n  }\n\n  public _removeClass(c: string): void {\n    this._element.nativeElement.classList.remove(c)\n  }\n\n}\n","import { Directive, ElementRef, HostListener, Input } from '@angular/core'\n\ndeclare type _PointerEvent = PointerEvent | PointerEvent\n\n/**\n * Don't use this directive unless there is a reason not to use css `:hover`,\n * because the accuracy of detecting the hover is not as good. If an element is\n * moved while the mouse is idle the hover class will remain until the mouse\n * enters and leaves again.\n *\n * I have tried multiple ways of detecting the mouse no longer hovering, but all\n * have introduced a slight performance issue that just builds for each element\n * containing this directive.\n */\n@Directive({\n  selector: '[seamHoverClass]'\n})\nexport class HoverClassDirective {\n\n  private _hovered = false\n  private _classes: string[] = []\n\n  @HostListener('mouseover', ['$event']) onMouseOver($event: MouseEvent) {\n    this._setHovered(true)\n  }\n\n  @HostListener('mouseout', ['$event']) onMouseOut($event: MouseEvent) {\n    this._setHovered(false)\n  }\n\n  @HostListener('pointerover', ['$event']) onPointerOver($event: _PointerEvent) {\n    this._setHovered(true)\n  }\n\n  @HostListener('pointerout', ['$event']) onPointerOut($event: _PointerEvent) {\n    this._setHovered(false)\n  }\n\n  @Input()\n  set seamHoverClass(classList: string) {\n    const newClasses = classList.split(' ').filter(c => c.length > 0)\n    for (const c of this._classes) {\n      if (newClasses.indexOf(c) !== 0) {\n        this._removeClass(c)\n      }\n    }\n    this._classes = newClasses\n    this._update()\n  }\n\n  constructor(\n    private readonly _element: ElementRef\n  ) { }\n\n  private _update(): void {\n    for (const c of this._classes) {\n      this._hovered ? this._addClass(c) : this._removeClass(c)\n    }\n  }\n\n  private _setHovered(hovered: boolean) {\n    const doUpdate = this._hovered !== hovered\n    this._hovered = hovered\n    if (doUpdate) {\n      this._update()\n    }\n  }\n\n  private _addClass(c: string): void {\n    this._element.nativeElement.classList.add(c)\n  }\n\n  public _removeClass(c: string): void {\n    this._element.nativeElement.classList.remove(c)\n  }\n\n}\n","import { AfterViewChecked, Directive, ElementRef, EventEmitter, HostBinding,\n  HostListener, NgZone, OnDestroy, OnInit, Optional, Self } from '@angular/core'\nimport { NgControl } from '@angular/forms'\nimport { Subject, Subscription } from 'rxjs'\nimport { filter, takeUntil } from 'rxjs/operators'\n\nimport { NgOption, NgSelectComponent } from '@ng-select/ng-select'\nimport { ResizeSensor } from 'css-element-queries'\n\nimport { IElementResizedEvent } from './elem-resized.directive'\n\n@Directive({\n  // tslint:disable-next-line:directive-selector\n  selector: 'ng-select'\n})\nexport class NgSelectExtraDirective implements OnInit, AfterViewChecked, OnDestroy {\n\n  private readonly _ngUnsubscribe = new Subject()\n\n  private _markedItem: NgOption | null = null\n  private _checkMarked = false\n  private _keyPressWorkaroundSub: Subscription | null = null\n\n  private _resizedEvent = new EventEmitter<IElementResizedEvent>()\n  private _resizeSensor?: ResizeSensor\n\n  /**\n   * Set the tab index to `-1` to allow the root element of the ng-select\n   * component to receive `focus` event from javascript, but not get focused by\n   * keyboard navigation.\n   */\n  @HostBinding('attr.tabIndex')\n  get _tabIndex() { return this.ngSelect.disabled ? undefined : -1 }\n\n  /**\n   * Listening for focus event on root of component to allow javascript\n   * `focus()` function to trigger the components focus.\n   */\n  @HostListener('focus', ['$event']) onFocus($event: FocusEvent) {\n    const target = $event.target as HTMLElement\n    if (target === this.elementRef.nativeElement && !this.ngSelect.disabled) {\n      this.ngSelect.focus()\n    }\n\n    // ng-select has an input `labelForId` that sets the autocomplete attribute\n    // in ngOnInit. I am not positive that it is wrong by doing that, but this\n    // hack makes it set the attributes again on focus, because that gives the\n    // result I was expecting, since we don't manually set the `labelForId`\n    // input.\n    const _ngSelect = this.ngSelect as any\n    _ngSelect._setInputAttributes()\n  }\n\n  @HostBinding('class.is-invalid') get _isInvalid() {\n    return this.ngControl ? this.ngControl.invalid && (this.ngControl.dirty || this.ngControl.touched) : false\n  }\n\n  @HostBinding('class.ng-empty-string-value') get _isEmptyStringValue() {\n    return this.ngControl ? this.ngControl.value === '' ? true : false : false\n  }\n\n  constructor(\n    private readonly elementRef: ElementRef,\n    private readonly _ngZone: NgZone,\n    private readonly ngSelect: NgSelectComponent,\n    @Optional() @Self() public readonly ngControl: NgControl\n  ) { }\n\n  ngOnInit() {\n    this.ngSelect.focusEvent\n      .subscribe(v => this._enableKeyPressWorkaround())\n\n    this.ngSelect.blurEvent\n      .subscribe(v => this._disableKeyPressWorkaround())\n\n    window.addEventListener('scroll', this._onScroll, true)\n\n    // When the input is allowed to change its height the position doesn't update itself.\n    // this._resizedEvent.pipe(\n    //   auditTime(30)\n    // ).subscribe(event => {\n    //   if (this.elementRef && this.elementRef.nativeElement) {\n    //     if (this.elementRef.nativeElement.classList.contains('ng-select-value-grow-h')) {\n    //       if (this.ngSelect.isOpen && this.ngSelect.dropdownPanel) {\n    //         this.ngSelect.dropdownPanel.updateDropdownPosition()\n    //       }\n    //     } else {\n    //       this.elementRef.nativeElement.classList.remove('ng-select-value-grow-h')\n    //     }\n    //   }\n    // })\n\n    // this._patch_ngSelect_open()\n  }\n\n  ngOnDestroy() {\n    this._resizeSensor?.detach()\n\n    window.removeEventListener('scroll', this._onScroll, true)\n\n    this._ngUnsubscribe.next()\n    this._ngUnsubscribe.complete()\n  }\n\n  ngAfterViewChecked() {\n    if (this.ngSelect.dropdownPanel) {\n      if (this._checkMarked) {\n        if (this.ngSelect.dropdownPanel && this._markedItem !== null) {\n          if (this._markedItem.index !== this.ngSelect.dropdownPanel.markedItem.index) {\n            this.ngSelect.dropdownPanel.scrollTo(this.ngSelect.dropdownPanel.markedItem)\n          }\n        }\n      }\n    }\n    this._checkMarked = false\n\n    this._resizeSensor = new ResizeSensor(this.elementRef.nativeElement, (event) => {\n      this._resizedEvent.emit({ element: this.elementRef.nativeElement, size: event })\n    })\n  }\n\n  private _onScroll = (event: any) => {\n    if (this.ngSelect && this.ngSelect.isOpen) {\n      const isScrollingInScrollHost = (event.target.className as string).indexOf('ng-dropdown-panel-items') !== -1\n      const isInSensor = (event.target.className as string).indexOf('resize-sensor-shrink') !== -1 ||\n        (event.target.className as string).indexOf('os-resize-observer-host') !== -1\n      if (isScrollingInScrollHost || isInSensor) { return }\n      this.ngSelect.close()\n    }\n}\n\n  /**\n   * Temp fix for: https://github.com/ng-select/ng-select/issues/1122\n   */\n  // private _patch_ngSelect_open() {\n  //   const original = this.ngSelect.open\n  //   const _self = this\n  //   this.ngSelect.open = function() {\n  //     original.apply(this, arguments)\n  //     _self._patch_ngSelectDropdownPanel_updateDropdownPosition()\n  //   }\n  // }\n\n  /** Should ONLY be called by `_patch_ngSelect_open`. */\n  // private _patch_ngSelectDropdownPanel_updateDropdownPosition() {\n  //   if (!this.ngSelect.dropdownPanel) { return }\n  //   const drop: any = this.ngSelect.dropdownPanel\n  //   // Only needed once, to update the position before the timeout in\n  //   // `updateDropdownPosition()`. So, using this variable to check if I already called\n  //   // `_updateAppendedDropdownPosition()`.\n  //   if (!drop.__libPatched) {\n  //     drop.__libPatched = 'patched'\n  //     const original = drop.updateDropdownPosition\n  //     const _self = this\n  //     drop.updateDropdownPosition = function() {\n  //       original.apply(this, arguments)\n  //       if (!!_self.ngSelect.appendTo) {\n  //         drop._updateAppendedDropdownPosition()\n  //       }\n  //     }\n  //   }\n  // }\n\n  private _enableKeyPressWorkaround() {\n    if (this._keyPressWorkaroundSub) { return }\n    const _ngSelect = <any>this.ngSelect\n\n    this._keyPressWorkaroundSub = _ngSelect._keyPress$\n      .pipe(takeUntil(this._ngUnsubscribe))\n      .pipe(filter(() => !this.ngSelect.searchable))\n      .subscribe(() => {\n        this._ngZone.runOutsideAngular(() => {\n          window.requestAnimationFrame(() => {\n            if (this.ngSelect.dropdownPanel) {\n              this._markedItem = this.ngSelect.dropdownPanel.markedItem\n            }\n            this._checkMarked = true\n          })\n        })\n      })\n  }\n\n  private _disableKeyPressWorkaround() {\n    if (this._keyPressWorkaroundSub) {\n      this._keyPressWorkaroundSub.unsubscribe()\n      this._keyPressWorkaroundSub = null\n    }\n  }\n\n}\n","import { coerceNumberProperty } from '@angular/cdk/coercion'\nimport { AfterViewInit, Directive, ElementRef, HostBinding, Input, OnDestroy } from '@angular/core'\nimport { fromEvent, Subject } from 'rxjs'\nimport { filter, takeUntil, tap } from 'rxjs/operators'\n\nimport { QuillEditorComponent } from 'ngx-quill'\n\n@Directive({\n  // tslint:disable-next-line:directive-selector\n  selector: 'quill-editor'\n})\nexport class NgxQuillExtraDirective implements OnDestroy, AfterViewInit {\n\n  private readonly _ngUnsubscribe = new Subject()\n\n  private _tabIndex = -1\n\n  /**\n   * Set the tab index to `-1` to allow the root element of the\n   * component to receive `focus` event from javascript, but not get focused by\n   * keyboard navigation.\n   */\n  @Input()\n  set tabIndex(value: number) { this._tabIndex = coerceNumberProperty(value) }\n  get tabIndex(): number { return this._tabIndex }\n\n  @HostBinding('attr.tabindex')\n  get _attrTabIndex() { return this._quillEditor.disabled ? -1 : (this.tabIndex || 0) }\n\n  constructor(\n    private readonly _elementRef: ElementRef,\n    private readonly _quillEditor: QuillEditorComponent\n  ) { }\n\n  ngOnDestroy() {\n    this._ngUnsubscribe.next()\n    this._ngUnsubscribe.complete()\n  }\n\n  ngAfterViewInit() {\n    const parent = this._getParentElementForLabelFocusIssue()\n    if (parent) {\n      // NOTE: This is a hack to avoid an issue letting a label with \"for\"\n      // attribute focus the control.\n      fromEvent(parent, 'click').pipe(\n        takeUntil(this._ngUnsubscribe),\n        filter(e => (e.target as HTMLElement)?.getAttribute('for') === this._elementRef.nativeElement.id),\n        tap(() => this._quillEditor.quillEditor.focus())\n      ).subscribe()\n    }\n  }\n\n  private _getParentElementForLabelFocusIssue(): HTMLElement | undefined {\n    const findElem = (elem: HTMLElement): any => {\n      if (elem.nodeName.toLowerCase() === 'seam-form-field') {\n        return elem\n      }\n\n      if (elem.parentElement) {\n        return findElem(elem.parentElement)\n      }\n\n      return elem\n    }\n\n    return findElem(this._elementRef.nativeElement)\n  }\n\n\n}\n","import { Pipe, PipeTransform } from '@angular/core'\n\nimport { padEnd, padStart } from '@theseam/ui-common/utils'\n\n@Pipe({\n  name: 'maskChars'\n})\nexport class MaskCharsPipe implements PipeTransform {\n\n  transform(value: string, replacementChar: string = '*', ignoreCount: number = 0, ignoreFrom: 'left' | 'right' = 'right'): string {\n    if (ignoreFrom === 'right') {\n      const s = value || ''\n      return padStart(s.substring(s.length - ignoreCount, s.length), s.length, replacementChar)\n    } else if (ignoreFrom === 'left') {\n      const s = value || ''\n      return padEnd(s.substring(0, ignoreCount), s.length, replacementChar)\n    }\n\n    return value\n  }\n\n}\n","import { Pipe, PipeTransform } from '@angular/core'\n\n@Pipe({\n  name: 'truncate'\n})\nexport class TruncatePipe implements PipeTransform {\n\n  transform(value: string, length: number = 30, appendEllipsis: boolean = true): string {\n    let val = value\n\n    if (value && typeof value === 'string' && value.length > length) {\n      val = value.substr(0, length)\n      if (appendEllipsis) {\n        val += '...'\n      }\n    }\n\n    return val\n  }\n\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\n\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome'\n\nimport { TheSeamLoadingModule } from '@theseam/ui-common/loading'\nimport { TheSeamModalModule } from '@theseam/ui-common/modal'\nimport { TheSeamScrollbarModule } from '@theseam/ui-common/scrollbar'\n\nimport { AutoFocusDirective } from './directives/auto-focus.directive'\nimport { ClickOutsideDirective } from './directives/click-outside.directive'\nimport { DisableControlDirective } from './directives/disable-control.directive'\nimport { ElemResizedDirective } from './directives/elem-resized.directive'\nimport { HoverClassToggleDirective } from './directives/hover-class-toggle.directive'\nimport { HoverClassDirective } from './directives/hover-class.directive'\nimport { NgSelectExtraDirective } from './directives/ng-select-extra.directive'\nimport { NgxQuillExtraDirective } from './directives/ngx-quill-extra.directive'\n\nimport { MaskCharsPipe } from './pipes/mask-chars.pipe'\nimport { TruncatePipe } from './pipes/truncate.pipe'\n\nimport { PasswordInputRevealComponent } from './components/password-input-reveal/password-input-reveal.component'\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FontAwesomeModule,\n    TheSeamModalModule,\n    TheSeamLoadingModule\n  ],\n  declarations: [\n    AutoFocusDirective,\n    ElemResizedDirective,\n    PasswordInputRevealComponent,\n    NgSelectExtraDirective,\n    HoverClassDirective,\n    HoverClassToggleDirective,\n    ClickOutsideDirective,\n    DisableControlDirective,\n    MaskCharsPipe,\n    TruncatePipe,\n    NgxQuillExtraDirective\n  ],\n  exports: [\n    AutoFocusDirective,\n    ElemResizedDirective,\n    PasswordInputRevealComponent,\n    NgSelectExtraDirective,\n    HoverClassDirective,\n    HoverClassToggleDirective,\n    ClickOutsideDirective,\n    DisableControlDirective,\n    MaskCharsPipe,\n    TruncatePipe,\n    NgxQuillExtraDirective,\n\n    // Exporting scrollbars here for backwards compatibility for now.\n    TheSeamScrollbarModule\n  ]\n})\nexport class TheSeamSharedModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;MAuCa,4BAA4B;IAlCzC;QAqCE,UAAK,GAAG,KAAK,CAAA;QACb,eAAU,GAAG,UAAU,CAAA;QAoBhB,qBAAgB,GAAG,KAAK,CAAA;KAYhC;IA9BC,IACI,QAAQ,KAA0C,OAAO,IAAI,CAAC,cAAc,CAAA,EAAE;IAClF,IAAI,QAAQ,CAAC,KAA0C;QACrD,IAAI,CAAC,cAAc,GAAG,KAAK,CAAA;QAC3B,IAAI,CAAC,iBAAiB,EAAE,CAAA;QACxB,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,YAAY,GAAG,MAAM,CAAA;YAC/C,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;SACnD;KACF;IAGD,IACI,eAAe,KAAK,OAAO,IAAI,CAAC,gBAAgB,CAAA,EAAE;IACtD,IAAI,eAAe,CAAC,KAAc;QAChC,IAAI,CAAC,gBAAgB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAA;QACpD,IAAI,CAAC,iBAAiB,EAAE,CAAA;KACzB;IAGM,iBAAiB;QACtB,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,GAAG,MAAM,GAAG,UAAU,CAAA;SACtE;KACF;IAEM,cAAc;QACnB,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe,CAAA;KAC7C;;;YApEF,SAAS,SAAC;gBACT,QAAQ,EAAE,4BAA4B;gBACtC,QAAQ,EAAE;;GAET;yBAEC;;;;;;;;;;;;;;;;;;;;;;;;;KAyBC;aAEJ;;;uBAOE,KAAK;8BAYL,KAAK;;;MChDK,kBAAkB;IAO7B,YACU,WAAoC,EACpC,MAAa,EACD,SAAwB;QAFpC,gBAAW,GAAX,WAAW,CAAyB;QACpC,WAAM,GAAN,MAAM,CAAO;QACD,cAAS,GAAT,SAAS,CAAe;QAPtC,WAAM,GAAG,IAAI,CAAA;QASnB,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAA;KAC1B;IAED,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;;;;;;YAMlB,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;SAC3E;QAED,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,UAAU,CAAC,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAA,EAAE,CAAC,CAAA;aACnC;SACF;aAAM;YACL,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC;gBACpC,UAAU,CAAC,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAA,EAAE,CAAC,CAAA;aACnC,CAAC,CAAA;SACH;KACF;IAED,IACI,aAAa,CAAC,SAAkB;QAClC,IAAI,CAAC,MAAM,GAAG,qBAAqB,CAAC,SAAS,CAAC,KAAK,KAAK,CAAA;KACzD;IAEM,KAAK;QACV,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,CAAA;KACvC;;;YA/CF,SAAS,SAAC;gBACP,QAAQ,EAAE,iBAAiB;gBAC3B,QAAQ,EAAE,eAAe;aAC5B;;;YAPmB,UAAU;YAEJ,KAAK;YAAE,QAAQ,uBAgBpC,QAAQ;;;4BA0BV,KAAK;;;MCxCK,qBAAqB;IAkChC,YAAoB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;QAjBlC,YAAO,GAAG,IAAI,CAAA;QAEZ,qBAAgB,GAAG,IAAI,YAAY,EAAc,CAAA;KAeZ;IAhC/C,IACI,sBAAsB;QACxB,OAAO,IAAI,CAAC,OAAO,CAAA;KACpB;IACD,IAAI,sBAAsB,CAAC,KAAc;QACvC,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE;YAAE,OAAM;SAAE;QAEtC,IAAI,KAAK,EAAE;;;YAGT,UAAU,CAAC,QAAQ,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA,EAAE,CAAC,CAAA;SAC3C;aAAM;YACL,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;SACrB;KACF;;;IAQM,eAAe,CAAC,KAAiB;QACtC,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAqB,CAAA;;YAEjD,IAAI,aAAa,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;gBAC3E,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;aAClC;SACF;KACF;;;YAnCF,SAAS,SAAC;gBACT,QAAQ,EAAE,oBAAoB;aAC/B;;;YAJmB,UAAU;;;qCAO3B,KAAK;+BAiBL,MAAM;8BAIN,YAAY,SAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC;;;ACzB5C;MAKa,uBAAuB;IAUlC,YAAoB,SAAoB;QAApB,cAAS,GAAT,SAAS,CAAW;KAAK;IAR7C,IAAa,kBAAkB,CAAC,SAAkB;QAChD,MAAM,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;QAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAA;QACtC,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,MAAM,CAAC,EAAE,CAAA;SAClB;KACF;;;YAXF,SAAS,SAAC;gBACT,QAAQ,EAAE,sBAAsB;aACjC;;;YANQ,SAAS;;;iCASf,KAAK;;;MCEK,oBAAoB;IAM/B,YAAoB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;QAJhC,oBAAe,GAAG,IAAI,YAAY,EAAwB,CAAA;KAIrB;IAE/C,eAAe;QACb,IAAI,CAAC,MAAM,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC,KAAK;YAClE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;SACnF,CAAC,CAAA;KACH;IAED,WAAW;;QACT,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAE,CAAA;KACtB;;;YAnBF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;aAC9B;;;YAXkC,UAAU;;;8BAc1C,MAAM;;;ACLT;;;;;;;;;;MAaa,yBAAyB;IAsCpC,YACmB,QAAoB;QAApB,aAAQ,GAAR,QAAQ,CAAY;QArC/B,aAAQ,GAAG,KAAK,CAAA;QAChB,oBAAe,GAAa,EAAE,CAAA;QAC9B,kBAAa,GAAa,EAAE,CAAA;KAoC/B;IAlCkC,WAAW,CAAC,MAAkB;QACnE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;KACvB;IAEqC,UAAU,CAAC,MAAkB;QACjE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;KACxB;IAEwC,aAAa,CAAC,MAAqB;QAC1E,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;KACvB;IAEuC,YAAY,CAAC,MAAqB;QACxE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;KACxB;IAED,IACI,oBAAoB,CAAC,KAA8B;QACrD,IAAI,KAAK,EAAE;YACT,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;aAC1E;YACD,IAAI,KAAK,CAAC,KAAK,EAAE;gBACf,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;aACtE;SACF;QAED,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;QAE/F,IAAI,CAAC,OAAO,EAAE,CAAA;KACf;IAMO,OAAO;QACb,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,eAAe,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;SAC1D;QACD,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE;YAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;SACzD;KACF;IAEO,WAAW,CAAC,OAAgB;QAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAA;QAC1C,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAA;QACvB,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,OAAO,EAAE,CAAA;SACf;KACF;IAEO,SAAS,CAAC,CAAS;QACzB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;KAC7C;IAEM,YAAY,CAAC,CAAS;QAC3B,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;KAChD;;;YApEF,SAAS,SAAC;gBACT,QAAQ,EAAE,wBAAwB;aACnC;;;YArBmB,UAAU;;;0BA4B3B,YAAY,SAAC,WAAW,EAAE,CAAC,QAAQ,CAAC;yBAIpC,YAAY,SAAC,UAAU,EAAE,CAAC,QAAQ,CAAC;4BAInC,YAAY,SAAC,aAAa,EAAE,CAAC,QAAQ,CAAC;2BAItC,YAAY,SAAC,YAAY,EAAE,CAAC,QAAQ,CAAC;mCAIrC,KAAK;;;ACxCR;;;;;;;;;;MAaa,mBAAmB;IAiC9B,YACmB,QAAoB;QAApB,aAAQ,GAAR,QAAQ,CAAY;QAhC/B,aAAQ,GAAG,KAAK,CAAA;QAChB,aAAQ,GAAa,EAAE,CAAA;KAgC1B;IA9BkC,WAAW,CAAC,MAAkB;QACnE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;KACvB;IAEqC,UAAU,CAAC,MAAkB;QACjE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;KACxB;IAEwC,aAAa,CAAC,MAAqB;QAC1E,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;KACvB;IAEuC,YAAY,CAAC,MAAqB;QACxE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;KACxB;IAED,IACI,cAAc,CAAC,SAAiB;QAClC,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QACjE,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;YAC7B,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE;gBAC/B,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;aACrB;SACF;QACD,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAA;QAC1B,IAAI,CAAC,OAAO,EAAE,CAAA;KACf;IAMO,OAAO;QACb,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;YAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;SACzD;KACF;IAEO,WAAW,CAAC,OAAgB;QAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAA;QAC1C,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAA;QACvB,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,OAAO,EAAE,CAAA;SACf;KACF;IAEO,SAAS,CAAC,CAAS;QACzB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;KAC7C;IAEM,YAAY,CAAC,CAAS;QAC3B,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;KAChD;;;YA5DF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;aAC7B;;;YAhBmB,UAAU;;;0BAsB3B,YAAY,SAAC,WAAW,EAAE,CAAC,QAAQ,CAAC;yBAIpC,YAAY,SAAC,UAAU,EAAE,CAAC,QAAQ,CAAC;4BAInC,YAAY,SAAC,aAAa,EAAE,CAAC,QAAQ,CAAC;2BAItC,YAAY,SAAC,YAAY,EAAE,CAAC,QAAQ,CAAC;6BAIrC,KAAK;;;MCvBK,sBAAsB;IA8CjC,YACmB,UAAsB,EACtB,OAAe,EACf,QAA2B,EACR,SAAoB;QAHvC,eAAU,GAAV,UAAU,CAAY;QACtB,YAAO,GAAP,OAAO,CAAQ;QACf,aAAQ,GAAR,QAAQ,CAAmB;QACR,cAAS,GAAT,SAAS,CAAW;QAhDzC,mBAAc,GAAG,IAAI,OAAO,EAAE,CAAA;QAEvC,gBAAW,GAAoB,IAAI,CAAA;QACnC,iBAAY,GAAG,KAAK,CAAA;QACpB,2BAAsB,GAAwB,IAAI,CAAA;QAElD,kBAAa,GAAG,IAAI,YAAY,EAAwB,CAAA;QAkGxD,cAAS,GAAG,CAAC,KAAU;YAC7B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;gBACzC,MAAM,uBAAuB,GAAI,KAAK,CAAC,MAAM,CAAC,SAAoB,CAAC,OAAO,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,CAAA;gBAC5G,MAAM,UAAU,GAAI,KAAK,CAAC,MAAM,CAAC,SAAoB,CAAC,OAAO,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;oBACzF,KAAK,CAAC,MAAM,CAAC,SAAoB,CAAC,OAAO,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,CAAA;gBAC9E,IAAI,uBAAuB,IAAI,UAAU,EAAE;oBAAE,OAAM;iBAAE;gBACrD,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAA;aACtB;SACJ,CAAA;KA/DM;;;;;;IAnCL,IACI,SAAS,KAAK,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAC,CAAA,EAAE;;;;;IAM/B,OAAO,CAAC,MAAkB;QAC3D,MAAM,MAAM,GAAG,MAAM,CAAC,MAAqB,CAAA;QAC3C,IAAI,MAAM,KAAK,IAAI,CAAC,UAAU,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;YACvE,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAA;SACtB;;;;;;QAOD,MAAM,SAAS,GAAG,IAAI,CAAC,QAAe,CAAA;QACtC,SAAS,CAAC,mBAAmB,EAAE,CAAA;KAChC;IAED,IAAqC,UAAU;QAC7C,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,KAAK,CAAA;KAC3G;IAED,IAAgD,mBAAmB;QACjE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,KAAK,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAA;KAC3E;IASD,QAAQ;QACN,IAAI,CAAC,QAAQ,CAAC,UAAU;aACrB,SAAS,CAAC,CAAC,IAAI,IAAI,CAAC,yBAAyB,EAAE,CAAC,CAAA;QAEnD,IAAI,CAAC,QAAQ,CAAC,SAAS;aACpB,SAAS,CAAC,CAAC,IAAI,IAAI,CAAC,0BAA0B,EAAE,CAAC,CAAA;QAEpD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;;;;;;;;;;;;;;;;KAkBxD;IAED,WAAW;;QACT,MAAA,IAAI,CAAC,aAAa,0CAAE,MAAM,EAAE,CAAA;QAE5B,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;QAE1D,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAA;QAC1B,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAA;KAC/B;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE;YAC/B,IAAI,IAAI,CAAC,YAAY,EAAE;gBACrB,IAAI,IAAI,CAAC,QAAQ,CAAC,aAAa,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,EAAE;oBAC5D,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,EAAE;wBAC3E,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;qBAC7E;iBACF;aACF;SACF;QACD,IAAI,CAAC,YAAY,GAAG,KAAK,CAAA;QAEzB,IAAI,CAAC,aAAa,GAAG,IAAI,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC,KAAK;YACzE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;SACjF,CAAC,CAAA;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4CO,yBAAyB;QAC/B,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAAE,OAAM;SAAE;QAC3C,MAAM,SAAS,GAAQ,IAAI,CAAC,QAAQ,CAAA;QAEpC,IAAI,CAAC,sBAAsB,GAAG,SAAS,CAAC,UAAU;aAC/C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;aACpC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;aAC7C,SAAS,CAAC;YACT,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC;gBAC7B,MAAM,CAAC,qBAAqB,CAAC;oBAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE;wBAC/B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAA;qBAC1D;oBACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAA;iBACzB,CAAC,CAAA;aACH,CAAC,CAAA;SACH,CAAC,CAAA;KACL;IAEO,0BAA0B;QAChC,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC/B,IAAI,CAAC,sBAAsB,CAAC,WAAW,EAAE,CAAA;YACzC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAA;SACnC;KACF;;;YAhLF,SAAS,SAAC;;gBAET,QAAQ,EAAE,WAAW;aACtB;;;YAdqC,UAAU;YAChC,MAAM;YAKH,iBAAiB;YAJ3B,SAAS,uBA+Db,QAAQ,YAAI,IAAI;;;wBAlClB,WAAW,SAAC,eAAe;sBAO3B,YAAY,SAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;yBAehC,WAAW,SAAC,kBAAkB;kCAI9B,WAAW,SAAC,6BAA6B;;;MC9C/B,sBAAsB;IAkBjC,YACmB,WAAuB,EACvB,YAAkC;QADlC,gBAAW,GAAX,WAAW,CAAY;QACvB,iBAAY,GAAZ,YAAY,CAAsB;QAlBpC,mBAAc,GAAG,IAAI,OAAO,EAAE,CAAA;QAEvC,cAAS,GAAG,CAAC,CAAC,CAAA;KAiBjB;;;;;;IAVL,IACI,QAAQ,CAAC,KAAa,IAAI,IAAI,CAAC,SAAS,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAA,EAAE;IAC5E,IAAI,QAAQ,KAAa,OAAO,IAAI,CAAC,SAAS,CAAA,EAAE;IAEhD,IACI,aAAa,KAAK,OAAO,IAAI,CAAC,YAAY,CAAC,QAAQ,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAA,EAAE;IAOrF,WAAW;QACT,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAA;QAC1B,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAA;KAC/B;IAED,eAAe;QACb,MAAM,MAAM,GAAG,IAAI,CAAC,mCAAmC,EAAE,CAAA;QACzD,IAAI,MAAM,EAAE;;;YAGV,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,IAAI,CAC7B,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,EAC9B,MAAM,CAAC,CAAC,cAAI,OAAA,CAAA,MAAC,CAAC,CAAC,MAAsB,0CAAE,YAAY,CAAC,KAAK,CAAC,MAAK,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,CAAA,EAAA,CAAC,EACjG,GAAG,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CACjD,CAAC,SAAS,EAAE,CAAA;SACd;KACF;IAEO,mCAAmC;QACzC,MAAM,QAAQ,GAAG,CAAC,IAAiB;YACjC,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,iBAAiB,EAAE;gBACrD,OAAO,IAAI,CAAA;aACZ;YAED,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,OAAO,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;aACpC;YAED,OAAO,IAAI,CAAA;SACZ,CAAA;QAED,OAAO,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAA;KAChD;;;YA3DF,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;aACzB;;;YATkC,UAAU;YAIpC,oBAAoB;;;uBAiB1B,KAAK;4BAIL,WAAW,SAAC,eAAe;;;MCnBjB,aAAa;IAExB,SAAS,CAAC,KAAa,EAAE,kBAA0B,GAAG,EAAE,cAAsB,CAAC,EAAE,aAA+B,OAAO;QACrH,IAAI,UAAU,KAAK,OAAO,EAAE;YAC1B,MAAM,CAAC,GAAG,KAAK,IAAI,EAAE,CAAA;YACrB,OAAO,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GAAG,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;SAC1F;aAAM,IAAI,UAAU,KAAK,MAAM,EAAE;YAChC,MAAM,CAAC,GAAG,KAAK,IAAI,EAAE,CAAA;YACrB,OAAO,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;SACtE;QAED,OAAO,KAAK,CAAA;KACb;;;YAfF,IAAI,SAAC;gBACJ,IAAI,EAAE,WAAW;aAClB;;;MCDY,YAAY;IAEvB,SAAS,CAAC,KAAa,EAAE,SAAiB,EAAE,EAAE,iBAA0B,IAAI;QAC1E,IAAI,GAAG,GAAG,KAAK,CAAA;QAEf,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,MAAM,EAAE;YAC/D,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;YAC7B,IAAI,cAAc,EAAE;gBAClB,GAAG,IAAI,KAAK,CAAA;aACb;SACF;QAED,OAAO,GAAG,CAAA;KACX;;;YAhBF,IAAI,SAAC;gBACJ,IAAI,EAAE,UAAU;aACjB;;;MCwDY,mBAAmB;;;YArC/B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,iBAAiB;oBACjB,kBAAkB;oBAClB,oBAAoB;iBACrB;gBACD,YAAY,EAAE;oBACZ,kBAAkB;oBAClB,oBAAoB;oBACpB,4BAA4B;oBAC5B,sBAAsB;oBACtB,mBAAmB;oBACnB,yBAAyB;oBACzB,qBAAqB;oBACrB,uBAAuB;oBACvB,aAAa;oBACb,YAAY;oBACZ,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,kBAAkB;oBAClB,oBAAoB;oBACpB,4BAA4B;oBAC5B,sBAAsB;oBACtB,mBAAmB;oBACnB,yBAAyB;oBACzB,qBAAqB;oBACrB,uBAAuB;oBACvB,aAAa;oBACb,YAAY;oBACZ,sBAAsB;;oBAGtB,sBAAsB;iBACvB;aACF;;;AC3DD;;;;;;"}

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

@@ -0,0 +1,147 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+import { fromEvent, BehaviorSubject } from 'rxjs';
+import { map, filter, tap } from 'rxjs/operators';
+import { notNullOrUndefined } from '@theseam/ui-common/utils';
+
+class LocalStorageMemory {
+    constructor() {
+        this._cache = {};
+        /**
+         * Number of stored items.
+         */
+        this.length = 0;
+    }
+    /**
+     * Removes all stored items and sets length to 0.
+     */
+    clear() {
+        this._cache = {};
+        this.length = 0;
+    }
+    /**
+     * Returns item for passed key, or null.
+     *
+     * @param key name of item to be returned.
+     */
+    getItem(key) {
+        if (key in this._cache) {
+            return this._cache[key];
+        }
+        return null;
+    }
+    /**
+     * Returns name of key at passed index.
+     *
+     * @param index position for key to be returned (starts at 0).
+     */
+    key(index) {
+        return Object.keys(this._cache)[index] || null;
+    }
+    /**
+     * Removes item for passed key.
+     *
+     * @param key name of item to be removed.
+     */
+    removeItem(key) {
+        if (this._cache.hasOwnProperty(key)) {
+            delete this._cache[key];
+            this.length--;
+        }
+    }
+    /**
+     * Sets item for key to passed value, as string.
+     *
+     * @param key name of item to be set.
+     * @param value value, will always be turned into a string.
+     */
+    setItem(key, value) {
+        if (typeof value === 'undefined') {
+            this.removeItem(key);
+        }
+        else {
+            if (!this._cache.hasOwnProperty(key)) {
+                this.length++;
+            }
+            this._cache[key] = '' + value;
+        }
+    }
+}
+
+// NOTE: Temporary localStorage polyfill just to get the app running without localStorage for now.
+const localStorage = 'localStorage' in window && window.localStorage != null ? window.localStorage : new LocalStorageMemory();
+class LocalStorageService {
+    constructor() {
+        this.subjects = {};
+        /** This is only here for testing/debugging. */
+        this._localStorage = localStorage;
+        fromEvent(window, 'storage').pipe(map(e => e.key), filter(notNullOrUndefined), tap(key => {
+            const subjectValue = this.get(key);
+            const storedValue = this._localStorage.getItem(key);
+            if (subjectValue !== storedValue) {
+                if (storedValue) {
+                    this.set(key, storedValue);
+                }
+                else {
+                    this.remove(key);
+                }
+            }
+        }))
+            .subscribe();
+    }
+    /**
+     * Observe a localStorage item.
+     *
+     * NOTE: Only emits changes if the item is changed with the set method of this
+     * class instance.
+     */
+    select(key, defaultValue = null) {
+        if (this.subjects.hasOwnProperty(key)) {
+            return this.subjects[key];
+        }
+        if (!this._localStorage.getItem(key) && defaultValue) {
+            this._localStorage.setItem(key, defaultValue);
+        }
+        const value = this._localStorage.getItem(key) || defaultValue;
+        return (this.subjects[key] = new BehaviorSubject(value));
+    }
+    /** Get a localStorage item. */
+    get(key, defaultValue = null) {
+        if (this.subjects.hasOwnProperty(key)) {
+            return this.subjects[key].value;
+        }
+        if (!this._localStorage.getItem(key) && defaultValue) {
+            this._localStorage.setItem(key, defaultValue);
+        }
+        const value = this._localStorage.getItem(key) || defaultValue;
+        return (this.subjects[key] = new BehaviorSubject(value)).value;
+    }
+    /** Set a localStorage item. */
+    set(key, value) {
+        this._localStorage.setItem(key, value);
+        if (this.subjects.hasOwnProperty(key)) {
+            this.subjects[key].next(value);
+        }
+    }
+    /** Remove a localStorage item. */
+    remove(key) {
+        this._localStorage.removeItem(key);
+        if (this.subjects.hasOwnProperty(key)) {
+            this.subjects[key].next(null);
+        }
+    }
+}
+LocalStorageService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LocalStorageService_Factory() { return new LocalStorageService(); }, token: LocalStorageService, providedIn: "root" });
+LocalStorageService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+LocalStorageService.ctorParameters = () => [];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LocalStorageService };
+//# sourceMappingURL=theseam-ui-common-storage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-storage.js","sources":["../../../projects/ui-common/storage/localstorage-memory.ts","../../../projects/ui-common/storage/local-storage.service.ts","../../../projects/ui-common/storage/theseam-ui-common-storage.ts"],"sourcesContent":["\nexport class LocalStorageMemory implements Storage {\n  [name: string]: any\n\n  private _cache: { [key: string]: string } = {}\n\n  /**\n   * Number of stored items.\n   */\n  public length: number = 0\n\n  /**\n   * Removes all stored items and sets length to 0.\n   */\n  public clear(): void {\n    this._cache = {}\n    this.length = 0\n  }\n\n  /**\n   * Returns item for passed key, or null.\n   *\n   * @param key name of item to be returned.\n   */\n  public getItem(key: string): string | null {\n    if (key in this._cache) {\n      return this._cache[key]\n    }\n\n    return null\n  }\n\n  /**\n   * Returns name of key at passed index.\n   *\n   * @param index position for key to be returned (starts at 0).\n   */\n  public key(index: number): string | null {\n    return Object.keys(this._cache)[index] || null\n  }\n\n  /**\n   * Removes item for passed key.\n   *\n   * @param key name of item to be removed.\n   */\n  public removeItem(key: string): void {\n    if (this._cache.hasOwnProperty(key)) {\n      delete this._cache[key]\n      this.length--\n    }\n  }\n\n  /**\n   * Sets item for key to passed value, as string.\n   *\n   * @param key name of item to be set.\n   * @param value value, will always be turned into a string.\n   */\n  public setItem(key: string, value: string): void {\n    if (typeof value === 'undefined') {\n      this.removeItem(key)\n    } else {\n      if (!this._cache.hasOwnProperty(key)) {\n        this.length++\n      }\n\n      this._cache[key] = '' + value\n    }\n  }\n\n}\n","import { Injectable } from '@angular/core'\nimport { BehaviorSubject, fromEvent, Observable } from 'rxjs'\nimport { filter, map, tap } from 'rxjs/operators'\n\nimport { notNullOrUndefined } from '@theseam/ui-common/utils'\n\nimport { LocalStorageMemory } from './localstorage-memory'\n\n// NOTE: Temporary localStorage polyfill just to get the app running without localStorage for now.\nconst localStorage: Storage = 'localStorage' in window && window.localStorage != null ? window.localStorage : new LocalStorageMemory()\n\nexport interface ILocalStorageService {\n  select(key: string, defaultValue: string | null): Observable<string | null>\n  get(key: string, defaultValue: string | null): string | null\n  set(key: string, value: string): void\n  remove(key: string): void\n}\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class LocalStorageService implements ILocalStorageService {\n  protected readonly subjects: { [key: string]: BehaviorSubject<string | null> } = {}\n\n  /** This is only here for testing/debugging. */\n  private readonly _localStorage = localStorage\n\n  constructor() {\n    fromEvent<StorageEvent>(window, 'storage').pipe(\n      map(e => e.key),\n      filter(notNullOrUndefined),\n      tap(key => {\n        const subjectValue = this.get(key)\n        const storedValue = this._localStorage.getItem(key)\n        if (subjectValue !== storedValue) {\n          if (storedValue) {\n            this.set(key, storedValue)\n          } else {\n            this.remove(key)\n          }\n        }\n      }),\n    )\n    .subscribe()\n  }\n\n  /**\n   * Observe a localStorage item.\n   *\n   * NOTE: Only emits changes if the item is changed with the set method of this\n   * class instance.\n   */\n  public select(key: string, defaultValue: string | null = null): Observable<string | null> {\n    if (this.subjects.hasOwnProperty(key)) {\n      return this.subjects[key]\n    }\n\n    if (!this._localStorage.getItem(key) && defaultValue) {\n      this._localStorage.setItem(key, defaultValue)\n    }\n\n    const value = this._localStorage.getItem(key) || defaultValue\n\n    return (this.subjects[key] = new BehaviorSubject(value))\n  }\n\n  /** Get a localStorage item. */\n  public get(key: string, defaultValue: string | null = null): string | null {\n    if (this.subjects.hasOwnProperty(key)) {\n      return this.subjects[key].value\n    }\n\n    if (!this._localStorage.getItem(key) && defaultValue) {\n      this._localStorage.setItem(key, defaultValue)\n    }\n\n    const value = this._localStorage.getItem(key) || defaultValue\n\n    return (this.subjects[key] = new BehaviorSubject(value)).value\n  }\n\n  /** Set a localStorage item. */\n  public set(key: string, value: string): void {\n    this._localStorage.setItem(key, value)\n\n    if (this.subjects.hasOwnProperty(key)) {\n      this.subjects[key].next(value)\n    }\n  }\n\n  /** Remove a localStorage item. */\n  public remove(key: string): void {\n    this._localStorage.removeItem(key)\n\n    if (this.subjects.hasOwnProperty(key)) {\n      this.subjects[key].next(null)\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-story-helpers.js

@@ -0,0 +1,441 @@
+import { ThemeNames, OutlineThemeNames } from '@theseam/ui-common/models';
+import { action } from '@storybook/addon-actions';
+import { Component, InjectionToken, Injectable, Injector, APP_INITIALIZER, NgModule, Input, APP_BOOTSTRAP_LISTENER, ElementRef } from '@angular/core';
+import { Router, NavigationEnd, RouterModule } from '@angular/router';
+import { filter, take, startWith, auditTime, map, takeUntil, first } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
+import { TheSeamScrollbarModule } from '@theseam/ui-common/scrollbar';
+import { of, Subject, ReplaySubject, combineLatest } from 'rxjs';
+import { ModalRef, MODAL_DATA } from '@theseam/ui-common/modal';
+import { STORY } from '@storybook/angular/dist/ts3.9/client/preview/angular/app.token';
+
+const themeArgType = {
+    defaultValue: 'primary',
+    control: {
+        type: 'select',
+        options: ThemeNames
+    },
+    description: `Theme style.`
+};
+const themeWithOutlineArgType = {
+    defaultValue: 'primary',
+    control: {
+        type: 'select',
+        options: [...ThemeNames, ...OutlineThemeNames]
+    },
+    description: `Theme style.`
+};
+const sizeArgType = {
+    defaultValue: undefined,
+    control: {
+        type: 'select',
+        options: [undefined, 'sm', 'lg']
+    },
+    description: `Size.`
+};
+const buttonTypeArgType = {
+    defaultValue: 'button',
+    control: {
+        type: 'select',
+        options: ['button', 'submit']
+    },
+    description: `Button type.`
+};
+
+/**
+ * This is an attempt at simplifying the use of auto-generated args in stories
+ * defined with `template`, since Angular doesn't have a way to simply use a
+ * spread operator syntax.
+ *
+ * @experimental
+ */
+function argsToTplParts(args, argTypes) {
+    // console.log({ args, argTypes })
+    const parts = {
+        actions: {},
+        tplfragment: ''
+    };
+    Object.keys(argTypes).forEach(k => {
+        var _a, _b, _c;
+        // Inputs
+        if (
+        // Is in the inputs category
+        argTypes[k].table.category === 'inputs' &&
+            (
+            // Needs a control to be able to change from auto-generated args.
+            (_a = argTypes[k]) === null || _a === void 0 ? void 0 : _a.hasOwnProperty('control')) &&
+            // Assuming the arg might not be in props if there isn't an arg value.
+            args.hasOwnProperty(k)) {
+            parts.tplfragment += `[${k}]="${k}" `;
+        }
+        // Outputs
+        if (
+        // Is in the outputs category
+        ((_c = (_b = argTypes[k]) === null || _b === void 0 ? void 0 : _b.table) === null || _c === void 0 ? void 0 : _c.category) === 'outputs') {
+            // Without access to props, I don't know if I can get an action into the
+            // template context like this.
+            parts.tplfragment += `(${k})="${k}($event)" `;
+            parts.actions[k] = action(k);
+        }
+    });
+    return parts;
+}
+/**
+ * This is an attempt at simplifying the use of auto-generated args in stories
+ * defined with `template`, since Angular doesn't have a way to simply use a
+ * spread operator syntax.
+ *
+ * @experimental
+ */
+function argsToTpl(args, argTypes) {
+    // console.log({ args, argTypes })
+    let s = '';
+    Object.keys(argTypes).forEach(k => {
+        var _a, _b, _c;
+        // Inputs
+        if (
+        // Is in the inputs category
+        argTypes[k].table.category === 'inputs' &&
+            (
+            // Needs a control to be able to change from auto-generated args.
+            (_a = argTypes[k]) === null || _a === void 0 ? void 0 : _a.hasOwnProperty('control')) &&
+            // Assuming the arg might not be in props if there isn't an arg value.
+            args.hasOwnProperty(k)) {
+            s += `[${k}]="${k}" `;
+        }
+        // Outputs
+        if (
+        // Is in the outputs category
+        ((_c = (_b = argTypes[k]) === null || _b === void 0 ? void 0 : _b.table) === null || _c === void 0 ? void 0 : _c.category) === 'outputs') {
+            // Without access to props, I don't know if I can get an action into the
+            // template context like this.
+            // if (argTypes[k].table.category === 'inputs') {
+            //   s += `(${k})="${k}" `
+            // }
+        }
+    });
+    return s;
+}
+
+class StoryEmptyComponent {
+}
+StoryEmptyComponent.decorators = [
+    { type: Component, args: [{ template: `` },] }
+];
+
+function storyInitialRouteFactory(_storyInitialRouteService) {
+    return () => _storyInitialRouteService.setInitialRoute();
+}
+
+const STORY_INITIAL_ROUTE_URL = new InjectionToken('STORY_INITIAL_ROUTE_URL');
+class StoryInitialRouteService {
+    constructor(_injector) {
+        this._injector = _injector;
+    }
+    setInitialRoute() {
+        const _router = this._injector.get(Router);
+        const url = this._injector.get(STORY_INITIAL_ROUTE_URL);
+        if (_router.navigated) {
+            _router.navigateByUrl(url);
+        }
+        else {
+            _router.events.pipe(filter(e => e instanceof NavigationEnd), take(1))
+                .subscribe(() => { _router.navigateByUrl(url); });
+        }
+    }
+}
+StoryInitialRouteService.decorators = [
+    { type: Injectable }
+];
+StoryInitialRouteService.ctorParameters = () => [
+    { type: Injector }
+];
+
+class StoryInitialRouteModule {
+    static forRoot(url) {
+        return {
+            ngModule: StoryInitialRouteModule,
+            providers: [
+                StoryInitialRouteService,
+                {
+                    provide: APP_INITIALIZER,
+                    useFactory: storyInitialRouteFactory,
+                    deps: [StoryInitialRouteService],
+                    multi: true
+                },
+                { provide: STORY_INITIAL_ROUTE_URL, useValue: url }
+            ]
+        };
+    }
+}
+StoryInitialRouteModule.decorators = [
+    { type: NgModule }
+];
+
+// import { button } from '@storybook/addon-knobs'
+/**
+ * Until I find a way to avoid '@storybook/addon-knobs' from interfering with
+ * NgZone I can't import it in the knob when built by ng-packagr.
+ */
+function routeButton(buttonKnob, url) {
+    return buttonKnob(url, () => {
+        location.hash = `#${url}`;
+        return false;
+    });
+}
+
+function goToHashUrl(url) { location.hash = `#${url}`; }
+__STORYBOOK_ADDONS.getChannel().on('custom/go-to-hash', (data) => {
+    goToHashUrl(data.hash);
+});
+__STORYBOOK_ADDONS.getChannel().on('storyArgsUpdated', (data) => {
+    console.log('storyArgsUpdated');
+});
+function routesArgType(routes) {
+    return {
+        options: routes,
+        control: {
+            type: 'select',
+            // Runs in the 'manager', so I am emitting to a channel in the 'preview'.
+            onChange: (e, a) => { __STORYBOOK_ADDONS.getChannel().emit('custom/go-to-hash', { hash: e }); return e; }
+        }
+    };
+}
+
+class StoryEmptyWithRouteComponent {
+}
+StoryEmptyWithRouteComponent.decorators = [
+    { type: Component, args: [{ template: `<router-outlet></router-outlet>` },] }
+];
+
+class FakeModalRef {
+    afterOpened() { return of(undefined); }
+    close(dialogResult) { }
+}
+class StoryModalContainerComponent {
+    constructor(_injector) {
+        this._injector = _injector;
+        this._ngUnsubscribe = new Subject();
+        this._component = new ReplaySubject(1);
+        this._data = new ReplaySubject(1);
+        this._outletData$ = combineLatest([
+            this._component.asObservable(),
+            this._data.asObservable().pipe(startWith(undefined))
+        ]).pipe(auditTime(0), map(([component, data]) => ({
+            component,
+            injector: this._createInjector(data)
+        })), takeUntil(this._ngUnsubscribe));
+    }
+    set component(c) { this._component.next(c); }
+    set data(d) { this._data.next(d); }
+    ngOnDestroy() {
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    }
+    _createInjector(data) {
+        return Injector.create({
+            providers: [
+                { provide: ModalRef, useClass: FakeModalRef, deps: [] },
+                { provide: MODAL_DATA, useValue: data }
+            ],
+            parent: this._injector
+        });
+    }
+}
+StoryModalContainerComponent.decorators = [
+    { type: Component, args: [{
+                // tslint:disable-next-line: component-selector
+                selector: 'story-modal-container-component',
+                template: `
+    <div class="cdk-overlay-container">
+      <div class="cdk-overlay-backdrop cdk-overlay-dark-backdrop cdk-overlay-backdrop-showing"></div>
+      <div class="cdk-global-overlay-wrapper"
+        dir="ltr"
+        style="justify-content: flex-start; align-items: center; pointer-events: auto"
+        seamOverlayScrollbar>
+        <div class="seam-modal-container modal-dialog modal-dialog-centered {{ modalConfig ? modalConfig.modalSize : 'modal-lg' }}"
+          tabindex="-1"
+          [class.modal-lg]="!modalConfig">
+          <div class="modal-content">
+            <ng-container *ngIf="_outletData$ | async as outletData">
+              <ng-container *ngComponentOutlet="outletData.component; injector: outletData.injector;"></ng-container>
+            </ng-container>
+          </div>
+        </div>
+      </div>
+    </div>
+  `,
+                styles: [`
+    .seam-modal-container[tabindex="-1"]:focus {
+      outline: 0 !important;
+    }
+  `]
+            },] }
+];
+StoryModalContainerComponent.ctorParameters = () => [
+    { type: Injector }
+];
+StoryModalContainerComponent.propDecorators = {
+    component: [{ type: Input }],
+    data: [{ type: Input }],
+    modalConfig: [{ type: Input }]
+};
+
+class StoryHelperComponentsModule {
+}
+StoryHelperComponentsModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    StoryEmptyComponent,
+                    StoryEmptyWithRouteComponent,
+                    StoryModalContainerComponent
+                ],
+                imports: [
+                    CommonModule,
+                    RouterModule,
+                    TheSeamScrollbarModule
+                ],
+                exports: [
+                    StoryEmptyComponent,
+                    StoryEmptyWithRouteComponent,
+                    StoryModalContainerComponent
+                ]
+            },] }
+];
+
+class StoryToastrService {
+    constructor() {
+        this.currentlyActive = 0;
+        this.toasts = [];
+    }
+    /** show toast */
+    show(message, title, override = {}, type = '') { }
+    /** show successful toast */
+    success(message, title, override = {}) { }
+    /** show error toast */
+    error(message, title, override = {}) { }
+    /** show info toast */
+    info(message, title, override = {}) { }
+    /** show warning toast */
+    warning(message, title, override = {}) { }
+    /**
+     * Remove all or a single toast by id
+     */
+    clear(toastId) { }
+    /**
+     * Remove and destroy a single toast by id
+     */
+    remove(toastId) { }
+    /**
+     * Determines if toast message is already shown
+     */
+    findDuplicate(message, resetOnDuplicate, countDuplicates) { }
+}
+StoryToastrService.decorators = [
+    { type: Injectable }
+];
+
+/**
+ * Can be used to access a stories component after the story has been bootstrapped.
+ *
+ * Example:
+ * ```ts
+ * @Component({
+ *   selector: 'story-example',
+ *   template: `Touched: {{ exControl.touched }}`
+ * })
+ * class StoryExampleComponent {
+ *   exControl = new FormControl('')
+ * }
+ *
+ * export const TouchExample2 = () => ({
+ *   moduleMetadata: {
+ *     declarations: [ StoryExampleComponent ],
+ *     providers: [ onStoryBootstrappedExec((c: StoryExampleComponent) => c.exControl.markAsTouched()) ]
+ *   },
+ *   props: { },
+ *   component: StoryExampleComponent
+ * })
+ * ```
+ */
+function onStoryBootstrappedExec(callback) {
+    function bootstrapped(componentRef) {
+        const data = componentRef.instance.target.injector.get(STORY, null);
+        if (!data) {
+            console.warn(`STORY provider not found.`);
+            return;
+        }
+        data === null || data === void 0 ? void 0 : data.pipe(first()).subscribe(story => {
+            var _a;
+            if (!story.component) {
+                console.warn(`'onStoryBootstrappedExec' only supported on stories that provide 'component' property.`);
+                return;
+            }
+            let c = null;
+            for (let i = 0; i < componentRef.instance.target.length; i++) {
+                const tmp = (_a = componentRef.instance.target._embeddedViews[i].nodes) === null || _a === void 0 ? void 0 : _a.find((f) => (f === null || f === void 0 ? void 0 : f.instance) instanceof story.component);
+                const comp = tmp === null || tmp === void 0 ? void 0 : tmp.instance;
+                if (comp) {
+                    c = comp;
+                    break;
+                }
+            }
+            if (!c) {
+                console.warn(`Story component instance not found.`);
+                return;
+            }
+            if (c) {
+                callback(c);
+            }
+        });
+    }
+    return {
+        provide: APP_BOOTSTRAP_LISTENER,
+        useValue: bootstrapped,
+        multi: true
+    };
+}
+
+// TODO: Consider supporting a target selection function, so that complex
+// selections that can't be expressed by a simple selector can be used.
+/**
+ * Can be used to trigger an event on a target element when the story component has been bootstrapped.
+ *
+ * Example:
+ * ```
+ * export const TouchExample1 = () => ({
+ *   moduleMetadata: {
+ *     providers: [ onStoryBootstrappedTrigger('input', 'blur') ]
+ *   },
+ *   props: { control: new FormControl('') },
+ *   template: `
+ *     <input type="text" [formControl]="control">
+ *     Touched: {{ control.touched }}
+ *   `
+ * })
+ * ```
+ */
+function onStoryBootstrappedTrigger(targetSelector, eventName) {
+    function bootstrapped(componentRef) {
+        const elementRef = componentRef.injector.get(ElementRef, null);
+        const target = elementRef === null || elementRef === void 0 ? void 0 : elementRef.nativeElement.querySelector(targetSelector);
+        if (!target) {
+            console.warn(`Unable to trigger event '${eventName}'. Target '${targetSelector}' not found.`);
+        }
+        const e = document.createEvent('HTMLEvents');
+        e.initEvent('blur', false, true);
+        target.dispatchEvent(e);
+    }
+    return {
+        provide: APP_BOOTSTRAP_LISTENER,
+        useValue: bootstrapped,
+        multi: true
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { STORY_INITIAL_ROUTE_URL, StoryEmptyComponent, StoryEmptyWithRouteComponent, StoryHelperComponentsModule, StoryInitialRouteModule, StoryInitialRouteService, StoryModalContainerComponent, StoryToastrService, argsToTpl, argsToTplParts, buttonTypeArgType, onStoryBootstrappedExec, onStoryBootstrappedTrigger, routeButton, routesArgType, sizeArgType, storyInitialRouteFactory, themeArgType, themeWithOutlineArgType };
+//# sourceMappingURL=theseam-ui-common-story-helpers.js.map