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

package/bundles/theseam-ui-common-toggle-edit.umd.js

@@ -1,891 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/a11y'), require('@angular/cdk/coercion'), require('@angular/cdk/keycodes'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/core'), require('@angular/forms'), require('@fortawesome/free-solid-svg-icons'), require('@theseam/ui-common/core'), require('@theseam/ui-common/form-field'), require('@angular/common'), require('@fortawesome/angular-fontawesome'), require('@theseam/ui-common/loading'), require('@theseam/ui-common/shared')) :
-    typeof define === 'function' && define.amd ? define('@theseam/ui-common/toggle-edit', ['exports', '@angular/cdk/a11y', '@angular/cdk/coercion', '@angular/cdk/keycodes', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/core', '@angular/forms', '@fortawesome/free-solid-svg-icons', '@theseam/ui-common/core', '@theseam/ui-common/form-field', '@angular/common', '@fortawesome/angular-fontawesome', '@theseam/ui-common/loading', '@theseam/ui-common/shared'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.theseam = global.theseam || {}, global.theseam["ui-common"] = global.theseam["ui-common"] || {}, global.theseam["ui-common"]["toggle-edit"] = {}), global.ng.cdk.a11y, global.ng.cdk.coercion, global.ng.cdk.keycodes, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.core, global.ng.forms, global.freeSolidSvgIcons, global.theseam["ui-common"].core, global.theseam["ui-common"]["form-field"], global.ng.common, global.angularFontawesome, global.theseam["ui-common"].loading, global.theseam["ui-common"].shared));
-})(this, (function (exports, a11y, coercion, keycodes, overlay, portal, i0, forms, freeSolidSvgIcons, core, formField, i1, angularFontawesome, loading, shared) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
-            }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
-                }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
-                }
-                finally {
-                    f = t = 0;
-                }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
-                }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
-        }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-
-    var ToggleEditDisplayTplDirective = /** @class */ (function () {
-        function ToggleEditDisplayTplDirective(template) {
-            this.template = template;
-        }
-        return ToggleEditDisplayTplDirective;
-    }());
-    ToggleEditDisplayTplDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[seamToggleEditDisplayTpl]'
-                },] }
-    ];
-    ToggleEditDisplayTplDirective.ctorParameters = function () { return [
-        { type: i0.TemplateRef }
-    ]; };
-
-    var ToggleEditKeyboardListenerService = /** @class */ (function () {
-        function ToggleEditKeyboardListenerService(document) {
-            var _this = this;
-            this.document = document;
-            this._elements = [];
-            this._isListening = false;
-            this._keydownListener = function (event) {
-                var e_1, _a;
-                try {
-                    for (var _b = __values(_this._elements), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var element = _c.value;
-                        if (element.isEditing()) {
-                            element.keydownEvent(event);
-                        }
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-            };
-            this._document = document;
-        }
-        ToggleEditKeyboardListenerService.prototype.add = function (element) {
-            this._elements.push(element);
-            this._startListening();
-        };
-        ToggleEditKeyboardListenerService.prototype.remove = function (element) {
-            this._elements = this._elements.filter(function (v) { return v !== element; });
-            if (this._elements.length === 0) {
-                this._stopListening();
-            }
-        };
-        ToggleEditKeyboardListenerService.prototype.isListening = function () {
-            return this._isListening;
-        };
-        ToggleEditKeyboardListenerService.prototype._startListening = function () {
-            if (this.isListening()) {
-                return;
-            }
-            this._document.body.addEventListener('keydown', this._keydownListener, true);
-            this._isListening = true;
-        };
-        ToggleEditKeyboardListenerService.prototype._stopListening = function () {
-            if (!this.isListening()) {
-                return;
-            }
-            this._document.body.removeEventListener('keydown', this._keydownListener, true);
-            this._isListening = false;
-        };
-        return ToggleEditKeyboardListenerService;
-    }());
-    ToggleEditKeyboardListenerService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ToggleEditKeyboardListenerService_Factory() { return new ToggleEditKeyboardListenerService(i0__namespace.ɵɵinject(i1__namespace.DOCUMENT)); }, token: ToggleEditKeyboardListenerService, providedIn: "root" });
-    ToggleEditKeyboardListenerService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: 'root'
-                },] }
-    ];
-    ToggleEditKeyboardListenerService.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: i0.Inject, args: [i1.DOCUMENT,] }] }
-    ]; };
-
-    var ToggleEditComponent = /** @class */ (function () {
-        function ToggleEditComponent(_elementRef, controlContainer, formFieldComponent, _kbListener, _focusMonitor, _ngZone, _renderer, _viewContainerRef, _overlay) {
-            var _this = this;
-            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 = freeSolidSvgIcons.faPen;
-            this.faTimes = freeSolidSvgIcons.faTimes;
-            this.faCheck = freeSolidSvgIcons.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 i0.EventEmitter();
-            this.changeDeclined = new i0.EventEmitter();
-            this.editingChange = new i0.EventEmitter();
-            this._ngZone.runOutsideAngular(function () {
-                _this._focusObserver = new MutationObserver(function () {
-                    _this._ngZone.run(function () {
-                        if (_this.hasFocus()) {
-                            if (_this.disabled) {
-                                return;
-                            }
-                            _this._onFocus();
-                        }
-                        else {
-                            _this._onBlur();
-                        }
-                    });
-                });
-            });
-        }
-        Object.defineProperty(ToggleEditComponent.prototype, "_toggleEditActiveClass", {
-            get: function () { return this.editing; },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(ToggleEditComponent.prototype, "editing", {
-            get: function () { return this._editing; },
-            set: function (value) {
-                if (this.disabled && value) {
-                    return;
-                }
-                if (!this._editing) {
-                    this.updateBeforeEditValue();
-                }
-                this._editing = coercion.coerceBooleanProperty(value);
-                this.editingChange.emit(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ToggleEditComponent.prototype.ngOnInit = function () {
-            this._initMonitors();
-            if (this.formFieldComponent) {
-                // TODO: Consider making this smarter, such as avoiding overwritting when input set.
-                this.formFieldComponent.numPaddingErrors = 0;
-            }
-        };
-        ToggleEditComponent.prototype.ngOnDestroy = function () {
-            this._destroyMonitors();
-        };
-        ToggleEditComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            if (this.formFieldComponent && this.formFieldComponent.contentInput) {
-                this.formFieldComponent.contentInput.stateChanges.subscribe(function (_) {
-                    _this._checkDisabledChange();
-                });
-            }
-            setTimeout(function () {
-                if (_this.templatePortalContent) {
-                    _this.templatePortal = new portal.TemplatePortal(_this.templatePortalContent, _this._viewContainerRef);
-                }
-            });
-            this._checkDisabledChange();
-        };
-        ToggleEditComponent.prototype.ngDoCheck = function () {
-            this._checkDisabledChange();
-        };
-        ToggleEditComponent.prototype._initMonitors = function () {
-            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
-            });
-        };
-        ToggleEditComponent.prototype._destroyMonitors = function () {
-            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.
-        ToggleEditComponent.prototype._checkDisabledChange = function () {
-            var isDisabled = this.disabled;
-            if (isDisabled !== this._previousDisabled) {
-            }
-        };
-        Object.defineProperty(ToggleEditComponent.prototype, "disabled", {
-            get: function () {
-                var control = this.getControl();
-                if (control) {
-                    return control.disabled;
-                }
-                return false;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        ToggleEditComponent.prototype.canSubmit = function () {
-            var control = this.getControl();
-            if (control) {
-                return control.valid;
-            }
-            return true;
-        };
-        ToggleEditComponent.prototype.isSubmitting = function () {
-            return this._submitting;
-        };
-        ToggleEditComponent.prototype.submitComplete = function (error) {
-            var control = this.getControl();
-            if (control) {
-                control.enable();
-            }
-            this._submitting = false;
-            if (!error) {
-                this.stopEditing();
-            }
-        };
-        ToggleEditComponent.prototype.updateBeforeEditValue = function () {
-            var control = this.getControl();
-            if (control) {
-                this._beforeEditValue = control.value;
-            }
-        };
-        ToggleEditComponent.prototype.getValue = function () {
-            var control = this.getControl();
-            if (control) {
-                return control.value;
-            }
-            return null;
-        };
-        ToggleEditComponent.prototype.resetValue = function () {
-            var 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();
-            }
-        };
-        ToggleEditComponent.prototype.isFormGroup = function () {
-            return !!this.controlContainer;
-        };
-        ToggleEditComponent.prototype.getFormGroup = function () {
-            if (!this.isFormGroup()) {
-                return null;
-            }
-            return this.controlContainer.control;
-        };
-        ToggleEditComponent.prototype.isInFormField = function () {
-            return !!this.formFieldComponent;
-        };
-        ToggleEditComponent.prototype.getFormControl = function () {
-            if (!this.isInFormField()) {
-                return null;
-            }
-            if (!this.formFieldComponent.contentInput) {
-                return null;
-            }
-            return this.formFieldComponent.contentInput.ngControl.control;
-        };
-        ToggleEditComponent.prototype.hasControl = function () {
-            return !!this.getControl();
-        };
-        ToggleEditComponent.prototype.getControl = function () {
-            if (this.isFormGroup()) {
-                return this.getFormGroup();
-            }
-            else if (this.isInFormField()) {
-                return this.getFormControl();
-            }
-            return null;
-        };
-        ToggleEditComponent.prototype.submitEdit = function () {
-            if (!this.canSubmit()) {
-                return;
-            }
-            if (this.waitOnSubmit) {
-                var control = this.getControl();
-                if (control) {
-                    control.disable();
-                }
-                this._submitting = true;
-            }
-            this.stopEditing();
-            this.changeAccepted.emit(this);
-        };
-        ToggleEditComponent.prototype.cancelEdit = function () {
-            // Reset without emitting then update which will emit, because reset will
-            // emit changes before setting pristine
-            this.resetValue();
-            this.stopEditing();
-            this.changeDeclined.emit(this);
-        };
-        ToggleEditComponent.prototype._onFocus = function () {
-            // Return if already focused
-            if (this._focused) {
-                return;
-            }
-            this._focused = true;
-            this._actionsFocused = false;
-        };
-        ToggleEditComponent.prototype._onBlur = function () {
-            var _this = this;
-            // Return if focus hasn't been detected
-            if (!this._focused) {
-                return;
-            }
-            if (this.editing && this.cancelOnBlur) {
-                setTimeout(function () {
-                    if (!_this._actionsFocused) {
-                        _this.cancelEdit();
-                    }
-                });
-            }
-            this._focused = false;
-        };
-        ToggleEditComponent.prototype.hasFocus = function () {
-            return this._elementRef.nativeElement.classList.contains('cdk-focused');
-        };
-        ToggleEditComponent.prototype.focusContent = function () {
-            // 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();
-        };
-        ToggleEditComponent.prototype.toggleEditing = function (isEditing) {
-            if (this.editing === isEditing) {
-                return;
-            }
-            var _editing = isEditing === undefined ? !this.editing : !!isEditing;
-            if (_editing) {
-                this.startEditing();
-            }
-            else {
-                this.stopEditing();
-            }
-        };
-        ToggleEditComponent.prototype.isEditing = function () {
-            return this.editing;
-        };
-        ToggleEditComponent.prototype.startEditing = function () {
-            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);
-        };
-        ToggleEditComponent.prototype.stopEditing = function () {
-            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;
-        };
-        ToggleEditComponent.prototype.keydownEvent = function (event) {
-            // tslint:disable-next-line:deprecation
-            switch (event.keyCode) {
-                case keycodes.ESCAPE: {
-                    this.cancelEdit();
-                    break;
-                }
-                case keycodes.ENTER: {
-                    this.submitEdit();
-                    break;
-                }
-            }
-        };
-        ToggleEditComponent.prototype.getOverlayPosition = function (origin) {
-            var positionStrategy = this._overlay.position()
-                .flexibleConnectedTo(origin)
-                .withPositions(this.getPositions())
-                .withFlexibleDimensions(false)
-                .withPush(false);
-            return positionStrategy;
-        };
-        ToggleEditComponent.prototype.getPositions = function () {
-            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'
-                },
-            ];
-        };
-        ToggleEditComponent.prototype.resized = function () {
-            if (this.modalRef && this.modalRef.hasAttached()) {
-                this.modalRef.updatePosition();
-            }
-        };
-        ToggleEditComponent.prototype.actionsFocusChange = function (event) {
-            this._actionsFocused = !!event;
-        };
-        return ToggleEditComponent;
-    }());
-    ToggleEditComponent.decorators = [
-        { type: i0.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 = function () { return [
-        { type: i0.ElementRef },
-        { type: forms.ControlContainer, decorators: [{ type: i0.Optional }, { type: i0.Self }] },
-        { type: formField.TheSeamFormFieldComponent, decorators: [{ type: i0.Optional }, { type: i0.Host }] },
-        { type: ToggleEditKeyboardListenerService },
-        { type: a11y.FocusMonitor },
-        { type: i0.NgZone },
-        { type: i0.Renderer2 },
-        { type: i0.ViewContainerRef },
-        { type: overlay.Overlay }
-    ]; };
-    ToggleEditComponent.propDecorators = {
-        _toggleEditActiveClass: [{ type: i0.HostBinding, args: ['class.toggle-edit-active',] }],
-        cancelOnBlur: [{ type: i0.Input }],
-        waitOnSubmit: [{ type: i0.Input }],
-        placeholder: [{ type: i0.Input }],
-        editing: [{ type: i0.Input }],
-        changeAccepted: [{ type: i0.Output }],
-        changeDeclined: [{ type: i0.Output }],
-        editingChange: [{ type: i0.Output }],
-        templatePortalContent: [{ type: i0.ViewChild, args: ['templatePortalContent', { static: true },] }],
-        displayTpl: [{ type: i0.ContentChild, args: [ToggleEditDisplayTplDirective, { static: true },] }]
-    };
-    __decorate([
-        core.InputBoolean()
-    ], ToggleEditComponent.prototype, "cancelOnBlur", void 0);
-    __decorate([
-        core.InputBoolean()
-    ], ToggleEditComponent.prototype, "waitOnSubmit", void 0);
-
-    var ToggleEditActionsContainerComponent = /** @class */ (function () {
-        function ToggleEditActionsContainerComponent() {
-        }
-        ToggleEditActionsContainerComponent.prototype.ngOnInit = function () {
-        };
-        return ToggleEditActionsContainerComponent;
-    }());
-    ToggleEditActionsContainerComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'seam-toggle-edit-actions-container',
-                    template: "<ng-content></ng-content>\n",
-                    styles: [":host{display:block}\n"]
-                },] }
-    ];
-    ToggleEditActionsContainerComponent.ctorParameters = function () { return []; };
-
-    var TheSeamToggleEditModule = /** @class */ (function () {
-        function TheSeamToggleEditModule() {
-        }
-        return TheSeamToggleEditModule;
-    }());
-    TheSeamToggleEditModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [
-                        ToggleEditDisplayTplDirective,
-                        ToggleEditActionsContainerComponent,
-                        ToggleEditComponent,
-                    ],
-                    imports: [
-                        i1.CommonModule,
-                        shared.TheSeamSharedModule,
-                        angularFontawesome.FontAwesomeModule,
-                        forms.ReactiveFormsModule,
-                        formField.TheSeamFormFieldModule,
-                        overlay.OverlayModule,
-                        portal.PortalModule,
-                        a11y.A11yModule,
-                        loading.TheSeamLoadingModule
-                    ],
-                    exports: [
-                        ToggleEditDisplayTplDirective,
-                        ToggleEditComponent
-                    ]
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.TheSeamToggleEditModule = TheSeamToggleEditModule;
-    exports.ToggleEditActionsContainerComponent = ToggleEditActionsContainerComponent;
-    exports.ToggleEditComponent = ToggleEditComponent;
-    exports.ToggleEditDisplayTplDirective = ToggleEditDisplayTplDirective;
-    exports.ToggleEditKeyboardListenerService = ToggleEditKeyboardListenerService;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=theseam-ui-common-toggle-edit.umd.js.map