@theseam/ui-common 0.3.11 → 0.4.0-beta.0

package/fesm2015/theseam-ui-common-toggle-group.mjs

@@ -0,0 +1,279 @@
+import { coerceBooleanProperty, coerceArray } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { EventEmitter, Directive, 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ToggleGroupOptionDirective, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+ToggleGroupOptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: ToggleGroupOptionDirective, selector: "[seamToggleGroupOption]", inputs: { seamToggleGroupOption: "seamToggleGroupOption", selected: "selected" }, outputs: { selectionChange: "selectionChange" }, host: { properties: { "class.lib-toggle-group-option-selected": "this._checkioSelectedClass" } }, exportAs: ["seamToggleGroupOption"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ToggleGroupOptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamToggleGroupOption]',
+                    exportAs: 'seamToggleGroupOption'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ToggleGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+ToggleGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: ToggleGroupDirective, selector: "[seamToggleGroup]", inputs: { val: ["value", "val"], disabled: "disabled", multiple: "multiple", selectionToggleable: "selectionToggleable" }, outputs: { change: "change" }, providers: [TOGGLE_GROUP_VALUE_ACCESSOR], queries: [{ propertyName: "optionDirectives", predicate: ToggleGroupOptionDirective }], exportAs: ["seamToggleGroup"], ngImport: i0 });
+__decorate([
+    InputBoolean()
+], ToggleGroupDirective.prototype, "disabled", void 0);
+__decorate([
+    InputBoolean()
+], ToggleGroupDirective.prototype, "multiple", void 0);
+__decorate([
+    InputBoolean()
+], ToggleGroupDirective.prototype, "selectionToggleable", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ToggleGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[seamToggleGroup]',
+                    exportAs: 'seamToggleGroup',
+                    providers: [TOGGLE_GROUP_VALUE_ACCESSOR]
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { val: [{
+                type: Input,
+                args: ['value']
+            }], disabled: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], selectionToggleable: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }], optionDirectives: [{
+                type: ContentChildren,
+                args: [ToggleGroupOptionDirective]
+            }] } });
+
+class TheSeamToggleGroupModule {
+}
+TheSeamToggleGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamToggleGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamToggleGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: TheSeamToggleGroupModule, declarations: [ToggleGroupDirective,
+        ToggleGroupOptionDirective], imports: [CommonModule,
+        ReactiveFormsModule], exports: [ToggleGroupDirective,
+        ToggleGroupOptionDirective] });
+TheSeamToggleGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamToggleGroupModule, imports: [CommonModule,
+        ReactiveFormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: 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.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-toggle-group.mjs","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<void>()\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.mjs

@@ -0,0 +1,108 @@
+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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: UnsavedChangesDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+UnsavedChangesDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: UnsavedChangesDialogComponent, selector: "seam-unsaved-changes-dialog", ngImport: i0, template: `
+    <p>
+      unsaved-changes-dialog works!
+    </p>
+  `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: UnsavedChangesDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-unsaved-changes-dialog', template: `
+    <p>
+      unsaved-changes-dialog works!
+    </p>
+  ` }]
+        }], ctorParameters: function () { return []; } });
+
+class TheSeamUnsavedChangesDialogModule {
+}
+TheSeamUnsavedChangesDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamUnsavedChangesDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamUnsavedChangesDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: TheSeamUnsavedChangesDialogModule, declarations: [UnsavedChangesDialogComponent], exports: [UnsavedChangesDialogComponent] });
+TheSeamUnsavedChangesDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TheSeamUnsavedChangesDialogModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: UnsavedChangesDialogGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+UnsavedChangesDialogGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: UnsavedChangesDialogGuard, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: UnsavedChangesCanDeactivate, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+UnsavedChangesCanDeactivate.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: UnsavedChangesCanDeactivate, host: { listeners: { "window:beforeunload": "__unloadNotification($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: UnsavedChangesCanDeactivate, decorators: [{
+            type: Directive
+        }], 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.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theseam-ui-common-unsaved-changes-dialog.mjs","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":"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"}