@ni/nimble-angular 8.2.4 → 8.3.0

package/bundles/ni-nimble-angular.umd.js

@@ -948,7 +948,7 @@
             return NimbleComboboxControlValueAccessorDirective;
         }());
         NimbleComboboxControlValueAccessorDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: NimbleComboboxControlValueAccessorDirective, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-        NimbleComboboxControlValueAccessorDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleComboboxControlValueAccessorDirective, selector: "nimble-combobox[formControlName],nimble-combobox[formControl],nimble-combobox[ngModel]", inputs: { compareWith: "compareWith" }, host: { listeners: { "change": "onChange($event.target.value])", "blur": "onTouched()" } }, providers: [{
+        NimbleComboboxControlValueAccessorDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleComboboxControlValueAccessorDirective, selector: "nimble-combobox[formControlName],nimble-combobox[formControl],nimble-combobox[ngModel]", inputs: { compareWith: "compareWith" }, host: { listeners: { "input": "onChange($event.target.control.value])", "change": "onChange($event.target.value])", "blur": "onTouched()" } }, providers: [{
                     provide: forms.NG_VALUE_ACCESSOR,
                     useExisting: i0.forwardRef(function () { return NimbleComboboxControlValueAccessorDirective; }),
                     multi: true
@@ -966,6 +966,9 @@
                 }], ctorParameters: function () { return [{ type: i0__namespace.Renderer2 }, { type: i0__namespace.ElementRef }]; }, propDecorators: { compareWith: [{
                         type: i0.Input
                     }], onChange: [{
+                        type: i0.HostListener,
+                        args: ['input', ['$event.target.control.value]']]
+                    }, {
                         type: i0.HostListener,
                         args: ['change', ['$event.target.value]']]
                     }], onTouched: [{
@@ -981,6 +984,16 @@
                 this.renderer = renderer;
                 this.elementRef = elementRef;
             }
+            Object.defineProperty(NimbleComboboxDirective.prototype, "appearance", {
+                get: function () {
+                    return this.elementRef.nativeElement.appearance;
+                },
+                set: function (value) {
+                    this.renderer.setProperty(this.elementRef.nativeElement, 'appearance', value);
+                },
+                enumerable: false,
+                configurable: true
+            });
             Object.defineProperty(NimbleComboboxDirective.prototype, "disabled", {
                 get: function () {
                     return this.elementRef.nativeElement.disabled;
@@ -1026,13 +1039,15 @@
             return NimbleComboboxDirective;
         }());
         NimbleComboboxDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: NimbleComboboxDirective, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-        NimbleComboboxDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleComboboxDirective, selector: "nimble-combobox", inputs: { disabled: "disabled", autocomplete: "autocomplete", placeholder: "placeholder", errorText: ["error-text", "errorText"] }, ngImport: i0__namespace });
+        NimbleComboboxDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleComboboxDirective, selector: "nimble-combobox", inputs: { appearance: "appearance", disabled: "disabled", autocomplete: "autocomplete", placeholder: "placeholder", errorText: ["error-text", "errorText"] }, ngImport: i0__namespace });
         i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: NimbleComboboxDirective, decorators: [{
                     type: i0.Directive,
                     args: [{
                             selector: 'nimble-combobox',
                         }]
-                }], ctorParameters: function () { return [{ type: i0__namespace.Renderer2 }, { type: i0__namespace.ElementRef }]; }, propDecorators: { disabled: [{
+                }], ctorParameters: function () { return [{ type: i0__namespace.Renderer2 }, { type: i0__namespace.ElementRef }]; }, propDecorators: { appearance: [{
+                        type: i0.Input
+                    }], disabled: [{
                         type: i0.Input
                     }], autocomplete: [{
                         type: i0.Input