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

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

@@ -1,521 +0,0 @@
-import { __decorate } from 'tslib';
-import { FocusMonitor, A11yModule } from '@angular/cdk/a11y';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { ENTER, ESCAPE } from '@angular/cdk/keycodes';
-import { Overlay, OverlayModule } from '@angular/cdk/overlay';
-import { TemplatePortal, PortalModule } from '@angular/cdk/portal';
-import * as i0 from '@angular/core';
-import { Directive, TemplateRef, Injectable, Inject, EventEmitter, Component, ElementRef, Optional, Self, Host, NgZone, Renderer2, ViewContainerRef, HostBinding, Input, Output, ViewChild, ContentChild, NgModule } from '@angular/core';
-import { ControlContainer, ReactiveFormsModule } from '@angular/forms';
-import { faPen, faTimes, faCheck } from '@fortawesome/free-solid-svg-icons';
-import { InputBoolean } from '@theseam/ui-common/core';
-import { TheSeamFormFieldComponent, TheSeamFormFieldModule } from '@theseam/ui-common/form-field';
-import * as i1 from '@angular/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { TheSeamLoadingModule } from '@theseam/ui-common/loading';
-import { TheSeamSharedModule } from '@theseam/ui-common/shared';
-
-class ToggleEditDisplayTplDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-ToggleEditDisplayTplDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[seamToggleEditDisplayTpl]'
-            },] }
-];
-ToggleEditDisplayTplDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-
-class ToggleEditKeyboardListenerService {
-    constructor(document) {
-        this.document = document;
-        this._elements = [];
-        this._isListening = false;
-        this._keydownListener = (event) => {
-            for (const element of this._elements) {
-                if (element.isEditing()) {
-                    element.keydownEvent(event);
-                }
-            }
-        };
-        this._document = document;
-    }
-    add(element) {
-        this._elements.push(element);
-        this._startListening();
-    }
-    remove(element) {
-        this._elements = this._elements.filter(v => v !== element);
-        if (this._elements.length === 0) {
-            this._stopListening();
-        }
-    }
-    isListening() {
-        return this._isListening;
-    }
-    _startListening() {
-        if (this.isListening()) {
-            return;
-        }
-        this._document.body.addEventListener('keydown', this._keydownListener, true);
-        this._isListening = true;
-    }
-    _stopListening() {
-        if (!this.isListening()) {
-            return;
-        }
-        this._document.body.removeEventListener('keydown', this._keydownListener, true);
-        this._isListening = false;
-    }
-}
-ToggleEditKeyboardListenerService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ToggleEditKeyboardListenerService_Factory() { return new ToggleEditKeyboardListenerService(i0.ɵɵinject(i1.DOCUMENT)); }, token: ToggleEditKeyboardListenerService, providedIn: "root" });
-ToggleEditKeyboardListenerService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-ToggleEditKeyboardListenerService.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
-];
-
-class ToggleEditComponent {
-    constructor(_elementRef, controlContainer, formFieldComponent, _kbListener, _focusMonitor, _ngZone, _renderer, _viewContainerRef, _overlay) {
-        this._elementRef = _elementRef;
-        this.controlContainer = controlContainer;
-        this.formFieldComponent = formFieldComponent;
-        this._kbListener = _kbListener;
-        this._focusMonitor = _focusMonitor;
-        this._ngZone = _ngZone;
-        this._renderer = _renderer;
-        this._viewContainerRef = _viewContainerRef;
-        this._overlay = _overlay;
-        this.faPen = faPen;
-        this.faTimes = faTimes;
-        this.faCheck = faCheck;
-        this._previousDisabled = false;
-        /** Use `hasFocus()` to check for focus. This is only for monitoring focus lost. */
-        this._focused = false;
-        this._actionsFocused = false;
-        this._submitting = false;
-        /**
-         * Input value before editing.
-         *
-         * If the edit change is canceled the input value will be reset back to this
-         * value.
-         */
-        this._beforeEditValue = null;
-        this.cancelOnBlur = true;
-        this.waitOnSubmit = false;
-        this.placeholder = '';
-        this._editing = false;
-        this.changeAccepted = new EventEmitter();
-        this.changeDeclined = new EventEmitter();
-        this.editingChange = new EventEmitter();
-        this._ngZone.runOutsideAngular(() => {
-            this._focusObserver = new MutationObserver(() => {
-                this._ngZone.run(() => {
-                    if (this.hasFocus()) {
-                        if (this.disabled) {
-                            return;
-                        }
-                        this._onFocus();
-                    }
-                    else {
-                        this._onBlur();
-                    }
-                });
-            });
-        });
-    }
-    get _toggleEditActiveClass() { return this.editing; }
-    get editing() { return this._editing; }
-    set editing(value) {
-        if (this.disabled && value) {
-            return;
-        }
-        if (!this._editing) {
-            this.updateBeforeEditValue();
-        }
-        this._editing = coerceBooleanProperty(value);
-        this.editingChange.emit(value);
-    }
-    ngOnInit() {
-        this._initMonitors();
-        if (this.formFieldComponent) {
-            // TODO: Consider making this smarter, such as avoiding overwritting when input set.
-            this.formFieldComponent.numPaddingErrors = 0;
-        }
-    }
-    ngOnDestroy() {
-        this._destroyMonitors();
-    }
-    ngAfterViewInit() {
-        if (this.formFieldComponent && this.formFieldComponent.contentInput) {
-            this.formFieldComponent.contentInput.stateChanges.subscribe(_ => {
-                this._checkDisabledChange();
-            });
-        }
-        setTimeout(() => {
-            if (this.templatePortalContent) {
-                this.templatePortal = new TemplatePortal(this.templatePortalContent, this._viewContainerRef);
-            }
-        });
-        this._checkDisabledChange();
-    }
-    ngDoCheck() {
-        this._checkDisabledChange();
-    }
-    _initMonitors() {
-        var _a;
-        this._kbListener.add(this);
-        this._focusMonitor.monitor(this._elementRef.nativeElement, true);
-        (_a = this._focusObserver) === null || _a === void 0 ? void 0 : _a.observe(this._elementRef.nativeElement, {
-            attributes: true,
-            attributeFilter: ['class'],
-            childList: false,
-            characterData: false
-        });
-    }
-    _destroyMonitors() {
-        var _a;
-        this._kbListener.remove(this);
-        (_a = this._focusObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this._focused = false;
-        this._focusMonitor.stopMonitoring(this._elementRef.nativeElement);
-        this._renderer.removeAttribute(this._elementRef.nativeElement, 'tabindex');
-    }
-    // Make this disabled checking implementation better. It gets called to much
-    // trying to be accurate.
-    _checkDisabledChange() {
-        const isDisabled = this.disabled;
-        if (isDisabled !== this._previousDisabled) {
-        }
-    }
-    get disabled() {
-        const control = this.getControl();
-        if (control) {
-            return control.disabled;
-        }
-        return false;
-    }
-    canSubmit() {
-        const control = this.getControl();
-        if (control) {
-            return control.valid;
-        }
-        return true;
-    }
-    isSubmitting() {
-        return this._submitting;
-    }
-    submitComplete(error) {
-        const control = this.getControl();
-        if (control) {
-            control.enable();
-        }
-        this._submitting = false;
-        if (!error) {
-            this.stopEditing();
-        }
-    }
-    updateBeforeEditValue() {
-        const control = this.getControl();
-        if (control) {
-            this._beforeEditValue = control.value;
-        }
-    }
-    getValue() {
-        const control = this.getControl();
-        if (control) {
-            return control.value;
-        }
-        return null;
-    }
-    resetValue() {
-        const control = this.getControl();
-        if (control) {
-            // Reset without emitting then update which will emit, because reset will
-            // emit changes before setting pristine
-            control.reset(this._beforeEditValue, { emitEvent: false });
-            control.updateValueAndValidity();
-        }
-    }
-    isFormGroup() {
-        return !!this.controlContainer;
-    }
-    getFormGroup() {
-        if (!this.isFormGroup()) {
-            return null;
-        }
-        return this.controlContainer.control;
-    }
-    isInFormField() {
-        return !!this.formFieldComponent;
-    }
-    getFormControl() {
-        if (!this.isInFormField()) {
-            return null;
-        }
-        if (!this.formFieldComponent.contentInput) {
-            return null;
-        }
-        return this.formFieldComponent.contentInput.ngControl.control;
-    }
-    hasControl() {
-        return !!this.getControl();
-    }
-    getControl() {
-        if (this.isFormGroup()) {
-            return this.getFormGroup();
-        }
-        else if (this.isInFormField()) {
-            return this.getFormControl();
-        }
-        return null;
-    }
-    submitEdit() {
-        if (!this.canSubmit()) {
-            return;
-        }
-        if (this.waitOnSubmit) {
-            const control = this.getControl();
-            if (control) {
-                control.disable();
-            }
-            this._submitting = true;
-        }
-        this.stopEditing();
-        this.changeAccepted.emit(this);
-    }
-    cancelEdit() {
-        // Reset without emitting then update which will emit, because reset will
-        // emit changes before setting pristine
-        this.resetValue();
-        this.stopEditing();
-        this.changeDeclined.emit(this);
-    }
-    _onFocus() {
-        // Return if already focused
-        if (this._focused) {
-            return;
-        }
-        this._focused = true;
-        this._actionsFocused = false;
-    }
-    _onBlur() {
-        // Return if focus hasn't been detected
-        if (!this._focused) {
-            return;
-        }
-        if (this.editing && this.cancelOnBlur) {
-            setTimeout(() => {
-                if (!this._actionsFocused) {
-                    this.cancelEdit();
-                }
-            });
-        }
-        this._focused = false;
-    }
-    hasFocus() {
-        return this._elementRef.nativeElement.classList.contains('cdk-focused');
-    }
-    focusContent() {
-        // Set the tab index to `-1` to allow the root element of the component to
-        // receive `focus` event from javascript, but not get focused by keyboard
-        // navigation. This is for the focus monitor. If a button is clicked the
-        // focus monitor emits a blur before the focus of the input. This will avoid
-        // the blur by letting the component itself receive focus events.
-        this._renderer.setAttribute(this._elementRef.nativeElement, 'tabindex', '-1');
-        this._elementRef.nativeElement.focus();
-    }
-    toggleEditing(isEditing) {
-        if (this.editing === isEditing) {
-            return;
-        }
-        const _editing = isEditing === undefined ? !this.editing : !!isEditing;
-        if (_editing) {
-            this.startEditing();
-        }
-        else {
-            this.stopEditing();
-        }
-    }
-    isEditing() {
-        return this.editing;
-    }
-    startEditing() {
-        if (this.disabled) {
-            return;
-        }
-        if (this.isEditing()) {
-            return;
-        }
-        this.updateBeforeEditValue();
-        this.focusContent();
-        this.editing = true;
-        this.modalRef = this._overlay.create({
-            hasBackdrop: false,
-            positionStrategy: this.getOverlayPosition(this._elementRef.nativeElement),
-        });
-        this.modalRef.attach(this.templatePortal);
-    }
-    stopEditing() {
-        var _a;
-        if (!this.isEditing()) {
-            return;
-        }
-        if (this.isSubmitting()) {
-            return;
-        }
-        if ((_a = this.modalRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) {
-            this.modalRef.detach();
-        }
-        // NOTE: This is a hack to avoid a focus lost issue introduced by a focus
-        // acuired issue's hack.
-        this._elementRef.nativeElement.focus();
-        this._elementRef.nativeElement.blur();
-        this._focusMonitor.stopMonitoring(this._elementRef.nativeElement);
-        this._renderer.removeAttribute(this._elementRef.nativeElement, 'tabindex');
-        this._focusMonitor.monitor(this._elementRef.nativeElement, true);
-        this.editing = false;
-    }
-    keydownEvent(event) {
-        // tslint:disable-next-line:deprecation
-        switch (event.keyCode) {
-            case ESCAPE: {
-                this.cancelEdit();
-                break;
-            }
-            case ENTER: {
-                this.submitEdit();
-                break;
-            }
-        }
-    }
-    getOverlayPosition(origin) {
-        const positionStrategy = this._overlay.position()
-            .flexibleConnectedTo(origin)
-            .withPositions(this.getPositions())
-            .withFlexibleDimensions(false)
-            .withPush(false);
-        return positionStrategy;
-    }
-    getPositions() {
-        return [
-            {
-                originX: 'end',
-                originY: 'top',
-                overlayX: 'start',
-                overlayY: 'top',
-            },
-            {
-                originX: 'end',
-                originY: 'bottom',
-                overlayX: 'end',
-                overlayY: 'top',
-            },
-            {
-                originX: 'end',
-                originY: 'top',
-                overlayX: 'end',
-                overlayY: 'bottom'
-            },
-        ];
-    }
-    resized() {
-        if (this.modalRef && this.modalRef.hasAttached()) {
-            this.modalRef.updatePosition();
-        }
-    }
-    actionsFocusChange(event) {
-        this._actionsFocused = !!event;
-    }
-}
-ToggleEditComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-toggle-edit',
-                template: "<div class=\"toggle-edit-not-editing rounded\"\n  [class.w-100]=\"editing\"\n  [class.toggle-edit-editing]=\"editing\"\n  [class.is-disabled]=\"disabled\"\n  (seamElemResized)=\"resized()\">\n  <div class=\"toggle-edit-content-container\">\n    <div class=\"toggle-edit-content\" (click)=\"toggleEditing(true)\">\n      <ng-container *ngIf=\"editing; else notEditingTpl\">\n        <ng-content></ng-content>\n      </ng-container>\n      <ng-template #notEditingTpl>\n        <ng-container *ngIf=\"displayTpl; else noDisplayTpl\">\n          <ng-template [ngTemplateOutlet]=\"displayTpl.template\" [ngTemplateOutletContext]=\"{ $implicit: getValue() || placeholder }\"></ng-template>\n        </ng-container>\n        <ng-template #noDisplayTpl>\n          <div class=\"pl-1 pr-1\">\n            {{ getValue() || placeholder }}\n          </div>\n        </ng-template>\n      </ng-template>\n    </div>\n    <div>\n      <ng-template *ngIf=\"!editing\" [cdkPortalOutlet]=\"templatePortal\"></ng-template>\n      <ng-template #templatePortalContent>\n        <seam-toggle-edit-actions-container\n          [class.bg-light]=\"editing\"\n          tabindex=\"-1\"\n          cdkMonitorSubtreeFocus\n          (cdkFocusChange)=\"actionsFocusChange($event)\">\n          <button *ngIf=\"!editing\"\n            type=\"button\"\n            class=\"toggle-edit-edit-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"toggleEditing(true)\">\n            <fa-icon [icon]=\"faPen\"></fa-icon>\n          </button>\n          <button *ngIf=\"editing\"\n            type=\"button\"\n            [disabled]=\"!canSubmit()\"\n            class=\"toggle-edit-submit-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"submitEdit()\">\n            <fa-icon [icon]=\"faCheck\"></fa-icon>\n          </button>\n          <button *ngIf=\"editing\"\n            type=\"button\"\n            class=\"toggle-edit-cancel-btn btn text-secondary bg-transparent p-1 border-0\"\n            (click)=\"cancelEdit()\">\n            <fa-icon [icon]=\"faTimes\"></fa-icon>\n          </button>\n        </seam-toggle-edit-actions-container>\n      </ng-template>\n    </div>\n  </div>\n</div>\n\n<seam-loading *ngIf=\"isSubmitting()\"></seam-loading>\n",
-                styles: [":host{display:block;position:relative}.toggle-edit-not-editing{transition:.25s ease-in-out background-color}.toggle-edit-not-editing .toggle-edit-content-container{display:flex;flex-direction:row}.toggle-edit-not-editing .toggle-edit-content-container .toggle-edit-content{flex:1 1 auto;display:flex;align-items:center}.toggle-edit-not-editing:not(.is-disabled):hover,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing{background-color:#f8f9fa}.toggle-edit-not-editing:not(.is-disabled):hover .toggle-edit-edit-btn,.toggle-edit-not-editing:not(.is-disabled).toggle-edit-editing .toggle-edit-edit-btn{opacity:1;visibility:visible}.toggle-edit-not-editing .toggle-edit-edit-btn{opacity:0;visibility:hidden}.toggle-edit-not-editing .toggle-edit-edit-btn,.toggle-edit-not-editing .toggle-edit-submit-btn,.toggle-edit-not-editing .toggle-edit-cancel-btn{transition:.25s ease-in-out}.toggle-edit-not-editing .toggle-edit-edit-btn{border-top-left-radius:0;border-bottom-left-radius:0}.toggle-edit-not-editing .toggle-edit-submit-btn{border-radius:0}.toggle-edit-not-editing .toggle-edit-cancel-btn{border-top-left-radius:0;border-bottom-left-radius:0}\n"]
-            },] }
-];
-ToggleEditComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: ControlContainer, decorators: [{ type: Optional }, { type: Self }] },
-    { type: TheSeamFormFieldComponent, decorators: [{ type: Optional }, { type: Host }] },
-    { type: ToggleEditKeyboardListenerService },
-    { type: FocusMonitor },
-    { type: NgZone },
-    { type: Renderer2 },
-    { type: ViewContainerRef },
-    { type: Overlay }
-];
-ToggleEditComponent.propDecorators = {
-    _toggleEditActiveClass: [{ type: HostBinding, args: ['class.toggle-edit-active',] }],
-    cancelOnBlur: [{ type: Input }],
-    waitOnSubmit: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    editing: [{ type: Input }],
-    changeAccepted: [{ type: Output }],
-    changeDeclined: [{ type: Output }],
-    editingChange: [{ type: Output }],
-    templatePortalContent: [{ type: ViewChild, args: ['templatePortalContent', { static: true },] }],
-    displayTpl: [{ type: ContentChild, args: [ToggleEditDisplayTplDirective, { static: true },] }]
-};
-__decorate([
-    InputBoolean()
-], ToggleEditComponent.prototype, "cancelOnBlur", void 0);
-__decorate([
-    InputBoolean()
-], ToggleEditComponent.prototype, "waitOnSubmit", void 0);
-
-class ToggleEditActionsContainerComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-ToggleEditActionsContainerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'seam-toggle-edit-actions-container',
-                template: "<ng-content></ng-content>\n",
-                styles: [":host{display:block}\n"]
-            },] }
-];
-ToggleEditActionsContainerComponent.ctorParameters = () => [];
-
-class TheSeamToggleEditModule {
-}
-TheSeamToggleEditModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    ToggleEditDisplayTplDirective,
-                    ToggleEditActionsContainerComponent,
-                    ToggleEditComponent,
-                ],
-                imports: [
-                    CommonModule,
-                    TheSeamSharedModule,
-                    FontAwesomeModule,
-                    ReactiveFormsModule,
-                    TheSeamFormFieldModule,
-                    OverlayModule,
-                    PortalModule,
-                    A11yModule,
-                    TheSeamLoadingModule
-                ],
-                exports: [
-                    ToggleEditDisplayTplDirective,
-                    ToggleEditComponent
-                ]
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TheSeamToggleEditModule, ToggleEditActionsContainerComponent, ToggleEditComponent, ToggleEditDisplayTplDirective, ToggleEditKeyboardListenerService };
-//# sourceMappingURL=theseam-ui-common-toggle-edit.js.map

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

@@ -1 +0,0 @@
-{"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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"}