@coolon/angular-ui-powerups 2.0.0-alpha.14 → 2.0.0-alpha.16

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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.
 
+## [2.0.0-alpha.16](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.15...v2.0.0-alpha.16) (2020-08-07)
+
+
+### Bug Fixes
+
+* made auto-complete actually work ([1f40b6c](https://bitbucket.org/coolon/angular-ui-powerups/commit/1f40b6c5b5e867650629cbdc94b0e7f7a34dd50f))
+
+## [2.0.0-alpha.15](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.14...v2.0.0-alpha.15) (2020-08-06)
+
+
+### Bug Fixes
+
+* moved immer to dev dependencies ([c102b23](https://bitbucket.org/coolon/angular-ui-powerups/commit/c102b23133da1c23534a28f2cc120608b95a33e9))
+
 ## [2.0.0-alpha.14](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.13...v2.0.0-alpha.14) (2020-08-06)
 
 ## [2.0.0-alpha.13](https://bitbucket.org/coolon/angular-ui-powerups/compare/v2.0.0-alpha.12...v2.0.0-alpha.13) (2020-07-31)

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

@@ -1018,13 +1018,21 @@
                 .select(function (option) {
                 return ___default__default.isEmpty(_this.filterValue.value) || _this.optionLabelFormat(option).toString().toLowerCase().includes(lowerCaseFilterValue.value);
             }, { dependsOn: lowerCaseFilterValue });
+            var txo = new pectin.TransactionObserver().onEvent(function (e) { return console.log(e.name, e.payload); });
+            txo.observe('this.valueModel', _this.valueModel);
             return _this;
         }
         AutocompleteInputComponent.prototype.ngOnInit = function () {
         };
+        AutocompleteInputComponent.prototype.formatOption = function (option) {
+            return this.optionLabelFormat(option);
+        };
         AutocompleteInputComponent.prototype.updateFilter = function ($event) {
             this.filterValue.value = $event;
         };
+        AutocompleteInputComponent.prototype.onSelect = function ($event) {
+            this.valueModel.value = $event.option.value;
+        };
         __decorate([
             core.Input(), pectin.TrackExternal(),
             __metadata("design:type", pectin.ListModel)
@@ -1052,7 +1060,7 @@
         AutocompleteInputComponent = __decorate([
             core.Component({
                 selector: 'aup-autocomplete-input',
-                template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"string\"\n         matInput\n         [matAutocomplete]=\"autocomplete\"\n         placeholder=\"{{placeholder}}\"\n         [ngModel]=\"optionLabelFormat(valueModel.value)\"\n         (ngModelChange)=\"updateFilter($event)\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-autocomplete #autocomplete [displayWith]=\"optionLabelFormat\" [autoActiveFirstOption]=\"true\">\n    <mat-option *ngFor=\"let option of filteredOptions.value; let i = index\"\n                [value]=\"option\"\n    >{{optionLabelFormat(option)}}</mat-option>\n        <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n  </mat-autocomplete>\n\n  <mat-hint *ngIf=\"showHint\">{{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=\"string\"\n         matInput\n         [matAutocomplete]=\"autocomplete\"\n         placeholder=\"{{placeholder}}\"\n         [ngModel]=\"valueModel.value\"\n         (ngModelChange)=\"updateFilter($event)\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-autocomplete #autocomplete [displayWith]=\"optionLabelFormat\" [autoActiveFirstOption]=\"true\" (optionSelected)=\"onSelect($event)\">\n    <mat-option *ngFor=\"let option of filteredOptions.value; let i = index\"\n                [value]=\"option\"\n    >{{formatOption(option)}}</mat-option>\n        <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n  </mat-autocomplete>\n\n  <mat-hint *ngIf=\"showHint\">{{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", [])