@coolon/angular-ui-powerups 1.3.5 → 1.3.7

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.3.7](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.3.6...v1.3.7) (2020-05-20)
+
+### [1.3.6](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.3.5...v1.3.6) (2020-05-20)
+
 ### [1.3.5](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.3.4...v1.3.5) (2020-05-20)
 
 

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -330,55 +330,40 @@
         return DisposableComponent;
     }(pectin.GarbageCollector));
 
-    var FocusBindingDirective = /** @class */ (function (_super) {
-        __extends(FocusBindingDirective, _super);
-        function FocusBindingDirective(el, ngZone, document) {
+    var FocusBinding = /** @class */ (function (_super) {
+        __extends(FocusBinding, _super);
+        // TODO: update to support alternate focus mechanisms so we can interoperate with mat-checkbox
+        function FocusBinding(focusTargetElement, ngZone, document, focusContext) {
             var _this = _super.call(this) || this;
-            _this.el = el;
+            _this.focusTargetElement = focusTargetElement;
             _this.ngZone = ngZone;
+            _this.focusContext = focusContext;
             // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642
             _this.document = document;
+            // TODO: Make this also track the current enabled/disabled state.
+            var when = pectin.Dsl.disposeWith(_this).when;
+            when.valueOf(_this.focusContext.focused).changes(function (focused) {
+                if (focused && !_this.alreadyHasFocus()) {
+                    _this.tryAndFocus();
+                }
+            }, { initialValue: 'triggerChangeUnlessNil' });
             return _this;
         }
-        FocusBindingDirective.prototype.onFocusIn = function () {
-            if (this.hasBinding()) {
-                this.pectinFocusBinding.focusContext.notifyFocusIn();
-            }
-        };
-        FocusBindingDirective.prototype.onFocusOut = function () {
-            if (this.hasBinding()) {
-                this.pectinFocusBinding.focusContext.notifyFocusOut();
-            }
-        };
-        FocusBindingDirective.prototype.ngOnInit = function () {
-        };
-        FocusBindingDirective.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            // TODO: Make this also track the current enabled/disabled state.
-            if (this.hasBinding()) {
-                var when = pectin.Dsl.disposeWith(this).when;
-                when.valueOf(this.pectinFocusBinding.focusContext.focused).changes(function (focused) {
-                    if (focused && !_this.alreadyHasFocus()) {
-                        _this.tryAndFocus();
-                    }
-                }, { initialValue: 'triggerChange' });
-            }
-            else {
-                pectin.Logger.get(this).warn('pectinFocusBinding was nil');
-            }
+        FocusBinding.prototype.onFocusIn = function () {
+            this.focusContext.notifyFocusIn();
         };
-        FocusBindingDirective.prototype.hasBinding = function () {
-            return !!this.pectinFocusBinding && !!this.pectinFocusBinding.focusContext;
+        FocusBinding.prototype.onFocusOut = function () {
+            this.focusContext.notifyFocusOut();
         };
         // Hook method for debugging via tracing.
-        FocusBindingDirective.prototype.alreadyHasFocus = function () {
-            return this.isFocused(this.focusTarget);
+        FocusBinding.prototype.alreadyHasFocus = function () {
+            return this.isElementFocused(this.focusTarget);
         };
         // Hook method for debugging via tracing.
-        FocusBindingDirective.prototype.isFocused = function (element) {
+        FocusBinding.prototype.isElementFocused = function (element) {
             return this.document.activeElement === element;
         };
-        FocusBindingDirective.prototype.tryAndFocus = function (retries) {
+        FocusBinding.prototype.tryAndFocus = function (retries) {
             var _this = this;
             if (retries === void 0) { retries = 5; }
             if (this.modelShouldStillHaveFocus() && this.canFocus()) {
@@ -401,29 +386,100 @@
                 }
             }
         };
-        Object.defineProperty(FocusBindingDirective.prototype, "focusTarget", {
+        Object.defineProperty(FocusBinding.prototype, "focusTarget", {
             get: function () {
-                return this.focusBindingTarget || this.el.nativeElement;
+                return this.focusTargetElement;
             },
             enumerable: true,
             configurable: true
         });
         // Hook method for debugging via tracing.
-        FocusBindingDirective.prototype.modelShouldStillHaveFocus = function () {
-            return this.hasBinding() && this.pectinFocusBinding.focusContext.focused.value;
+        FocusBinding.prototype.modelShouldStillHaveFocus = function () {
+            return this.focusContext.focused.value;
         };
         // Hook method for debugging via tracing.
-        FocusBindingDirective.prototype.canFocus = function () {
+        FocusBinding.prototype.canFocus = function () {
             var dimension = this.focusTarget.getBoundingClientRect();
             var hasSize = dimension.height >= 0 && dimension.height >= 0;
             // tslint:disable-next-line:no-string-literal
             return hasSize && !this.focusTarget['disabled'];
         };
-        FocusBindingDirective.ctorParameters = function () { return [
-            { type: core.ElementRef, decorators: [{ type: core.Inject, args: [core.ElementRef,] }] },
+        FocusBinding = __decorate([
+            __param(1, core.Inject(core.NgZone)),
+            __param(2, core.Inject(common.DOCUMENT)),
+            __metadata("design:paramtypes", [HTMLElement,
+                core.NgZone, Object, Object])
+        ], FocusBinding);
+        return FocusBinding;
+    }(pectin.GarbageCollector));
+
+    var FocusBindingFactory = /** @class */ (function () {
+        function FocusBindingFactory(ngZone, document) {
+            this.ngZone = ngZone;
+            // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642
+            this.document = document;
+        }
+        // @Trace()
+        FocusBindingFactory.prototype.createBinding = function (el, focusContext) {
+            return new FocusBinding(el, this.ngZone, this.document, focusContext);
+        };
+        FocusBindingFactory.ctorParameters = function () { return [
             { type: core.NgZone, decorators: [{ type: core.Inject, args: [core.NgZone,] }] },
             { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] }
         ]; };
+        FocusBindingFactory.ɵprov = core.ɵɵdefineInjectable({ factory: function FocusBindingFactory_Factory() { return new FocusBindingFactory(core.ɵɵinject(core.NgZone), core.ɵɵinject(common.DOCUMENT)); }, token: FocusBindingFactory, providedIn: "root" });
+        FocusBindingFactory = __decorate([
+            core.Injectable({
+                providedIn: 'root'
+            }),
+            __param(0, core.Inject(core.NgZone)), __param(1, core.Inject(common.DOCUMENT)),
+            __metadata("design:paramtypes", [core.NgZone, Object])
+        ], FocusBindingFactory);
+        return FocusBindingFactory;
+    }());
+
+    var FocusBindingDirective = /** @class */ (function (_super) {
+        __extends(FocusBindingDirective, _super);
+        function FocusBindingDirective(el, focusBindingFactory) {
+            var _this = _super.call(this) || this;
+            _this.el = el;
+            _this.focusBindingFactory = focusBindingFactory;
+            return _this;
+        }
+        FocusBindingDirective.prototype.onFocusIn = function () {
+            if (this.hasBinding()) {
+                this.pectinFocusBinding.notifyFocusIn();
+            }
+        };
+        FocusBindingDirective.prototype.onFocusOut = function () {
+            if (this.hasBinding()) {
+                this.pectinFocusBinding.notifyFocusOut();
+            }
+        };
+        FocusBindingDirective.prototype.ngOnInit = function () {
+        };
+        FocusBindingDirective.prototype.ngAfterViewInit = function () {
+            if (this.hasBinding()) {
+                this.registerDisposable(this.focusBindingFactory.createBinding(this.focusTarget, this.pectinFocusBinding));
+            }
+            else {
+                pectin.Logger.get(this).warn('pectinFocusBinding was nil');
+            }
+        };
+        FocusBindingDirective.prototype.hasBinding = function () {
+            return !!this.pectinFocusBinding && !!this.pectinFocusBinding;
+        };
+        Object.defineProperty(FocusBindingDirective.prototype, "focusTarget", {
+            get: function () {
+                return this.focusBindingTarget || this.el.nativeElement;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        FocusBindingDirective.ctorParameters = function () { return [
+            { type: core.ElementRef, decorators: [{ type: core.Inject, args: [core.ElementRef,] }] },
+            { type: FocusBindingFactory }
+        ]; };
         __decorate([
             core.Input(),
             __metadata("design:type", Object)
@@ -450,10 +506,8 @@
                 selector: '[pectinFocusBinding]'
             }),
             __param(0, core.Inject(core.ElementRef)),
-            __param(1, core.Inject(core.NgZone)),
-            __param(2, core.Inject(common.DOCUMENT)),
             __metadata("design:paramtypes", [core.ElementRef,
-                core.NgZone, Object])
+                FocusBindingFactory])
         ], FocusBindingDirective);
         return FocusBindingDirective;
     }(DisposableComponent));
@@ -485,112 +539,6 @@
         return DirectivesModule;
     }());
 
-    var FocusBinding = /** @class */ (function (_super) {
-        __extends(FocusBinding, _super);
-        function FocusBinding(focusTargetElement, ngZone, document, focusContext) {
-            var _this = _super.call(this) || this;
-            _this.focusTargetElement = focusTargetElement;
-            _this.ngZone = ngZone;
-            _this.focusContext = focusContext;
-            // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642
-            _this.document = document;
-            // TODO: Make this also track the current enabled/disabled state.
-            var when = pectin.Dsl.disposeWith(_this).when;
-            when.valueOf(_this.focusContext.focused).changes(function (focused) {
-                if (focused && !_this.alreadyHasFocus()) {
-                    _this.tryAndFocus();
-                }
-            }, { initialValue: 'triggerChangeUnlessNil' });
-            return _this;
-        }
-        FocusBinding.prototype.onFocusIn = function () {
-            this.focusContext.notifyFocusIn();
-        };
-        FocusBinding.prototype.onFocusOut = function () {
-            this.focusContext.notifyFocusOut();
-        };
-        // Hook method for debugging via tracing.
-        FocusBinding.prototype.alreadyHasFocus = function () {
-            return this.isElementFocused(this.focusTarget);
-        };
-        // Hook method for debugging via tracing.
-        FocusBinding.prototype.isElementFocused = function (element) {
-            return this.document.activeElement === element;
-        };
-        FocusBinding.prototype.tryAndFocus = function (retries) {
-            var _this = this;
-            if (retries === void 0) { retries = 5; }
-            if (this.modelShouldStillHaveFocus() && this.canFocus()) {
-                if (!this.alreadyHasFocus()) {
-                    this.focusTarget.focus();
-                }
-                // if we didn't get the focus we try again later.
-                if (!this.alreadyHasFocus()) {
-                    pectin.Logger.get(this).log("focus failed, trying " + retries + " more times");
-                    if (retries > 0) {
-                        // try again on the next paint
-                        // TODO: is there an angular way of doing this without calling a window function.
-                        requestAnimationFrame(function () {
-                            _this.tryAndFocus(retries - 1);
-                        });
-                    }
-                    else {
-                        pectin.Logger.get(this).warn("Tried to focus but gave up as the component wasn't enabled or visible.");
-                    }
-                }
-            }
-        };
-        Object.defineProperty(FocusBinding.prototype, "focusTarget", {
-            get: function () {
-                return this.focusTargetElement;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        // Hook method for debugging via tracing.
-        FocusBinding.prototype.modelShouldStillHaveFocus = function () {
-            return this.focusContext.focused.value;
-        };
-        // Hook method for debugging via tracing.
-        FocusBinding.prototype.canFocus = function () {
-            var dimension = this.focusTarget.getBoundingClientRect();
-            var hasSize = dimension.height >= 0 && dimension.height >= 0;
-            // tslint:disable-next-line:no-string-literal
-            return hasSize && !this.focusTarget['disabled'];
-        };
-        FocusBinding = __decorate([
-            __param(1, core.Inject(core.NgZone)),
-            __param(2, core.Inject(common.DOCUMENT)),
-            __metadata("design:paramtypes", [HTMLElement,
-                core.NgZone, Object, Object])
-        ], FocusBinding);
-        return FocusBinding;
-    }(pectin.GarbageCollector));
-
-    var FocusBindingFactory = /** @class */ (function () {
-        function FocusBindingFactory(ngZone, document) {
-            this.ngZone = ngZone;
-            // @see https://stackoverflow.com/questions/49513359/could-not-resolve-type-document-in-angular5/53715642#53715642
-            this.document = document;
-        }
-        FocusBindingFactory.prototype.createBinding = function (el, focusContext) {
-            return new FocusBinding(el.nativeElement, this.ngZone, this.document, focusContext);
-        };
-        FocusBindingFactory.ctorParameters = function () { return [
-            { type: core.NgZone, decorators: [{ type: core.Inject, args: [core.NgZone,] }] },
-            { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] }
-        ]; };
-        FocusBindingFactory.ɵprov = core.ɵɵdefineInjectable({ factory: function FocusBindingFactory_Factory() { return new FocusBindingFactory(core.ɵɵinject(core.NgZone), core.ɵɵinject(common.DOCUMENT)); }, token: FocusBindingFactory, providedIn: "root" });
-        FocusBindingFactory = __decorate([
-            core.Injectable({
-                providedIn: 'root'
-            }),
-            __param(0, core.Inject(core.NgZone)), __param(1, core.Inject(common.DOCUMENT)),
-            __metadata("design:paramtypes", [core.NgZone, Object])
-        ], FocusBindingFactory);
-        return FocusBindingFactory;
-    }());
-
     var FocusContainerComponent = /** @class */ (function (_super) {
         __extends(FocusContainerComponent, _super);
         function FocusContainerComponent(focusManager) {
@@ -641,7 +589,7 @@
             var _a = pectin.Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
             if (_this.focusManager) {
                 _this._focusContext = _this.focusManager.registerFocusable(_this);
-                _this.registerDisposable(focusBindingFactory.createBinding(el, _this.focusContext));
+                _this.registerDisposable(focusBindingFactory.createBinding(el.nativeElement, _this.focusContext));
             }
             return _this;
         }
@@ -884,7 +832,7 @@
         CheckboxInputComponent = __decorate([
             core.Component({
                 selector: 'aup-checkbox-input',
-                template: "<mat-checkbox\n  [(ngModel)]=\"valueModel.value\"\n  [color]=\"color\"\n  [labelPosition]=\"labelPosition\"\n  [disabled]=\"!isEnabled()\"\n>{{label}}</mat-checkbox>\n<mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n<mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n",
+                template: "<!-- TODO: add focus binding -->\n<mat-checkbox\n  [(ngModel)]=\"valueModel.value\"\n  [color]=\"color\"\n  [labelPosition]=\"labelPosition\"\n  [disabled]=\"!isEnabled()\"\n>{{label}}</mat-checkbox>\n<mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n<mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n",
                 styles: [":host{display:inline-flex;flex-direction:column;margin-top:24px;margin-bottom:16px}mat-error,mat-hint{margin-top:4px;margin-left:24px;font-size:12px;font-weight:400;line-height:13.5px}"]
             }),
             __metadata("design:paramtypes", [])
@@ -906,7 +854,7 @@
         NumberInputComponent = __decorate([
             core.Component({
                 selector: 'aup-number-input',
-                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"number\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"valueModel\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"number\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"delegatingFormValueModel?.focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
                 styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
             }),
             __metadata("design:paramtypes", [])
@@ -928,7 +876,7 @@
         PasswordInputComponent = __decorate([
             core.Component({
                 selector: 'aup-password-input',
-                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"password\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"valueModel\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"password\"\n         matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"delegatingFormValueModel.focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n\n",
                 styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}"]
             }),
             __metadata("design:paramtypes", [])
@@ -980,7 +928,7 @@
         SelectInputComponent = __decorate([
             core.Component({
                 selector: 'aup-select-input',
-                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              [(ngModel)]=\"valueModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"valueModel\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n    <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n      <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n      <ng-container *ngIf=\"optionTemplateRef\"\n        [ngTemplateOutlet]=\"optionTemplateRef\"\n        [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n      >\n      </ng-container>\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <mat-select placeholder=\"{{placeholder}}\"\n              [(ngModel)]=\"valueModel.value\"\n              [disabled]=\"!enabled.value\"\n              (keydown.enter)=\"notifyEnterKey()\"\n              (keydown.escape)=\"notifyEscapeKey()\"\n              [pectinFocusBinding]=\"delegatingFormValueModel.focusContext\"\n              [errorStateMatcher]=\"errorStateMatcher\"\n  >\n    <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n    <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n      <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n      <ng-container *ngIf=\"optionTemplateRef\"\n        [ngTemplateOutlet]=\"optionTemplateRef\"\n        [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n      >\n      </ng-container>\n    </mat-option>\n  </mat-select>\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
                 styles: [":host{display:inline-block}mat-form-field{width:100%}"]
             }),
             __metadata("design:paramtypes", [])
@@ -1016,7 +964,7 @@
         StringInputComponent = __decorate([
             core.Component({
                 selector: 'aup-string-input',
-                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"valueModel\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n  <button mat-button mat-icon-button matSuffix *ngIf=\"enableClear\" [pectinCommand]=\"clearCommand\">\n    <mat-icon>close</mat-icon>\n  </button>\n</mat-form-field>\n\n",
+                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input matInput\n         placeholder=\"{{placeholder}}\"\n         [(ngModel)]=\"valueModel.value\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"delegatingFormValueModel.focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-hint *ngIf=\"hint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n  <button mat-button mat-icon-button matSuffix *ngIf=\"enableClear\" [pectinCommand]=\"clearCommand\">\n    <mat-icon>close</mat-icon>\n  </button>\n</mat-form-field>\n\n",
                 styles: [":host{display:block}input,mat-form-field{width:100%}input mat-hint.faux-error,mat-form-field mat-hint.faux-error{color:#f44336}button[disabled]{visibility:hidden}"]
             }),
             __metadata("design:paramtypes", [])
@@ -4647,6 +4595,7 @@
             this.placeHistory = placeHistory;
             this.injector = injector;
         }
+        // @Trace()
         VisitSanitiser.prototype.sanitise = function (visit) {
             return __awaiter(this, void 0, void 0, function () {
                 var placeDef, routeIdDef, routeId, sanitisedValue, parameterDefs, sanitisedVisit, i, def, value, sanitisedValue;
@@ -4695,12 +4644,6 @@
                 });
             });
         };
-        __decorate([
-            pectin.Trace(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [Visit]),
-            __metadata("design:returntype", Promise)
-        ], VisitSanitiser.prototype, "sanitise", null);
         return VisitSanitiser;
     }());
 
@@ -5057,22 +5000,22 @@
     exports.ɵbv = InPlaceInteractionContextComponent;
     exports.ɵc = FocusBindingDirective;
     exports.ɵd = DisposableComponent;
-    exports.ɵe = ComponentsModule;
-    exports.ɵf = NumberInputComponent;
-    exports.ɵg = AbstractInputComponent;
-    exports.ɵh = StringInputComponent;
-    exports.ɵi = PasswordInputComponent;
-    exports.ɵj = SelectInputComponent;
-    exports.ɵk = CheckboxInputComponent;
-    exports.ɵl = ScrollContainerComponent;
-    exports.ɵm = NoopComponent;
-    exports.ɵn = SwitchCaseOption;
-    exports.ɵo = SwitchCaseWhenDirective;
-    exports.ɵp = SwitchCaseDefaultDirective;
-    exports.ɵq = SwitchCaseComponent;
-    exports.ɵr = FocusContainerComponent;
-    exports.ɵs = FocusableComponent;
-    exports.ɵt = FocusBindingFactory;
+    exports.ɵe = FocusBindingFactory;
+    exports.ɵf = ComponentsModule;
+    exports.ɵg = NumberInputComponent;
+    exports.ɵh = AbstractInputComponent;
+    exports.ɵi = StringInputComponent;
+    exports.ɵj = PasswordInputComponent;
+    exports.ɵk = SelectInputComponent;
+    exports.ɵl = CheckboxInputComponent;
+    exports.ɵm = ScrollContainerComponent;
+    exports.ɵn = NoopComponent;
+    exports.ɵo = SwitchCaseOption;
+    exports.ɵp = SwitchCaseWhenDirective;
+    exports.ɵq = SwitchCaseDefaultDirective;
+    exports.ɵr = SwitchCaseComponent;
+    exports.ɵs = FocusContainerComponent;
+    exports.ɵt = FocusableComponent;
     exports.ɵu = PlaceModule;
     exports.ɵv = EmptyStateComponent;
     exports.ɵw = BusyOverlayComponent;