@ni/nimble-angular 9.0.1 → 10.0.0

package/README.md

@@ -115,19 +115,6 @@ The @ni/nimble-angular package is now compiled with Ivy. The consequence of this
 
 While Nimble Angular will strive to stay current on the most recent version of Angular, there will be some grace period to allow client applications time to make the migration before-hand (which is [required](https://angular.io/guide/creating-libraries#ensuring-library-version-compatibility) in order to use Nimble Angular).
 
-## Known Issues
-
-Currently the fast-animation library we depend on only exports CommonJS modules, which triggers an Angular project build warning (and potentially suboptimal bundle optimizations).
-
-Currently clients consuming the nimble Angular integration may need to make the following change in their `angular.json`, if they wish to suppress that build warning, in the `projects.[projectName].architect.build.options` section:
-```json
-"allowedCommonJsDependencies": [
-  "@microsoft/fast-animation"
-]
-```
-
-[nimble issue #189](https://github.com/ni/nimble/issues/189) tracks this issue.
-
 ## Contributing
 
 Follow the instructions in [CONTRIBUTING.md](/angular-workspace/projects/ni/nimble-angular/CONTRIBUTING.md) to modify this library.

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

@@ -1225,13 +1225,19 @@
             }] });
 
     /**
-     * Directive to provide Angular integration for the drawer.
+     * Directive to provide Angular integration for the drawer element.
+     * @description
+     * In order to provide a custom value for the `CloseReason` for the drawer you need to obtain
+     * a `@ViewChild` reference with the custom type specified. For example, to specify the type as `string`:
+     * ```ts
+     * @ViewChild('drawer', { read: NimbleDrawerDirective }) public drawer: NimbleDrawerDirective<string>;
+     * ```
      */
+    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
     var NimbleDrawerDirective = /** @class */ (function () {
         function NimbleDrawerDirective(renderer, elementRef) {
             this.renderer = renderer;
             this.elementRef = elementRef;
-            this.stateChange = new i0.EventEmitter();
         }
         Object.defineProperty(NimbleDrawerDirective.prototype, "location", {
             get: function () {
@@ -1243,53 +1249,51 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(NimbleDrawerDirective.prototype, "state", {
+        Object.defineProperty(NimbleDrawerDirective.prototype, "preventDismiss", {
             get: function () {
-                return this.elementRef.nativeElement.state;
+                return this.elementRef.nativeElement.preventDismiss;
             },
+            // preventDismiss property intentionally maps to the prevent-dismiss attribute
+            // eslint-disable-next-line @angular-eslint/no-input-rename
             set: function (value) {
-                this.renderer.setProperty(this.elementRef.nativeElement, 'state', value);
+                this.renderer.setProperty(this.elementRef.nativeElement, 'preventDismiss', toBooleanProperty(value));
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(NimbleDrawerDirective.prototype, "modal", {
+        Object.defineProperty(NimbleDrawerDirective.prototype, "ariaLabel", {
             get: function () {
-                return this.elementRef.nativeElement.modal;
+                return this.elementRef.nativeElement.ariaLabel;
             },
+            // ariaLabel property intentionally maps to the aria-label attribute
+            // eslint-disable-next-line @angular-eslint/no-input-rename
             set: function (value) {
-                this.renderer.setProperty(this.elementRef.nativeElement, 'modal', toBooleanProperty(value));
+                this.renderer.setProperty(this.elementRef.nativeElement, 'ariaLabel', value);
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(NimbleDrawerDirective.prototype, "preventDismiss", {
+        Object.defineProperty(NimbleDrawerDirective.prototype, "open", {
             get: function () {
-                return this.elementRef.nativeElement.preventDismiss;
-            },
-            // preventDismiss property intentionally maps to the prevent-dismiss attribute
-            // eslint-disable-next-line @angular-eslint/no-input-rename
-            set: function (value) {
-                this.renderer.setProperty(this.elementRef.nativeElement, 'preventDismiss', toBooleanProperty(value));
+                return this.elementRef.nativeElement.open;
             },
             enumerable: false,
             configurable: true
         });
         NimbleDrawerDirective.prototype.show = function () {
-            this.state = types$6.DrawerState.opening;
-        };
-        NimbleDrawerDirective.prototype.hide = function () {
-            this.state = types$6.DrawerState.closing;
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, this.elementRef.nativeElement.show()];
+                });
+            });
         };
-        NimbleDrawerDirective.prototype.onStateChanged = function ($event) {
-            if ($event.target === this.elementRef.nativeElement) {
-                this.stateChange.emit(this.state);
-            }
+        NimbleDrawerDirective.prototype.close = function (reason) {
+            this.elementRef.nativeElement.close(reason);
         };
         return NimbleDrawerDirective;
     }());
     NimbleDrawerDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: NimbleDrawerDirective, deps: [{ token: i0__namespace.Renderer2 }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    NimbleDrawerDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleDrawerDirective, selector: "nimble-drawer", inputs: { location: "location", state: "state", modal: "modal", preventDismiss: ["prevent-dismiss", "preventDismiss"] }, outputs: { stateChange: "stateChange" }, host: { listeners: { "state-change": "onStateChanged($event)" } }, ngImport: i0__namespace });
+    NimbleDrawerDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleDrawerDirective, selector: "nimble-drawer", inputs: { location: "location", preventDismiss: ["prevent-dismiss", "preventDismiss"], ariaLabel: ["aria-label", "ariaLabel"] }, ngImport: i0__namespace });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: NimbleDrawerDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
@@ -1297,18 +1301,12 @@
                     }]
             }], ctorParameters: function () { return [{ type: i0__namespace.Renderer2 }, { type: i0__namespace.ElementRef }]; }, propDecorators: { location: [{
                     type: i0.Input
-                }], state: [{
-                    type: i0.Input
-                }], modal: [{
-                    type: i0.Input
                 }], preventDismiss: [{
                     type: i0.Input,
                     args: ['prevent-dismiss']
-                }], stateChange: [{
-                    type: i0.Output
-                }], onStateChanged: [{
-                    type: i0.HostListener,
-                    args: ['state-change', ['$event']]
+                }], ariaLabel: [{
+                    type: i0.Input,
+                    args: ['aria-label']
                 }] } });
 
     var NimbleDrawerModule = /** @class */ (function () {
@@ -8820,18 +8818,14 @@
         enumerable: true,
         get: function () { return types$5.ComboboxAutocomplete; }
     });
-    Object.defineProperty(exports, 'USER_DISMISSED', {
+    Object.defineProperty(exports, 'UserDismissed', {
         enumerable: true,
-        get: function () { return dialog.USER_DISMISSED; }
+        get: function () { return dialog.UserDismissed; }
     });
     Object.defineProperty(exports, 'DrawerLocation', {
         enumerable: true,
         get: function () { return types$6.DrawerLocation; }
     });
-    Object.defineProperty(exports, 'DrawerState', {
-        enumerable: true,
-        get: function () { return types$6.DrawerState; }
-    });
     Object.defineProperty(exports, 'NumberFieldAppearance', {
         enumerable: true,
         get: function () { return types$7.NumberFieldAppearance; }