@theseam/ui-common 0.2.9

package/fesm2015/theseam-ui-common-toggle-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-toggle-edit.js","sources":["../../../projects/ui-common/toggle-edit/toggle-edit-display-tpl.directive.ts","../../../projects/ui-common/toggle-edit/toggle-edit-keyboard-listener.service.ts","../../../projects/ui-common/toggle-edit/toggle-edit.component.ts","../../../projects/ui-common/toggle-edit/toggle-edit-actions-container/toggle-edit-actions-container.component.ts","../../../projects/ui-common/toggle-edit/toggle-edit.module.ts","../../../projects/ui-common/toggle-edit/theseam-ui-common-toggle-edit.ts"],"sourcesContent":["import { Directive, TemplateRef } from '@angular/core'\n\n@Directive({\n  selector: '[seamToggleEditDisplayTpl]'\n})\nexport class ToggleEditDisplayTplDirective {\n\n  constructor(public template: TemplateRef<any>) {}\n\n}\n","import { DOCUMENT } from '@angular/common'\nimport { Inject, Injectable } from '@angular/core'\n\nimport { ICanToggleEdit } from './models'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class ToggleEditKeyboardListenerService {\n\n  private _elements: ICanToggleEdit[] = []\n\n  private _isListening = false\n\n  private _document: Document\n\n  constructor(\n    @Inject(DOCUMENT) private document: any\n  ) {\n    this._document = document\n  }\n\n  public add(element: ICanToggleEdit): void {\n    this._elements.push(element)\n    this._startListening()\n  }\n\n  public remove(element: ICanToggleEdit): void {\n    this._elements = this._elements.filter(v => v !== element)\n    if (this._elements.length === 0) {\n      this._stopListening()\n    }\n  }\n\n  public isListening(): boolean {\n    return this._isListening\n  }\n\n  private _startListening(): void {\n    if (this.isListening()) {\n      return\n    }\n\n    this._document.body.addEventListener('keydown', this._keydownListener, true)\n\n    this._isListening = true\n  }\n\n  private _stopListening(): void {\n    if (!this.isListening()) {\n      return\n    }\n\n    this._document.body.removeEventListener('keydown', this._keydownListener, true)\n\n    this._isListening = false\n  }\n\n  private _keydownListener = (event: KeyboardEvent): boolean | void => {\n    for (const element of this._elements) {\n      if (element.isEditing()) {\n        element.keydownEvent(event)\n      }\n    }\n  }\n\n}\n","import { FocusMonitor } from '@angular/cdk/a11y'\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion'\nimport { ENTER, ESCAPE } from '@angular/cdk/keycodes'\nimport { ConnectionPositionPair, Overlay, OverlayRef, PositionStrategy } from '@angular/cdk/overlay'\nimport { TemplatePortal } from '@angular/cdk/portal'\nimport {\n  AfterViewInit,\n  Component,\n  ContentChild,\n  DoCheck,\n  ElementRef,\n  EventEmitter,\n  Host,\n  HostBinding,\n  Input,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  Optional,\n  Output,\n  Renderer2,\n  Self,\n  TemplateRef,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core'\nimport { AbstractControl, ControlContainer, FormControl, FormGroup } from '@angular/forms'\n\nimport { faCheck, faPen, faTimes } from '@fortawesome/free-solid-svg-icons'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\nimport { TheSeamFormFieldComponent } from '@theseam/ui-common/form-field'\n\nimport { ICanToggleEdit } from './models/can-toggle-edit'\nimport { IToggleEditRef } from './models/toggle-edit-ref'\nimport { ToggleEditDisplayTplDirective } from './toggle-edit-display-tpl.directive'\nimport { ToggleEditKeyboardListenerService } from './toggle-edit-keyboard-listener.service'\n\n\n@Component({\n  selector: 'seam-toggle-edit',\n  templateUrl: './toggle-edit.component.html',\n  styleUrls: ['./toggle-edit.component.scss']\n})\nexport class ToggleEditComponent implements OnInit, OnDestroy, AfterViewInit, DoCheck, ICanToggleEdit, IToggleEditRef {\n  static ngAcceptInputType_cancelOnBlur: BooleanInput\n  static ngAcceptInputType_waitOnSubmit: BooleanInput\n\n  faPen = faPen\n  faTimes = faTimes\n  faCheck = faCheck\n\n  private _previousDisabled = false\n\n  /** Use `hasFocus()` to check for focus. This is only for monitoring focus lost. */\n  private _focused = false\n  private _focusObserver?: MutationObserver\n  private _actionsFocused = false\n  private _submitting = false\n\n  /**\n   * Input value before editing.\n   *\n   * If the edit change is canceled the input value will be reset back to this\n   * value.\n   */\n  private _beforeEditValue = null\n\n  @HostBinding('class.toggle-edit-active') get _toggleEditActiveClass() { return this.editing }\n\n  @Input() @InputBoolean() cancelOnBlur = true\n  @Input() @InputBoolean() waitOnSubmit = false\n\n  @Input() placeholder = ''\n\n  @Input()\n  get editing(): boolean { return this._editing }\n  set editing(value: boolean) {\n    if (this.disabled && value) { return }\n\n    if (!this._editing) {\n      this.updateBeforeEditValue()\n    }\n    this._editing = coerceBooleanProperty(value)\n    this.editingChange.emit(value)\n  }\n  private _editing = false\n\n  @Output() changeAccepted = new EventEmitter<IToggleEditRef>()\n  @Output() changeDeclined = new EventEmitter<IToggleEditRef>()\n  @Output() editingChange = new EventEmitter<boolean>()\n\n  @ViewChild('templatePortalContent', { static: true }) templatePortalContent?: TemplateRef<any>\n  public templatePortal?: TemplatePortal<any>\n\n  public modalRef?: OverlayRef\n\n  @ContentChild(ToggleEditDisplayTplDirective, { static: true }) displayTpl?: ToggleEditDisplayTplDirective\n\n  constructor(\n    private _elementRef: ElementRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>,\n    @Optional() @Self() private controlContainer: ControlContainer,\n    @Optional() @Host() private formFieldComponent: TheSeamFormFieldComponent,\n    private _kbListener: ToggleEditKeyboardListenerService,\n    private _focusMonitor: FocusMonitor,\n    private _ngZone: NgZone,\n    private _renderer: Renderer2,\n    private _viewContainerRef: ViewContainerRef,\n    private _overlay: Overlay\n  ) {\n    this._ngZone.runOutsideAngular(() => {\n      this._focusObserver = new MutationObserver(() => {\n        this._ngZone.run(() => {\n          if (this.hasFocus()) {\n            if (this.disabled) { return }\n            this._onFocus()\n          } else {\n            this._onBlur()\n          }\n        })\n      })\n    })\n  }\n\n  ngOnInit() {\n    this._initMonitors()\n    if (this.formFieldComponent) {\n      // TODO: Consider making this smarter, such as avoiding overwritting when input set.\n      this.formFieldComponent.numPaddingErrors = 0\n    }\n  }\n\n  ngOnDestroy() {\n    this._destroyMonitors()\n  }\n\n  ngAfterViewInit() {\n    if (this.formFieldComponent && this.formFieldComponent.contentInput) {\n      this.formFieldComponent.contentInput.stateChanges.subscribe(_ => {\n        this._checkDisabledChange()\n      })\n    }\n    setTimeout(() => {\n      if (this.templatePortalContent) {\n        this.templatePortal = new TemplatePortal(this.templatePortalContent, this._viewContainerRef)\n      }\n    })\n    this._checkDisabledChange()\n  }\n\n  ngDoCheck() {\n    this._checkDisabledChange()\n  }\n\n  private _initMonitors() {\n    this._kbListener.add(this)\n\n    this._focusMonitor.monitor(this._elementRef.nativeElement, true)\n    this._focusObserver?.observe(this._elementRef.nativeElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n      childList: false,\n      characterData: false\n    })\n  }\n\n  private _destroyMonitors() {\n    this._kbListener.remove(this)\n\n    this._focusObserver?.disconnect()\n    this._focused = false\n    this._focusMonitor.stopMonitoring(this._elementRef.nativeElement)\n    this._renderer.removeAttribute(this._elementRef.nativeElement, 'tabindex')\n  }\n\n  // Make this disabled checking implementation better. It gets called to much\n  // trying to be accurate.\n  private _checkDisabledChange() {\n    const isDisabled = this.disabled\n    if (isDisabled !== this._previousDisabled) {\n\n    }\n  }\n\n  public get disabled() {\n    const control = this.getControl()\n    if (control) {\n      return control.disabled\n    }\n    return false\n  }\n\n  public canSubmit(): boolean {\n    const control = this.getControl()\n    if (control) {\n      return control.valid\n    }\n    return true\n  }\n\n  public isSubmitting(): boolean {\n    return this._submitting\n  }\n\n  public submitComplete(error?: any): void {\n    const control = this.getControl()\n    if (control) {\n      control.enable()\n    }\n    this._submitting = false\n\n    if (!error) {\n      this.stopEditing()\n    }\n  }\n\n  public updateBeforeEditValue(): void {\n    const control = this.getControl()\n    if (control) {\n      this._beforeEditValue = control.value\n    }\n  }\n\n  public getValue(): string | null {\n    const control = this.getControl()\n    if (control) {\n      return control.value\n    }\n\n    return null\n  }\n\n  public resetValue(): void {\n    const control = this.getControl()\n    if (control) {\n      // Reset without emitting then update which will emit, because reset will\n      // emit changes before setting pristine\n      control.reset(this._beforeEditValue, { emitEvent: false })\n      control.updateValueAndValidity()\n    }\n  }\n\n  public isFormGroup(): boolean {\n    return !!this.controlContainer\n  }\n\n  public getFormGroup(): FormGroup | null {\n    if (!this.isFormGroup()) { return null }\n    return <FormGroup>this.controlContainer.control\n  }\n\n  public isInFormField(): boolean {\n    return !!this.formFieldComponent\n  }\n\n  public getFormControl(): FormControl |  null {\n    if (!this.isInFormField()) { return null }\n    if (!this.formFieldComponent.contentInput) { return null }\n    return <FormControl>this.formFieldComponent.contentInput.ngControl.control\n  }\n\n  public hasControl(): boolean {\n    return !!this.getControl()\n  }\n\n  public getControl(): AbstractControl | null {\n    if (this.isFormGroup()) {\n      return this.getFormGroup()\n    } else if (this.isInFormField()) {\n      return this.getFormControl()\n    }\n    return null\n  }\n\n  public submitEdit(): void {\n    if (!this.canSubmit()) {\n      return\n    }\n\n    if (this.waitOnSubmit) {\n      const control = this.getControl()\n      if (control) {\n        control.disable()\n      }\n      this._submitting = true\n    }\n\n    this.stopEditing()\n\n    this.changeAccepted.emit(<IToggleEditRef>this)\n  }\n\n  public cancelEdit(): void {\n    // Reset without emitting then update which will emit, because reset will\n    // emit changes before setting pristine\n    this.resetValue()\n    this.stopEditing()\n\n    this.changeDeclined.emit(<IToggleEditRef>this)\n  }\n\n  private _onFocus(): void {\n    // Return if already focused\n    if (this._focused) { return }\n\n    this._focused = true\n    this._actionsFocused = false\n  }\n\n  private _onBlur(): void {\n    // Return if focus hasn't been detected\n    if (!this._focused) { return }\n\n    if (this.editing && this.cancelOnBlur) {\n      setTimeout(() => {\n        if (!this._actionsFocused) {\n          this.cancelEdit()\n        }\n      })\n    }\n\n    this._focused = false\n  }\n\n  public hasFocus(): boolean {\n    return this._elementRef.nativeElement.classList.contains('cdk-focused')\n  }\n\n  public focusContent(): void {\n    // Set the tab index to `-1` to allow the root element of the component to\n    // receive `focus` event from javascript, but not get focused by keyboard\n    // navigation. This is for the focus monitor. If a button is clicked the\n    // focus monitor emits a blur before the focus of the input. This will avoid\n    // the blur by letting the component itself receive focus events.\n    this._renderer.setAttribute(this._elementRef.nativeElement, 'tabindex', '-1')\n    this._elementRef.nativeElement.focus()\n  }\n\n  public toggleEditing(isEditing?: boolean): void {\n    if (this.editing === isEditing) { return }\n    const _editing = isEditing === undefined ? !this.editing : !!isEditing\n    if (_editing) {\n      this.startEditing()\n    } else {\n      this.stopEditing()\n    }\n  }\n\n  public isEditing(): boolean {\n    return this.editing\n  }\n\n  public startEditing(): void {\n    if (this.disabled) { return }\n    if (this.isEditing()) {\n      return\n    }\n\n    this.updateBeforeEditValue()\n\n    this.focusContent()\n\n    this.editing = true\n\n    this.modalRef = this._overlay.create({\n      hasBackdrop: false,\n      positionStrategy: this.getOverlayPosition(this._elementRef.nativeElement),\n    })\n\n    this.modalRef.attach(this.templatePortal)\n  }\n\n  public stopEditing(): void {\n    if (!this.isEditing()) {\n      return\n    }\n\n    if (this.isSubmitting()) {\n      return\n    }\n\n    if (this.modalRef?.hasAttached()) {\n      this.modalRef.detach()\n    }\n\n    // NOTE: This is a hack to avoid a focus lost issue introduced by a focus\n    // acuired issue's hack.\n    this._elementRef.nativeElement.focus()\n    this._elementRef.nativeElement.blur()\n    this._focusMonitor.stopMonitoring(this._elementRef.nativeElement)\n    this._renderer.removeAttribute(this._elementRef.nativeElement, 'tabindex')\n    this._focusMonitor.monitor(this._elementRef.nativeElement, true)\n\n    this.editing = false\n  }\n\n  public keydownEvent(event: KeyboardEvent): void {\n    // tslint:disable-next-line:deprecation\n    switch (event.keyCode) {\n      case ESCAPE: {\n        this.cancelEdit()\n        break\n      }\n      case ENTER: {\n        this.submitEdit()\n        break\n      }\n    }\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(false)\n\n    return positionStrategy\n  }\n\n  private getPositions(): ConnectionPositionPair[] {\n    return [\n      {\n        originX: 'end',\n        originY: 'top',\n        overlayX: 'start',\n        overlayY: 'top',\n      },\n      {\n        originX: 'end',\n        originY: 'bottom',\n        overlayX: 'end',\n        overlayY: 'top',\n      },\n      {\n        originX: 'end',\n        originY: 'top',\n        overlayX: 'end',\n        overlayY: 'bottom'\n      },\n    ]\n  }\n\n  public resized(): void {\n    if (this.modalRef && this.modalRef.hasAttached()) {\n      this.modalRef.updatePosition()\n    }\n  }\n\n  public actionsFocusChange(event: any): void {\n    this._actionsFocused = !!event\n  }\n\n}\n","import { Component, OnInit } from '@angular/core'\n\n@Component({\n  selector: 'seam-toggle-edit-actions-container',\n  templateUrl: './toggle-edit-actions-container.component.html',\n  styleUrls: ['./toggle-edit-actions-container.component.scss']\n})\nexport class ToggleEditActionsContainerComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","import { A11yModule } from '@angular/cdk/a11y'\nimport { OverlayModule } from '@angular/cdk/overlay'\nimport { PortalModule } from '@angular/cdk/portal'\nimport { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { ReactiveFormsModule } from '@angular/forms'\n\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome'\n\nimport { TheSeamFormFieldModule } from '@theseam/ui-common/form-field'\nimport { TheSeamLoadingModule } from '@theseam/ui-common/loading'\nimport { TheSeamSharedModule } from '@theseam/ui-common/shared'\n\nimport { ToggleEditActionsContainerComponent } from './toggle-edit-actions-container/toggle-edit-actions-container.component'\nimport { ToggleEditDisplayTplDirective } from './toggle-edit-display-tpl.directive'\nimport { ToggleEditComponent } from './toggle-edit.component'\n\n@NgModule({\n  declarations: [\n    ToggleEditDisplayTplDirective,\n    ToggleEditActionsContainerComponent,\n    ToggleEditComponent,\n  ],\n  imports: [\n    CommonModule,\n    TheSeamSharedModule,\n    FontAwesomeModule,\n    ReactiveFormsModule,\n    TheSeamFormFieldModule,\n    OverlayModule,\n    PortalModule,\n    A11yModule,\n    TheSeamLoadingModule\n  ],\n  exports: [\n    ToggleEditDisplayTplDirective,\n    ToggleEditComponent\n  ]\n})\nexport class TheSeamToggleEditModule { }\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-toggle-group.js

@@ -0,0 +1,260 @@
+import { coerceBooleanProperty, coerceArray } from '@angular/cdk/coercion';
+import { EventEmitter, Directive, ElementRef, ChangeDetectorRef, Input, Output, HostBinding, forwardRef, ContentChildren, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { Subject, of, combineLatest, from } from 'rxjs';
+import { takeUntil, startWith, map, switchMap, filter, tap } from 'rxjs/operators';
+import { InputBoolean } from '@theseam/ui-common/core';
+import { CommonModule } from '@angular/common';
+
+class ToggleGroupOptionDirective {
+    constructor(_elementRef, _cdr) {
+        this._elementRef = _elementRef;
+        this._cdr = _cdr;
+        this._selected = false;
+        /** Internal use only for now. */
+        this._canUnselect = true;
+        this.selectionChange = new EventEmitter();
+    }
+    get selected() { return this._selected; }
+    set selected(value) {
+        if (!this._canUnselect && !value) {
+            return;
+        }
+        this._selected = coerceBooleanProperty(value);
+        this.selectionChange.emit(this._selected);
+        this._cdr.markForCheck();
+    }
+    get _checkioSelectedClass() {
+        return this._selected;
+    }
+    get value() {
+        return this.seamToggleGroupOption;
+    }
+}
+ToggleGroupOptionDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamToggleGroupOption]',
+                exportAs: 'seamToggleGroupOption'
+            },] }
+];
+ToggleGroupOptionDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ChangeDetectorRef }
+];
+ToggleGroupOptionDirective.propDecorators = {
+    seamToggleGroupOption: [{ type: Input }],
+    selected: [{ type: Input }],
+    selectionChange: [{ type: Output }],
+    _checkioSelectedClass: [{ type: HostBinding, args: ['class.lib-toggle-group-option-selected',] }]
+};
+
+const TOGGLE_GROUP_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    // tslint:disable-next-line:no-use-before-declare
+    useExisting: forwardRef(() => ToggleGroupDirective),
+    multi: true,
+};
+class ToggleGroupDirective {
+    constructor() {
+        this._ngUnsubscribe = new Subject();
+        this.disabled = false;
+        this.multiple = false;
+        this.selectionToggleable = true;
+        // TODO: Add min/max selected inputs to make toggling better for multi select
+        this.change = new EventEmitter();
+    }
+    ngOnDestroy() {
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this._updateDirectiveStates();
+            if (this.optionDirectives) {
+                this.options = this.optionDirectives.changes
+                    .pipe(takeUntil(this._ngUnsubscribe))
+                    .pipe(startWith(this.optionDirectives))
+                    .pipe(map(v => v.toArray()));
+                this.options.pipe(switchMap(opts => {
+                    const _tmp = of(undefined);
+                    if (opts) {
+                        const _v = [];
+                        for (const opt of opts) {
+                            _v.push(opt.selectionChange.pipe(filter(v => opt.selected !== this.isSelected(opt.value)), tap(v => {
+                                if (this.isSelected(opt.value)) {
+                                    this.unselectValue(opt.value);
+                                }
+                                else {
+                                    this.selectValue(opt.value);
+                                }
+                            })));
+                        }
+                        return combineLatest(_v);
+                    }
+                    return _tmp;
+                })).subscribe();
+            }
+            this.change
+                .pipe(switchMap(_ => {
+                var _a;
+                return from(((_a = this.optionDirectives) === null || _a === void 0 ? void 0 : _a.toArray()) || [])
+                    .pipe(tap(opt => { this._updateDirectiveState(opt); }));
+            }))
+                .subscribe();
+        });
+    }
+    get value() {
+        return this.val;
+    }
+    set value(value) {
+        const _value = this.multiple
+            ? value !== null && value !== undefined
+                ? coerceArray(value)
+                : value
+            : value;
+        this.val = (this.multiple) ? [...(_value || [])] : _value || '';
+        this.change.emit(this.val);
+        if (this.onChange) {
+            this.onChange(_value);
+        }
+        if (this.onTouched) {
+            this.onTouched();
+        }
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    isSelected(value) {
+        if (this.multiple) {
+            const idx = (this.value || []).findIndex(v => v === value);
+            return idx !== -1;
+        }
+        else {
+            // TODO: Clean this up when the directive no longer allows array value type when multiple is false
+            const v = Array.isArray(this.value) && this.value.length === 1
+                ? this.value[0]
+                : this.value;
+            return v === value;
+        }
+    }
+    unselectValue(value) {
+        if (this.multiple) {
+            this.value = (this.value || []).filter(v => v !== value);
+        }
+        else {
+            this.value = undefined;
+        }
+    }
+    selectValue(value) {
+        if (this.multiple) {
+            const _value = [...(this.value || [])];
+            this.value = value ? [..._value, value] : _value;
+        }
+        else {
+            this.value = value;
+        }
+    }
+    getOptionDirectiveByValue(value) {
+        if (!this.optionDirectives || this.optionDirectives.length < 1) {
+            return null;
+        }
+        return this.optionDirectives.toArray()
+            .find(opt => opt.value === value);
+    }
+    _updateDirectiveStates() {
+        if (this.optionDirectives) {
+            for (const opt of this.optionDirectives.toArray()) {
+                this._updateDirectiveState(opt);
+            }
+        }
+    }
+    _updateDirectiveState(opt) {
+        const selected = this.isSelected(opt.value);
+        if (opt.selected !== selected) {
+            if (!opt._canUnselect) {
+                opt._canUnselect = true;
+            }
+            opt.selected = selected;
+        }
+        if (!this.selectionToggleable) {
+            if (!this.multiple || (this.value && this.value.length <= 1)) {
+                if (opt.selected) {
+                    if (opt._canUnselect) {
+                        opt._canUnselect = false;
+                    }
+                }
+                else {
+                    if (!opt._canUnselect) {
+                        opt._canUnselect = true;
+                    }
+                }
+            }
+            else {
+                if (!opt._canUnselect) {
+                    opt._canUnselect = true;
+                }
+            }
+        }
+    }
+}
+ToggleGroupDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[seamToggleGroup]',
+                exportAs: 'seamToggleGroup',
+                providers: [TOGGLE_GROUP_VALUE_ACCESSOR]
+            },] }
+];
+ToggleGroupDirective.ctorParameters = () => [];
+ToggleGroupDirective.propDecorators = {
+    val: [{ type: Input, args: ['value',] }],
+    disabled: [{ type: Input }],
+    multiple: [{ type: Input }],
+    selectionToggleable: [{ type: Input }],
+    change: [{ type: Output }],
+    optionDirectives: [{ type: ContentChildren, args: [ToggleGroupOptionDirective,] }]
+};
+__decorate([
+    InputBoolean()
+], ToggleGroupDirective.prototype, "disabled", void 0);
+__decorate([
+    InputBoolean()
+], ToggleGroupDirective.prototype, "multiple", void 0);
+__decorate([
+    InputBoolean()
+], ToggleGroupDirective.prototype, "selectionToggleable", void 0);
+
+class TheSeamToggleGroupModule {
+}
+TheSeamToggleGroupModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    ToggleGroupDirective,
+                    ToggleGroupOptionDirective
+                ],
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule
+                ],
+                exports: [
+                    ToggleGroupDirective,
+                    ToggleGroupOptionDirective
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TOGGLE_GROUP_VALUE_ACCESSOR, TheSeamToggleGroupModule, ToggleGroupDirective, ToggleGroupOptionDirective };
+//# sourceMappingURL=theseam-ui-common-toggle-group.js.map

package/fesm2015/theseam-ui-common-toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-toggle-group.js","sources":["../../../projects/ui-common/toggle-group/toggle-group-option.directive.ts","../../../projects/ui-common/toggle-group/toggle-group.directive.ts","../../../projects/ui-common/toggle-group/toggle-group.module.ts","../../../projects/ui-common/toggle-group/theseam-ui-common-toggle-group.ts"],"sourcesContent":["import { coerceBooleanProperty } from '@angular/cdk/coercion'\nimport { ChangeDetectorRef, Directive, ElementRef, EventEmitter, HostBinding, Input, Output } from '@angular/core'\n\n@Directive({\n  selector: '[seamToggleGroupOption]',\n  exportAs: 'seamToggleGroupOption'\n})\nexport class ToggleGroupOptionDirective {\n\n  @Input() seamToggleGroupOption: string | undefined | null\n\n  @Input()\n  get selected(): boolean { return this._selected }\n  set selected(value: boolean) {\n    if (!this._canUnselect && !value) { return }\n    this._selected = coerceBooleanProperty(value)\n    this.selectionChange.emit(this._selected)\n    this._cdr.markForCheck()\n  }\n  private _selected = false\n\n  /** Internal use only for now. */\n  _canUnselect = true\n\n  @Output() selectionChange = new EventEmitter<boolean>()\n\n  @HostBinding('class.lib-toggle-group-option-selected') get _checkioSelectedClass() {\n    return this._selected\n  }\n\n  constructor(\n    private readonly _elementRef: ElementRef,\n    private readonly _cdr: ChangeDetectorRef\n  ) { }\n\n  get value(): string | undefined | null {\n    return this.seamToggleGroupOption\n  }\n\n}\n","import { BooleanInput, coerceArray } from '@angular/cdk/coercion'\nimport { AfterViewInit, ContentChildren, Directive, EventEmitter, forwardRef, Input, OnDestroy, Output, QueryList } from '@angular/core'\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'\nimport { combineLatest, from, Observable, of, Subject } from 'rxjs'\nimport { filter, map, startWith, switchMap, takeUntil, tap } from 'rxjs/operators'\n\nimport { InputBoolean } from '@theseam/ui-common/core'\n\nimport { ToggleGroupOptionDirective } from './toggle-group-option.directive'\n\nexport const TOGGLE_GROUP_VALUE_ACCESSOR: any = {\n  provide: NG_VALUE_ACCESSOR,\n  // tslint:disable-next-line:no-use-before-declare\n  useExisting: forwardRef(() => ToggleGroupDirective),\n  multi: true,\n}\n\n@Directive({\n  selector: '[seamToggleGroup]',\n  exportAs: 'seamToggleGroup',\n  providers: [ TOGGLE_GROUP_VALUE_ACCESSOR ]\n})\nexport class ToggleGroupDirective implements OnDestroy, AfterViewInit, ControlValueAccessor {\n  static ngAcceptInputType_disabled: BooleanInput\n  static ngAcceptInputType_multiple: BooleanInput\n  static ngAcceptInputType_selectionToggleable: BooleanInput\n\n  private readonly _ngUnsubscribe = new Subject()\n\n  // tslint:disable-next-line:no-input-rename\n  @Input('value') val: string | string[] | undefined | null\n\n  @Input() @InputBoolean() disabled: boolean = false\n  @Input() @InputBoolean() multiple: boolean = false\n  @Input() @InputBoolean() selectionToggleable: boolean = true\n\n  // TODO: Add min/max selected inputs to make toggling better for multi select\n\n  @Output() readonly change = new EventEmitter<string | string[] | undefined | null>()\n\n  @ContentChildren(ToggleGroupOptionDirective) optionDirectives?: QueryList<ToggleGroupOptionDirective>\n\n  public options?: Observable<ToggleGroupOptionDirective[]>\n\n  onChange: any\n  onTouched: any\n\n  constructor() { }\n\n  ngOnDestroy() {\n    this._ngUnsubscribe.next()\n    this._ngUnsubscribe.complete()\n  }\n\n  ngAfterViewInit() {\n    setTimeout(() => {\n      this._updateDirectiveStates()\n\n      if (this.optionDirectives) {\n        this.options = this.optionDirectives.changes\n          .pipe(takeUntil(this._ngUnsubscribe))\n          .pipe(startWith(this.optionDirectives))\n          .pipe(map(v => v.toArray() as ToggleGroupOptionDirective[]))\n\n        this.options.pipe(switchMap(opts => {\n          const _tmp = of(undefined)\n          if (opts) {\n            const _v: Observable<boolean>[] = []\n            for (const opt of opts) {\n              _v.push(opt.selectionChange.pipe(\n                filter(v => opt.selected !== this.isSelected(opt.value)),\n                tap(v => {\n                  if (this.isSelected(opt.value)) {\n                    this.unselectValue(opt.value)\n                  } else {\n                    this.selectValue(opt.value)\n                  }\n                })\n              ))\n            }\n            return combineLatest(_v)\n          }\n          return _tmp\n        })).subscribe()\n      }\n\n      this.change\n        .pipe(switchMap(_ => from(this.optionDirectives?.toArray() || [])\n          .pipe(tap(opt => { this._updateDirectiveState(opt) }))\n        ))\n        .subscribe()\n    })\n  }\n\n  get value(): string | string[] | undefined | null {\n    return this.val\n  }\n\n  set value(value: string | string[] | undefined | null) {\n    const _value = this.multiple\n      ? value !== null && value !== undefined\n        ? coerceArray(value)\n        : value\n      : value\n\n    this.val = (this.multiple) ? [ ...(<string[]>_value || []) ] : _value || ''\n    this.change.emit(this.val)\n    if (this.onChange) { this.onChange(_value) }\n    if (this.onTouched) { this.onTouched() }\n  }\n\n  writeValue(value: any): void {\n    this.value = value\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled\n  }\n\n  isSelected(value: string | undefined | null) {\n    if (this.multiple) {\n      const idx = (<string[]>this.value || []).findIndex(v => v === value)\n      return idx !== -1\n    } else {\n      // TODO: Clean this up when the directive no longer allows array value type when multiple is false\n      const v = Array.isArray(this.value) && this.value.length === 1\n        ? this.value[0]\n        : this.value\n      return v === value\n    }\n  }\n\n  unselectValue(value: string | undefined | null) {\n    if (this.multiple) {\n      this.value = (<string[]>this.value || []).filter(v => v !== value)\n    } else {\n      this.value = undefined\n    }\n  }\n\n  selectValue(value: string | undefined | null) {\n    if (this.multiple) {\n      const _value = [ ...(<string[]>this.value || []) ]\n      this.value = value ? [ ..._value, value ] : _value\n    } else {\n      this.value = value\n    }\n  }\n\n  getOptionDirectiveByValue(value: string) {\n    if (!this.optionDirectives || this.optionDirectives.length < 1) {\n      return null\n    }\n\n    return this.optionDirectives.toArray()\n      .find(opt => opt.value === value)\n  }\n\n  private _updateDirectiveStates(): void {\n    if (this.optionDirectives) {\n      for (const opt of this.optionDirectives.toArray()) {\n        this._updateDirectiveState(opt)\n      }\n    }\n  }\n\n  private _updateDirectiveState(opt: ToggleGroupOptionDirective): void {\n    const selected = this.isSelected(opt.value)\n    if (opt.selected !== selected) {\n      if (!opt._canUnselect) {\n        opt._canUnselect = true\n      }\n      opt.selected = selected\n    }\n    if (!this.selectionToggleable) {\n      if (!this.multiple || (this.value && this.value.length <= 1)) {\n        if (opt.selected) {\n          if (opt._canUnselect) {\n            opt._canUnselect = false\n          }\n        } else {\n          if (!opt._canUnselect) {\n            opt._canUnselect = true\n          }\n        }\n      } else {\n        if (!opt._canUnselect) {\n          opt._canUnselect = true\n        }\n      }\n    }\n  }\n\n}\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { ReactiveFormsModule } from '@angular/forms'\n\nimport { ToggleGroupOptionDirective } from './toggle-group-option.directive'\nimport { ToggleGroupDirective } from './toggle-group.directive'\n\n@NgModule({\n  declarations: [\n    ToggleGroupDirective,\n    ToggleGroupOptionDirective\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule\n  ],\n  exports: [\n    ToggleGroupDirective,\n    ToggleGroupOptionDirective\n  ]\n})\nexport class TheSeamToggleGroupModule { }\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-unsaved-changes-dialog.js

@@ -0,0 +1,97 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule, isDevMode, Injectable, Directive, HostListener } from '@angular/core';
+
+// TODO: Decide if this component should be implemented or just use the native
+//  browser dialog for in-app routing also.
+class UnsavedChangesDialogComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+UnsavedChangesDialogComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-unsaved-changes-dialog',
+                template: `
+    <p>
+      unsaved-changes-dialog works!
+    </p>
+  `
+            },] }
+];
+UnsavedChangesDialogComponent.ctorParameters = () => [];
+
+class TheSeamUnsavedChangesDialogModule {
+}
+TheSeamUnsavedChangesDialogModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [UnsavedChangesDialogComponent],
+                imports: [],
+                exports: [UnsavedChangesDialogComponent]
+            },] }
+];
+
+class UnsavedChangesDialogGuard {
+    /**
+     * NOTE: Must be synchronous for now to allow `window:beforeunload` event support.
+     */
+    canDeactivate(component) {
+        if (isDevMode()) {
+            if (!component.unsavedChangesCanDeactivate) {
+                console.warn('Route Component with [UnsavedChangesDialogGuard] guard must extend [UnsavedChangesCanDeactivate] class.');
+            }
+            const w = window;
+            // Avoid redirect prevention in Storybook
+            if (w && w.__STORYBOOK_CLIENT_API__) {
+                return true;
+            }
+        }
+        if (!component.unsavedChangesCanDeactivate()) {
+            if (confirm('You have unsaved changes! If you leave, your changes will be lost.')) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+        return true;
+    }
+}
+UnsavedChangesDialogGuard.ɵprov = i0.ɵɵdefineInjectable({ factory: function UnsavedChangesDialogGuard_Factory() { return new UnsavedChangesDialogGuard(); }, token: UnsavedChangesDialogGuard, providedIn: "root" });
+UnsavedChangesDialogGuard.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+
+// tslint:disable-next-line: directive-class-suffix
+class UnsavedChangesCanDeactivate {
+    __unloadNotification($event) {
+        if (isDevMode()) {
+            if (!this.unsavedChangesCanDeactivate) {
+                console.warn('Route Component with [UnsavedChangesDialogGuard] guard must extend [UnsavedChangesCanDeactivate] class.');
+            }
+            const w = window;
+            // Avoid redirect prevention in Storybook
+            if (w && w.__STORYBOOK_CLIENT_API__) {
+                return true;
+            }
+        }
+        if (!this.unsavedChangesCanDeactivate()) {
+            // $event.returnValue = true
+            $event.returnValue = 'You have unsaved changes! If you leave, your changes will be lost.';
+        }
+    }
+}
+UnsavedChangesCanDeactivate.decorators = [
+    { type: Directive }
+];
+UnsavedChangesCanDeactivate.propDecorators = {
+    __unloadNotification: [{ type: HostListener, args: ['window:beforeunload', ['$event'],] }]
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TheSeamUnsavedChangesDialogModule, UnsavedChangesCanDeactivate, UnsavedChangesDialogComponent, UnsavedChangesDialogGuard };
+//# sourceMappingURL=theseam-ui-common-unsaved-changes-dialog.js.map

package/fesm2015/theseam-ui-common-unsaved-changes-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-unsaved-changes-dialog.js","sources":["../../../projects/ui-common/unsaved-changes-dialog/unsaved-changes-dialog.component.ts","../../../projects/ui-common/unsaved-changes-dialog/unsaved-changes-dialog.module.ts","../../../projects/ui-common/unsaved-changes-dialog/unsaved-changes-dialog.guard.ts","../../../projects/ui-common/unsaved-changes-dialog/unsaved-changes-can-deactivate.ts","../../../projects/ui-common/unsaved-changes-dialog/theseam-ui-common-unsaved-changes-dialog.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core'\n\n// TODO: Decide if this component should be implemented or just use the native\n//  browser dialog for in-app routing also.\n\n@Component({\n  selector: 'seam-unsaved-changes-dialog',\n  template: `\n    <p>\n      unsaved-changes-dialog works!\n    </p>\n  `,\n  styles: []\n})\nexport class UnsavedChangesDialogComponent implements OnInit {\n\n  constructor() { }\n\n  ngOnInit() {\n  }\n\n}\n","import { NgModule } from '@angular/core'\n\nimport { UnsavedChangesDialogComponent } from './unsaved-changes-dialog.component'\n\n@NgModule({\n  declarations: [UnsavedChangesDialogComponent],\n  imports: [],\n  exports: [UnsavedChangesDialogComponent]\n})\nexport class TheSeamUnsavedChangesDialogModule { }\n","import { Injectable, isDevMode } from '@angular/core'\nimport { CanDeactivate } from '@angular/router'\n\nimport { UnsavedChangesCanDeactivate } from './unsaved-changes-can-deactivate'\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class UnsavedChangesDialogGuard implements CanDeactivate<UnsavedChangesCanDeactivate> {\n\n  /**\n   * NOTE: Must be synchronous for now to allow `window:beforeunload` event support.\n   */\n  canDeactivate(component: UnsavedChangesCanDeactivate): boolean {\n    if (isDevMode()) {\n      if (!component.unsavedChangesCanDeactivate) {\n        console.warn('Route Component with [UnsavedChangesDialogGuard] guard must extend [UnsavedChangesCanDeactivate] class.')\n      }\n\n      const w = window as any\n      // Avoid redirect prevention in Storybook\n      if (w && w.__STORYBOOK_CLIENT_API__) {\n        return true\n      }\n    }\n\n    if (!component.unsavedChangesCanDeactivate()) {\n      if (confirm('You have unsaved changes! If you leave, your changes will be lost.')) {\n        return true\n      } else {\n        return false\n      }\n    }\n    return true\n  }\n\n}\n","import { Directive, HostListener, isDevMode } from '@angular/core'\n\n@Directive()\n// tslint:disable-next-line: directive-class-suffix\nexport abstract class UnsavedChangesCanDeactivate {\n\n  abstract unsavedChangesCanDeactivate(): boolean\n\n    @HostListener('window:beforeunload', ['$event'])\n    __unloadNotification($event: any) {\n      if (isDevMode()) {\n        if (!this.unsavedChangesCanDeactivate) {\n          console.warn('Route Component with [UnsavedChangesDialogGuard] guard must extend [UnsavedChangesCanDeactivate] class.')\n        }\n\n        const w = window as any\n        // Avoid redirect prevention in Storybook\n        if (w && w.__STORYBOOK_CLIENT_API__) {\n          return true\n        }\n      }\n\n      if (!this.unsavedChangesCanDeactivate()) {\n        // $event.returnValue = true\n        $event.returnValue = 'You have unsaved changes! If you leave, your changes will be lost.'\n      }\n    }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAEA;AACA;MAWa,6BAA6B;IAExC,iBAAiB;IAEjB,QAAQ;KACP;;;YAdF,SAAS,SAAC;gBACT,QAAQ,EAAE,6BAA6B;gBACvC,QAAQ,EAAE;;;;GAIT;aAEF;;;;MCJY,iCAAiC;;;YAL7C,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,6BAA6B,CAAC;gBAC7C,OAAO,EAAE,EAAE;gBACX,OAAO,EAAE,CAAC,6BAA6B,CAAC;aACzC;;;MCAY,yBAAyB;;;;IAKpC,aAAa,CAAC,SAAsC;QAClD,IAAI,SAAS,EAAE,EAAE;YACf,IAAI,CAAC,SAAS,CAAC,2BAA2B,EAAE;gBAC1C,OAAO,CAAC,IAAI,CAAC,yGAAyG,CAAC,CAAA;aACxH;YAED,MAAM,CAAC,GAAG,MAAa,CAAA;;YAEvB,IAAI,CAAC,IAAI,CAAC,CAAC,wBAAwB,EAAE;gBACnC,OAAO,IAAI,CAAA;aACZ;SACF;QAED,IAAI,CAAC,SAAS,CAAC,2BAA2B,EAAE,EAAE;YAC5C,IAAI,OAAO,CAAC,oEAAoE,CAAC,EAAE;gBACjF,OAAO,IAAI,CAAA;aACZ;iBAAM;gBACL,OAAO,KAAK,CAAA;aACb;SACF;QACD,OAAO,IAAI,CAAA;KACZ;;;;YA7BF,UAAU,SAAC;gBACV,UAAU,EAAE,MAAM;aACnB;;;ACJD;MACsB,2BAA2B;IAK7C,oBAAoB,CAAC,MAAW;QAC9B,IAAI,SAAS,EAAE,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,2BAA2B,EAAE;gBACrC,OAAO,CAAC,IAAI,CAAC,yGAAyG,CAAC,CAAA;aACxH;YAED,MAAM,CAAC,GAAG,MAAa,CAAA;;YAEvB,IAAI,CAAC,IAAI,CAAC,CAAC,wBAAwB,EAAE;gBACnC,OAAO,IAAI,CAAA;aACZ;SACF;QAED,IAAI,CAAC,IAAI,CAAC,2BAA2B,EAAE,EAAE;;YAEvC,MAAM,CAAC,WAAW,GAAG,oEAAoE,CAAA;SAC1F;KACF;;;YAxBJ,SAAS;;;mCAML,YAAY,SAAC,qBAAqB,EAAE,CAAC,QAAQ,CAAC;;;ACRnD;;;;;;"}

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

@@ -0,0 +1,797 @@
+import { switchMap, startWith, map, distinctUntilChanged, mapTo, filter, take, pairwise, toArray, tap, shareReplay, publishReplay, refCount, skip } from 'rxjs/operators';
+import { of, merge, interval, from, combineLatest, Observable, isObservable, BehaviorSubject, Subject } from 'rxjs';
+import { __rest, __awaiter } from 'tslib';
+import fileType from '@marklb/file-type';
+
+/**
+ *
+ */
+function getAttribute(element, name) {
+    return element.getAttribute(name);
+}
+
+/**
+ *
+ */
+function hasAttribute(element, name) {
+    return element.hasAttribute(name);
+}
+
+/**
+ * Finds the closest CdkDrag to an element by looking at the DOM.
+ * @param element Element relative to which to look for a cdkDrag.
+ * @param openDialogs References to the currently available cdkDrag.
+ */
+function getClosestWidgetCdkDrag(element, dragDirectives) {
+    let parent = element.nativeElement.parentElement;
+    while (parent && !(parent.classList.contains('cdk-drag') && hasAttribute(parent, 'data-widget-id'))) {
+        parent = parent.parentElement;
+    }
+    const parentId = parent ? getAttribute(parent, 'data-widget-id') : null;
+    return parentId ?
+        dragDirectives.find(drag => getAttribute(drag.getRootElement(), 'data-widget-id') === parentId)
+        : null;
+}
+
+/**
+ * Get the name of the control.
+ *
+ * Example:
+ *
+ * ```js
+ * const group = new FormGroup({
+ *  name: new Control(),
+ *  age: new Control()
+ * })
+ *
+ * for (const c of group.controls) {
+ *   console.log(getControlName(c))
+ * }
+ *
+ * // Output:
+ * // >> 'name'
+ * // >> 'age'
+ * ```
+ */
+function getControlName(c) {
+    if (!c.parent) {
+        return null;
+    }
+    // NOTE: Typed as 'any' because using string for array index is not valid for
+    // array index type, but it works and we actually want the index as a string
+    // anyway.
+    const controls = c.parent.controls;
+    return Object.keys(controls).find(name => c === controls[name]) || null;
+}
+
+/**
+ * Get the path to a control.
+ *
+ * The path is built by walking back the `parent` properties until `parent` is
+ * `null`.
+ *
+ * Example:
+ *
+ * ```js
+ * const group = new FormGroup({
+ *   name: new FormControl(),
+ *   address: new FormGroup({
+ *     city: new FormControl(),
+ *     state: new FormControl()
+ *   })
+ * })
+ *
+ * const control = group.get('address.city')
+ * console.log(getControlPath(control))
+ *
+ * // Output:
+ * >> 'address.city'
+ * ```
+ *
+ */
+function getControlPath(c, path = '') {
+    path = getControlName(c) + path;
+    if (c.parent && getControlName(c.parent)) {
+        path = '.' + path;
+        return getControlPath(c.parent, path);
+    }
+    else {
+        return path;
+    }
+}
+
+/**
+ * Observe the value of a control.
+ */
+function observeControlValue(control) {
+    return of(control)
+        .pipe(switchMap(_control => _control.valueChanges
+        .pipe(startWith(_control.value))));
+}
+
+/**
+ * Observe the changed state of the input value from the time this function is
+ * called.
+ *
+ * When this function is called the value is stored. Each time the control's
+ * value changes the value is compared with the initial value. Currenly the
+ * values are compared as stringified objects using `JSON.stringify`.
+ *
+ * TODO: Allow the value compare implementation to be optionally changed.
+ */
+function observeControlIsDifferent(control) {
+    const _initial = JSON.stringify(control.value);
+    return observeControlValue(control)
+        .pipe(map(value => JSON.stringify(value) !== _initial), distinctUntilChanged());
+}
+
+/**
+ * Wait on the status of a form control to not be `'PENDING'`.
+ *
+ * NOTE: This function is mainly just a work around for an issue where
+ *  `statusChanges` sometimes emits `'Pending'` without emitting another state
+ *  when complete. Seems to happen with async validators if the value changes
+ *  before completing, even if the validator completes(subscription `complete`
+ *  if observable).
+ */
+function waitOnNonPendingStatus(control) {
+    return merge(control.statusChanges, interval(30).pipe(mapTo(control), map(c => c.status)))
+        .pipe(startWith(control.status))
+        .pipe(filter(v => v !== 'PENDING'))
+        .pipe(take(1));
+}
+
+/**
+ * Observe the status of a control using a work around for status not changing
+ * after pending.
+ */
+function observeControlStatus(control) {
+    return of(control)
+        .pipe(switchMap(_control => _control.statusChanges
+        .pipe(startWith(_control.status))
+        .pipe(switchMap(status => status === 'PENDING'
+        ? waitOnNonPendingStatus(control)
+            .pipe(startWith(status))
+        : of(status)))));
+}
+
+/**
+ * Observe the valid state of a control.
+ *
+ * By default `waitOnPending` is false and the control states map to:
+ *  'VALID' => true
+ *  'INVALID' => false
+ *  'PENDING' => false
+ *
+ * If `waitOnPending` is true the valid result when 'PENDING' remains the same
+ *  as it was before 'PENDING' until it is no longer 'PENDING'.
+ */
+function observeControlValid(control, waitOnPending = false) {
+    if (waitOnPending) {
+        return observeControlStatus(control)
+            .pipe(distinctUntilChanged())
+            .pipe(startWith(undefined))
+            .pipe(pairwise())
+            .pipe(map(v => ({ previous: v[0], current: v[1] })))
+            .pipe(map(v => v.current === 'PENDING' ? v.previous : v.current))
+            .pipe(map(status => status === 'VALID'));
+    }
+    else {
+        return observeControlStatus(control)
+            .pipe(distinctUntilChanged())
+            .pipe(map(status => status === 'VALID'));
+    }
+}
+
+/**
+ * Observe the value of a control with the previous.
+ */
+function observeControlValueChange(control) {
+    return observeControlValue(control)
+        .pipe(startWith(undefined), pairwise(), map(v => ({ previous: v[0], current: v[1] })));
+}
+
+// Source: https://stackoverflow.com/a/59361497/7926298
+function hasProperty(style, prop
+// ): style is T & { [P in K]-?: Exclude<T[K], undefined> } {
+) {
+    return style.hasOwnProperty(prop) && style[prop] !== undefined;
+}
+
+/**
+ * Check if control has a required control.
+ *
+ * ----------------------------------------------------------------------------
+ * NOTE: I am not sure about if this should be used or not.
+ *
+ * From my understanding this assumes that all the validators do not have some
+ * unexpected side-effect from being called like this. It could be argued that
+ * the validator is flawed and should be fixed if that is the case, but I am not
+ * convinced that is correct yet.
+ *
+ * An example that I think is valid for this argument: A FormControl configured
+ * to only check validators when a specific condition happens, because of a
+ * reason that it has to do a long process. In that situation should this
+ * function be smart enough to consider that or is it up to the validator to
+ * consider this function possibly being used.
+ *
+ * This seems to assume the required validator will always be a synchronous
+ * validator. That is a valid assumption if thinking about showing a required
+ * state in the UI, but a FormControl does not neccessarily have to be used in
+ * UI. So, I think it could be valid to have an async validator that uses the
+ * name `required` for it error, but I do not have a good example, so I could be
+ * wrong.
+ * ----------------------------------------------------------------------------
+ *
+ * Source: https://gist.github.com/jsdevtom/5589af349a395b37e699b67417ef025b
+ * @experimental
+ * @ignore
+ */
+function hasRequiredControl(abstractControl) {
+    if (abstractControl.validator) {
+        const validator = abstractControl.validator({});
+        if (validator && validator.required) {
+            return true;
+        }
+    }
+    const _abstractControl = abstractControl;
+    if (hasProperty(_abstractControl, 'controls')) {
+        for (const controlName in _abstractControl.controls) {
+            if (_abstractControl.controls[controlName]) {
+                if (hasRequiredControl(_abstractControl.controls[controlName])) {
+                    return true;
+                }
+            }
+        }
+    }
+    return false;
+}
+
+// Source: https://github.com/angular/angular/blob/master/packages/forms/src/validators.ts#L16
+function isEmptyInputValue(value) {
+    // we don't check for string here so it also works with arrays
+    return value == null || value.length === 0;
+}
+
+function mapEach(predicate) {
+    return (source$) => source$.pipe(switchMap(v => from(v).pipe(map(m => predicate(m)), toArray())));
+}
+
+/**
+ * Like tap, but only calls predicate on first emission.
+ */
+function tapFirst(predicate) {
+    let _initialized = false;
+    return (source$) => source$.pipe(tap(v => {
+        if (!_initialized) {
+            predicate(v);
+            _initialized = true;
+        }
+    }));
+}
+
+function leafChildRoute(activatedRoute) {
+    let route = activatedRoute;
+    while (route.firstChild) {
+        route = route.firstChild;
+    }
+    return route;
+}
+
+function hasRouteConfigDataProp(route, prop) {
+    return !!(route && route.routeConfig && route.routeConfig.data && route.routeConfig.data.hasOwnProperty(prop));
+}
+function hasRouteConfigResolveProp(route, prop) {
+    return !!(route && route.routeConfig && route.routeConfig.resolve && route.routeConfig.resolve.hasOwnProperty(prop));
+}
+function willHaveDataProp(route, prop) {
+    return hasRouteConfigDataProp(route, prop) || hasRouteConfigResolveProp(route, prop);
+}
+
+function activatedRoutesWithDataProperty(prop, mustHaveDefined = false) {
+    const _data = (r) => r.data.pipe(map(_d => ({ route: r, data: _d })));
+    return (source$) => source$.pipe(map(route => leafChildRoute(route)), map(route => route.pathFromRoot), switchMap(routes => combineLatest(routes.map(r => _data(r)))), map(v => v.filter(_v => _v.data.hasOwnProperty(prop))), map(v => mustHaveDefined
+        ? v.filter(_v => willHaveDataProp(_v.route, prop))
+        : v));
+}
+
+function routeSnapshotPathRelative(route) {
+    return route.url.reduce((path, urlSegment) => path += '/' + urlSegment.path, '');
+}
+
+function routeSnapshotPathFull(route) {
+    return route.pathFromRoot.reduce((path, _route) => path += routeSnapshotPathRelative(_route), '');
+}
+
+function isEmptyUrlRoute(activatedRoute) {
+    return activatedRoute.snapshot.url.length === 0;
+}
+
+function calcPercentage(total, n) {
+    return total && total > 0 ? (n / total) * 100 : 0;
+}
+
+/**
+ * Polyfil for `Element.toggleAttribute`
+ *
+ * Toggles a value without a value. Useful for attributes, such as `disabled`,
+ * `readonly`, and `hidden`, that only needs to exist on the `Element` without
+ * requiring a value.
+ *
+ * Most browsers natively support this feature, but IE, which we still try to
+ * support for at least the main parts of the app, has "Unknown" support of this
+ * feature. Until IE support is dropped this polyfil should be used to toggle an
+ * attribute.
+ *
+ * Source:
+ * https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute#Polyfill
+ */
+function toggleAttribute(element, name, force) {
+    if (force !== void 0) {
+        force = !!force;
+    }
+    if (element.getAttribute(name) !== null) {
+        if (force) {
+            return true;
+        }
+        element.removeAttribute(name);
+        return false;
+    }
+    else {
+        if (force === false) {
+            return false;
+        }
+        element.setAttribute(name, '');
+        return true;
+    }
+}
+
+const phoneNumberMask = ['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/];
+
+function isNullOrUndefined(value) {
+    return value === undefined || value === null;
+}
+
+function loadStyle(content) {
+    return new Promise((resolve, reject) => {
+        const s = document.createElement('style');
+        s.onload = () => resolve(s);
+        s.onerror = (e) => {
+            document.head.removeChild(s);
+            reject(e);
+        };
+        s.innerHTML = content;
+        document.head.appendChild(s);
+    });
+}
+
+function loadStyleSheet(path) {
+    return new Promise((resolve, reject) => {
+        const s = document.createElement('link');
+        s.onload = () => resolve(s);
+        s.onerror = (e) => {
+            document.head.removeChild(s);
+            reject(e);
+        };
+        s.rel = 'stylesheet';
+        s.href = path;
+        document.head.appendChild(s);
+    });
+}
+
+/** Returns object without property */
+function withoutProperty(obj, propName) {
+    const _a = obj, _b = propName, _ = _a[_b], without = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+    return without;
+}
+/** Returns object without properties */
+function withoutProperties(obj, propNames) {
+    let without = obj;
+    for (const propName of propNames) {
+        without = withoutProperty(without, propName);
+    }
+    return without;
+}
+/** Delete property of object */
+function deleteProperty(obj, propName) {
+    if (obj.hasOwnProperty(propName)) {
+        delete obj[propName];
+    }
+}
+/** Delete properties of object */
+function deleteProperties(obj, propNames) {
+    for (const propName of propNames) {
+        deleteProperty(obj, propName);
+    }
+}
+
+// import { Buffer } from 'buffer/'
+const Buffer = require('buffer/').Buffer;
+function readFileAsync(file) {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => {
+            resolve(reader.result);
+        };
+        reader.readAsArrayBuffer(file);
+    });
+}
+function readFileAsDataUrlAsync(file) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = () => {
+                resolve(reader.result);
+            };
+            reader.readAsDataURL(file);
+        });
+    });
+}
+function fileBufferToBlob(fileBuffer, defaultMime = 'application/octet-stream') {
+    return __awaiter(this, void 0, void 0, function* () {
+        const fType = fileType(fileBuffer);
+        const mime = (fType) ? fType.mime : defaultMime;
+        const blob = new Blob([fileBuffer], { type: mime });
+        return blob;
+    });
+}
+function fileBufferToObjectUrl(fileBuffer, defaultMime = 'application/octet-stream') {
+    return __awaiter(this, void 0, void 0, function* () {
+        const file = yield fileBufferToBlob(fileBuffer, defaultMime);
+        const fileURL = URL.createObjectURL(file);
+        return fileURL;
+    });
+}
+function fileDataFromBuffer(fileBuffer, defaultMime = 'application/octet-stream') {
+    return __awaiter(this, void 0, void 0, function* () {
+        const _fileBuffer = Buffer.from(fileBuffer);
+        const fType = fileType(_fileBuffer);
+        const ext = fType && fType.ext || undefined;
+        const mime = fType ? fType.mime : defaultMime;
+        const blob = new Blob([_fileBuffer], { type: mime });
+        const fileData = { ext, mime, blob };
+        return fileData;
+    });
+}
+function openBlob(blob, target, filename) {
+    // NOTE: IE and MSEdge do not allow Blob resources as a source for
+    // tabs or iframes. msSaveOrOpenBlob is used as a workaround. I
+    // haven't been able to find a way to just open the Blob file in
+    // another tab yet for IE or MSEdge.
+    if (window.navigator.msSaveOrOpenBlob) {
+        window.navigator.msSaveOrOpenBlob(blob, filename);
+    }
+    else {
+        const url = URL.createObjectURL(blob);
+        const win = window.open(url, target);
+        // TODO: Consider if always setting opener to null is to restrictive
+        // if (win && target && target.toLowerCase() === '_blank') {
+        //   win.opener = null
+        // }
+    }
+}
+
+function notNullOrUndefined(value) {
+    return value !== null && value !== undefined;
+}
+
+function waitOnConditionAsync(condition, timeoutDuration = -1, throwOnTimeout = true) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const timeStart = new Date();
+        const _waitFunc = (callback) => {
+            let conditionSuccess = false;
+            if (condition()) {
+                callback(true);
+                conditionSuccess = true;
+            }
+            if (!conditionSuccess) {
+                const timeNow = new Date();
+                const duration = timeNow - timeStart;
+                if (timeoutDuration > -1 && duration > timeoutDuration) {
+                    if (throwOnTimeout) {
+                        throw new Error('Timed out waiting on condition.');
+                    }
+                    else {
+                        callback(false);
+                    }
+                }
+                setTimeout(() => { _waitFunc(callback); }, 30);
+            }
+        };
+        return new Promise((resolve, reject) => {
+            const fn = (b) => {
+                resolve(b);
+            };
+            _waitFunc(fn);
+        });
+    });
+}
+
+class IntervalTimer {
+    constructor(_callback, intervalTime, startOnInit = true) {
+        this._callback = _callback;
+        this._intervalId = null;
+        this._intervalTime = intervalTime;
+        if (startOnInit) {
+            this.start();
+        }
+    }
+    set intervalTime(time) {
+        this._intervalTime = time;
+    }
+    start() {
+        if (this._intervalId === null) {
+            this._intervalId = window.setInterval(() => {
+                this._callback();
+            }, this._intervalTime);
+        }
+    }
+    stop() {
+        if (this._intervalId !== null) {
+            clearInterval(this._intervalId);
+            this._intervalId = null;
+        }
+    }
+    reset(newIntervalTime) {
+        if (newIntervalTime) {
+            this.intervalTime = newIntervalTime;
+        }
+        this.stop();
+        this.start();
+    }
+}
+// tslint:disable:no-inferrable-types
+class PollingTickerOptions {
+    constructor() {
+        this.emitOnInit = true;
+    }
+}
+// tslint:enable:no-inferrable-types
+// TODO: Simplify complexity.
+/**
+ * Call an action and emits the result to its subscriber on an interval or when
+ * ticker emits. When the ticker emits, the interval time will reset.
+ *
+ * When subscribed to, the action will be called and emitted right away unless
+ * the `emitOnInit` option is set to false.
+ */
+function pollingTicker(action, pollingInterval, ticker, options) {
+    return new Observable((subscriber) => {
+        const _opts = Object.assign(Object.assign({}, (new PollingTickerOptions())), (options || {}));
+        let timer = null;
+        let actionSub = null;
+        let tickerSub = null;
+        try {
+            const handleAction = () => {
+                if (timer) {
+                    timer.stop();
+                }
+                const actionResult = action();
+                if (isObservable(actionResult)) {
+                    if (actionSub) {
+                        actionSub.unsubscribe();
+                    }
+                    actionSub = actionResult.subscribe((v) => { subscriber.next(v); if (timer) {
+                        timer.reset();
+                    } }, (err) => { subscriber.error(err); }, () => {
+                        actionSub = null;
+                        if (timer) {
+                            timer.start();
+                        }
+                    });
+                }
+                else {
+                    subscriber.next(actionResult);
+                }
+                if (timer) {
+                    timer.start();
+                }
+            };
+            if (_opts.emitOnInit) {
+                handleAction();
+            }
+            if (pollingInterval) {
+                timer = new IntervalTimer(() => {
+                    handleAction();
+                }, pollingInterval);
+            }
+            if (ticker) {
+                tickerSub = ticker.subscribe(newPollingInterval => {
+                    if (newPollingInterval && timer) {
+                        timer.stop();
+                        if (newPollingInterval) {
+                            timer.intervalTime = newPollingInterval;
+                        }
+                    }
+                    handleAction();
+                    if (timer) {
+                        timer.reset();
+                    }
+                });
+            }
+        }
+        catch (err) {
+            subscriber.error(err);
+        }
+        return () => {
+            if (timer) {
+                timer.stop();
+            }
+            if (actionSub) {
+                actionSub.unsubscribe();
+            }
+            if (tickerSub) {
+                tickerSub.unsubscribe();
+            }
+        };
+    });
+}
+
+class Refreshable {
+    constructor(action, pollingInterval) {
+        this._initialized = false;
+        this._pollingInterval = new BehaviorSubject(0);
+        this._ticker = new Subject();
+        this._pending = new BehaviorSubject(false);
+        /**
+         * Intercepts the action call to monitor pending state
+         */
+        this._actionHandler = (action) => {
+            return () => {
+                this._pending.next(true);
+                const actionResult = action();
+                if (isObservable(actionResult)) {
+                    return actionResult.pipe(tap(() => { this._pending.next(false); }));
+                }
+                else {
+                    this._pending.next(true);
+                    return actionResult;
+                }
+            };
+        };
+        if (pollingInterval !== null && pollingInterval !== undefined) {
+            this._pollingInterval.next(pollingInterval);
+        }
+        this.pending$ = this._pending.asObservable()
+            .pipe(distinctUntilChanged(), shareReplay(1));
+        this.data$ = pollingTicker(this._actionHandler(action), pollingInterval, this._ticker)
+            .pipe(tapFirst(() => this._initialized = true), publishReplay(), refCount());
+    }
+    get initialized() { return this._initialized; }
+    /**
+     * Selects the data observable
+     */
+    select(refresh) {
+        if (refresh && this._initialized && !this._pending.value) {
+            this._ticker.next();
+        }
+        return this.data$;
+    }
+    refresh() {
+        let result$;
+        if (this._initialized) {
+            // TODO: Add a test and maybe refactor this to be more clear. It worked in
+            //  my manual tests, but there may be some situations where this doesn't
+            //  work, since the ticker isn't the only way to trigger a refresh. Right
+            //  now it should be fine, but if an async operator is added to be run
+            //  each time `data$` is subscribed to, then this could fail if the data
+            //  emits one extra time before the ticker is triggered.
+            let _polled = false;
+            result$ = this.data$
+                .pipe(tap(_ => !_polled && (_polled = true) && this._ticker.next()), skip(1));
+        }
+        else {
+            result$ = this.data$;
+        }
+        return result$
+            .pipe(take(1), mapTo(undefined));
+    }
+}
+
+function wrapIntoObservable(value) {
+    if (isObservable(value)) {
+        return value;
+    }
+    return from(Promise.resolve(value));
+}
+
+/**
+ * Explaination:
+ *  ^       - beginning of the string
+ *  (?:     - beginning of a non-captured group
+ *  [a-z]+  - any character of 'a' to 'z' 1 or more times
+ *  :       - string (colon character)
+ *  )?      - end of the non-captured group. Group appearing 0 or 1 times
+ *  //      - string (two forward slash characters)
+ *  'i'     - non case-sensitive flag
+ *
+ * source: https://stackoverflow.com/a/19709846
+ */
+const IS_ABSOLUTE_URL_REGEX = new RegExp('^(?:[a-z]+:)?//', 'i');
+function isAbsoluteUrl(url) {
+    return IS_ABSOLUTE_URL_REGEX.test(url);
+}
+
+/**
+ * This is just for helping debug observables that aren't being unsubscribed
+ * from correctly.
+ */
+function subscriberCount(sourceObservable, description) {
+    let counter = 0;
+    return new Observable((subscriber) => {
+        const subscription = sourceObservable.subscribe(subscriber);
+        counter++;
+        console.log(`${description} subscriptions: ${counter}`);
+        return () => {
+            subscription.unsubscribe();
+            counter--;
+            console.log(`${description} subscriptions: ${counter}`);
+        };
+    });
+}
+
+function observeQueryList(queryList, emitCurrentValue = true) {
+    return queryList.changes.pipe(startWith(queryList), map(v => v.toArray()));
+}
+
+function createPadding(len, chars) {
+    // if (chars.length <= len) {
+    //   return chars
+    // }
+    if (chars.length === 0) {
+        throw Error(`Padding characters must be at least 1 char length.`);
+    }
+    let str = chars;
+    while (str.length < len) {
+        str += chars;
+    }
+    if (str.length > len) {
+        str = str.slice(0, len);
+    }
+    return str;
+}
+
+function padEnd(stringToPad, paddingLength = 0, paddingChars = ' ') {
+    const strLength = paddingLength ? stringToPad.length : 0;
+    if (!paddingLength || strLength >= paddingLength) {
+        return stringToPad;
+    }
+    return stringToPad + createPadding(paddingLength - strLength, paddingChars);
+}
+
+function padStart(stringToPad, paddingLength = 0, paddingChars = ' ') {
+    const strLength = paddingLength ? stringToPad.length : 0;
+    if (!paddingLength || strLength >= paddingLength) {
+        return stringToPad;
+    }
+    return createPadding(paddingLength - strLength, paddingChars) + stringToPad;
+}
+
+function isNumeric(value) {
+    return !isNaN(Number(value) - parseFloat(value));
+}
+
+/**
+ * Returns the number of fractional digits.
+ *
+ * NOTE: This is intended for input validation, so trailing 0's will be included
+ * in the total. Also, localization is not considered, so '.' is assumed to be
+ * the fractional separator.
+ */
+function fractionalDigitsCount(value) {
+    if (!isNumeric(value)) {
+        return null;
+    }
+    const a = value.split('.');
+    if (a.length !== 2) {
+        return null;
+    }
+    return a[1].length;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PollingTickerOptions, Refreshable, activatedRoutesWithDataProperty, calcPercentage, createPadding, deleteProperties, deleteProperty, fileBufferToBlob, fileBufferToObjectUrl, fileDataFromBuffer, fractionalDigitsCount, getAttribute, getClosestWidgetCdkDrag, getControlName, getControlPath, hasAttribute, hasProperty, hasRequiredControl, isAbsoluteUrl, isEmptyInputValue, isEmptyUrlRoute, isNullOrUndefined, isNumeric, leafChildRoute, loadStyle, loadStyleSheet, mapEach, notNullOrUndefined, observeControlIsDifferent, observeControlStatus, observeControlValid, observeControlValue, observeControlValueChange, observeQueryList, openBlob, padEnd, padStart, phoneNumberMask, pollingTicker, readFileAsDataUrlAsync, readFileAsync, routeSnapshotPathFull, routeSnapshotPathRelative, tapFirst, toggleAttribute, waitOnConditionAsync, waitOnNonPendingStatus, willHaveDataProp, withoutProperties, withoutProperty, wrapIntoObservable };
+//# sourceMappingURL=theseam-ui-common-utils.js.map